/* Button overrides */
.rz-button.rz-primary, .rz-button.rz-primary.rz-shade-default, .btn-primary.rz-paginator-element {
    background-color: #376df5;
}

/* Textbox overrides */
.rz-textbox {
    width: 100%;    /* Width will be limited by surrounding container. */
}

.rz-calendar > .rz-readonly {
    background-color: rgba(0, 0, 0, 0.1);
    cursor: default;
}

/* Validator overrides */
.rz-messages-error {
    color: red;
    font-weight: bold;
    border: 1px solid black;
    background-color: white;
    padding: 4px;
    margin-top: 3px;
    border-radius: 5px;
    display: block;
}

.valid.modified:not([type=checkbox]) {
    outline: none;
}

.invalid, .modified, .valid {
    margin-top: 1px;
    margin-left: 1px;
    max-width: calc(100% - 2px);
}

/* Custom DataGrid overrides */
/* Lower height */
.hideRadzenDataGridHeader .rz-grid-table > thead {
    display: none;
    border: none;
}

.radzenDataGridRowHeight35PxWithButton .rz-grid-table > tbody > tr > td {
    padding: 0 10px 0 10px;
}


.radzenDataGridRowHeight35PxWithButton .rz-grid-table > tbody > tr {
    height: 31px;
}

.radzenDataGridRowHeight35PxWithButton .rz-grid-table > tbody .rz-expanded-row-content > td {
    padding: 0;
    border: none;
}

.rz-expanded-row-template .radzenDataGridRowHeight35PxWithButton {
    border: none;
}

.radzenDataGridRowHeight35PxWithButton .rz-button {
    height: 20px;
    padding: 0 10px 0 5px;
    vertical-align: middle;
    margin: 5px 5px 5px 0;
}

.radzenDataGridRowHeight35PxWithButton .rzi {
    top: -8px;
    position: relative;
}

.radzenDataGridRowHeight35PxWithButton .rz-button-text {
    top: -8px;
    position: relative;
    font-size: 14px;
}

.radzenDataGridRowHeight35PxWithButton .rz-progressbar {
    height: 16px;
}

.radzenDataGridRowHeight35PxWithButton .rz-cell-filter-label > i {
    padding-top: 8px;
}

.radzenDataGridRowHeight35PxWithButton .rz-progressbar-label {
    font-size: 12px;
}

.radzenDataGridRowHeight35PxWithButton .rz-row-toggler {
    right: 7px;
    position: relative;
}
/* End of lower height */

/* RadzenDataGrid label */
.rz-grid-table .rz-cell-data > label {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 15px;
    padding-left: 10px;
}

.gridRowNew {
    background-color: rgba(0, 160, 0, 0.5);
}

.gridRowRemoved {
    background-color: rgba(255, 0, 0, 0.5);
}

    .gridRowNew > td .rz-cell-data, .gridRowRemoved > td .rz-cell-data {
        font-weight: bold;
        color: black;
    }

/* Custom validators */
.radzenTextboxWithValidators {
    display: inline;
}

    .radzenTextboxWithValidators > input {
        margin-bottom: 2px;
    }

.radzenValidatorGroup {
    display: table;
}

.radzenTextboxWithButtonNextToEachOther {
    display: flex;
}

    .radzenTextboxWithButtonNextToEachOther > button {
        margin-left: 5px;
    }


.rz-expanded-row-template {
    padding: 0;
    border: none;
}


/* RadzenLabel validators */
.rz-label {
    vertical-align: middle;
}

/* Radzen Card */
.rz-card {
    box-shadow: none;
    padding: calc(var(--gutter));
}

.card {
    border: none;
    overflow: scroll;
}

@media(min-width: 678px){
    .rz-card {
        padding: calc(var(--gutter));
    } 
}