label {
    font-weight: bold;
    color: var(--t-black);
}

/*#region Telerik_Override*/

/*#region tabstrip*/

.k-tabstrip {
    padding: 0;
}

.k-tabstrip.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.k-tabstrip .k-tabstrip-items {
    border-top: 1px solid var(--gray-200);
    background: var(--gray-50);
}

    .k-tabstrip .k-tabstrip-items .k-link {
        color: var(--t-black);
    }

    .k-tabstrip .k-tabstrip-items-wrapper .k-item:active {
        border-top: 0 !important;
        border-color: var(--gray-50);
        border-bottom-color: var(--gray-200);
        background: var(--gray-50);
    }

    .k-tabstrip .k-tabstrip-items-wrapper .k-item:focus {
        box-shadow: none !important;
        border-top: 0;
        border: 0;
        border-bottom: 1px solid var(--gray-200);
        background: var(--gray-50);
    }

.k-tabstrip .k-tabstrip-items-wrapper .k-item.k-active {
    border-color: var(--gray-200) !important;
    color: var(--t-white) !important;
    background-color: var(--white) !important;
    font-weight: bold !important;
    border-top: 2px solid var(--primary-600) !important;
    margin-top: -1px !important;
    border-bottom-color: var(--white) !important;
}

    .k-tabstrip .k-tabstrip-items-wrapper .k-item.k-active .k-link {
        color: var(--primary-600) !important;
    }

    .k-tabstrip-content.k-active,
    .k-tabstrip > .k-content.k-active {
        display: flex !important;
        outline: none !important;
    }

/*#endregion tabstrip*/

/*#region DropDownList*/

.k-dropdownlist {
    background-color: var(--white);
    border-radius: var(--i-border-radius);
    border: 1px solid var(--gray-400);
}

.k-picker-solid.k-hover, .k-picker-solid:hover {
    background-color: var(--primary-200);
}

.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    color: var(--t-white);
    background-color: var(--primary-600);
    border-radius: var(--i-border-radius);
    box-shadow: none;
}

.k-hover.k-list-optionlabel,
.k-list-item.k-hover,
.k-list-item:hover,
.k-list-optionlabel:hover {
    color: var(--t-black);
    background-color: var(--primary-200);
    border-radius: var(--i-border-radius);
}

    .k-list-item.k-selected.k-hover,
    .k-list-item.k-selected:hover,
    .k-selected.k-hover.k-list-optionlabel,
    .k-selected.k-list-optionlabel:hover {
        color: var(--t-white);
        background-color: var(--primary-600);
    }

.k-dropdownlist.k-disabled,
.k-dropdownlist:disabled {
    border-color: var(--disabled-bc);
    color: var(--disabled-tc);
    background-color: var(--disabled-bg);
}

/*#endregion DropDownList*/

/*#region textarea*/

.k-textarea {
    background-color: var(--white);
    border-radius: var(--i-border-radius);
    border-color: var(--gray-400);
}

    .k-textarea:hover {
        background-color: var(--primary-200);
        border-color: var(--gray-400);
    }

    .k-textarea textarea:read-only {
        background-color: var(--gray-25);
    }


    .k-textarea:disabled,
    .k-textarea textarea:disabled,
    .k-textarea.k-disabled {
        border-color: var(--disabled-bc);
        color: var(--disabled-tc);
        background-color: var(--disabled-bg);
    }

/*#endregion textarea*/

/*#region textbox*/

.k-textbox {
    background-color: var(--white);
    border-radius: var(--i-border-radius);
    border-color: var(--gray-400);
}

    .k-textbox:hover {
        background-color: var(--primary-200);
        border-color: var(--gray-400);
    }

    .k-textbox input:read-only {
        background-color: var(--gray-25);
    }

    .k-textbox.k-disabled,
    .k-textbox:disabled,
    .k-textbox input:disabled {
        border-color: var(--disabled-bc) !important;
        color: var(--disabled-tc) !important;
        background-color: var(--disabled-bg) !important;
    }

/*#endregion textbox*/

/*#region DatePicker*/
.k-datepicker {
    border: 1px solid var(--gray-400);
    border-radius: var(--i-border-radius);
}


    .k-datepicker > button.k-input-button.k-button.k-icon-button {
        background: var(--transparent);
    }

    .k-datepicker:hover {
        background-color: var(--primary-200);
        border-color: var(--gray-400);
    }



.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected .k-link {
    border-color: var(--primary-700);
    background-color: var(--primary-600);
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner:hover,
.k-calendar .k-calendar-td.k-selected .k-link:hover {
    border-color: var(--primary-700);
    background-color: var(--primary-600);
}

.k-datepicker input:read-only {
    background-color: var(--gray-25);
}

.k-datepicker:disabled,
.k-datepicker input:disabled,
.k-datepicker.k-disabled {
    border-color: var(--disabled-bc);
    color: var(--disabled-tc);
    background-color: var(--disabled-bg);
}


/*#endregion DatePicker*/

/*#region checkbox*/
.k-checkbox {
    border: 1px solid var(--gray-400);
    border-radius: var(--i-border-radius);
    height: 24px;
    width: 24px;
    background-image: none !important;
}

    .k-checkbox.k-checked,
    .k-checkbox:checked {
        border-color: var(--primary-600);
        color: var(--t-white);
        background-color: var(--primary-600);
    }

    .k-checkbox.k-disabled,
    .k-checkbox:disabled {
        border-color: var(--disabled-bc);
        color: var(--disabled-tc);
        background-color: var(--disabled-bg);
    }


.greenCheckbox-outline {
    border-color: var(--c-green) !important;
    color: var(--c-green) !important;
    background-color: var(--white) !important;
}

    .greenCheckbox-outline.k-disabled, .greenCheckbox-outline:disabled {
        /*  border-color: var(--disabled-bc) !important;
        color: var(--c-green) !important;
        background-color: var(--white) !important;*/
        opacity: 0.4 !important
    }


.greenCheckbox-primary {
    border-color: var(--c-green) !important;
    color: var(--t-white) !important;
    background-color: var(--c-green) !important;
}

    .greenCheckbox-primary.k-disabled, .greenCheckbox-primary:disabled {
        /*border-color: var(--disabled-bc) !important;
        color: var(--disabled-tc);
        background-color: var(--disabled-bg);*/
        opacity:0.4 !important
    }

/*#endregion checkbox*/

/*#region radio*/
.k-radio {
    border: 1px solid var(--gray-400);
    background-color: var(--white);
    height: 24px;
    width: 24px;
    background-image: none !important;
}

    .k-radio.k-checked,
    .k-radio:checked {
        border-color: var(--primary-600);
        color: var(--white);
        background-color: var(--primary-600);
    }

    .k-radio.k-disabled,
    .k-radio:disabled {
        border-color: var(--disabled-bc);
        color: var(--disabled-tc);
        background-color: var(--disabled-bg);
    }
/*#endregion radio*/

/*#region switch*/
span.k-switch {
    height: 24px;
    width:40px;
}

    span.k-switch .k-switch-track {
        width: 40px;
        height: 24px;
        background-color: var(--gray-400);
    }

    span.k-switch.k-switch-on .k-switch-track {
        border-color: var(--primary-600);
        color: var(--t-white);
        background-color: var(--primary-600);
    }

    span.k-switch.k-switch-off .k-switch-thumb-wrap {
        left: 12px;
    }

    span.k-switch.k-switch-on .k-switch-thumb-wrap {
        left: calc(100% - 12px);
    }


    span.k-switch .k-switch-thumb {
        width: 20px;
        height: 20px;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    }



    span.k-switch .k-switch-label-on,
    span.k-switch .k-switch-label-off {
        display:none;
        height:0;
        width:0;
        max-height:0;
        max-width:0;
    }

.k-switch:disabled .k-switch-track,
.k-switch.k-disabled .k-switch-track {
    border-color: var(--disabled-bc);
    color: var(--disabled-tc);
    background-color: var(--disabled-bg);
}

.k-switch:disabled .k-switch-thumb,
.k-switch.k-disabled .k-switch-thumb {
    color: var(--disabled-tc);
    background-color: var(--disabled-bg);
}
/*#endregion switch*/

/*#region table*/

.k-grid .k-selected {
    background: var(--primary-200) !important;
    box-shadow: 0px 0px 0px 1px var(--primary-700) inset !important;
}

.k-grid tr.k-selected > td {
    background-color: transparent !important;
}

.k-grid .k-grid-content-expander {
    width: auto !important;
}

.k-grid .k-grid-header {
    background: var(--gray-100);
}

    .k-grid .k-grid-header th {
        font-weight: bold;
    }

.k-grid tr.k-alt {
    background-color: var(--gray-25);
}



/*#endregion table*/

/*#region window*/
.k-window .k-window-titlebar {
    color: var(--t-white) !important;
    /*background-color: var(--primary-600) !important;*/
    background-color: var(--anci-header-color) !important;
    /*padding: 10px 20px !important;*/
}
    .k-window .k-window-titlebar .k-window-title {
        font-size: 20px !important;
    }

    .k-window .k-window-titlebar .k-window-actions .k-icon-button {
        /*background: var(--primary-600) !important;*/
        background: var(--anci-header-color) !important;
        margin-left: 10px;
        outline: none !important;
    }

        .k-window .k-window-titlebar .k-window-actions .k-icon-button > .k-button-icon {
            font-size: 30px !important;
            font-weight: normal !important;
            /*background: var(--primary-600) !important;*/
            background: var(--anci-header-color) !important;
            outline: none !important;
        }

/*#endregion window*/

/*#endregion Telerik_Override*/



/*#region others*/

html, body {
    color: var(--t-black);
}

::placeholder {
    color: var(--t-placeholder) !important;
}
/*#endregion others*/


/*================================================*/
/*#region buttons*/
.btn {
    cursor: pointer;
    /* border-radius: var(--i-border-radius);*/
    font-weight: bold;
    max-height: 40px !important;
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 0.5em;
    font-weight: bold;
    line-height: 20px;
}

.btn-sm {
    height: 30px;
    font-size: 15px;
    line-height: 15px;
}

.btn-lg {
    height: 50px;
    font-size: 15px;
    height: 50px !important;
    font-weight: bold;
    font-size: 1.5em;
    line-height:25px;
}


.btn i {
   /* margin-right: 10px;*/
}

.btn-notext i {
    margin-right: 0 !important;
}

.btn-notext.btn-sm {
    padding: 3px !important;
}


.btn-notext.btn-sm {
    width: 30px;
}



/*#region primary*/
.btn-primary {
    color: var(--t-white);
    background-color: var(--primary-600);
    border: none !important;
   
}

    .btn-primary:hover {
        color: var(--t-white) !important;
        background-color: var(--primary-700) !important;
        border: none !important;
    }

    .btn-primary:active {
        color: var(--t-white) !important;
        background-color: var(--primary-800) !important;
        border: none !important;
    }

.btn-outline-primary {
    color: var(--primary-600) !important;
    background-color: var(--white) !important;
    border: 1px solid var(--primary-600) !important;
}

    .btn-outline-primary:hover {
        color: var(--primary-700) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--primary-700) !important;
    }

    .btn-outline-primary:active {
        color: var(--primary-700) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--primary-800) !important;
    }
/*#endregion primary*/


/*#region secondary*/
.btn-secondary {
    color: var(--t-white);
    background-color: var(--primary-700);
    border: none !important;
}

.btn-secondary:hover {
    color: var(--t-white) !important;
    background-color: var(--primary-700) !important;
    border: none !important;
}

    .btn-secondary:active {
        color: var(--t-white) !important;
        background-color: var(--primary-800) !important;
        border: none !important;
    }

.btn-secondary-primary {
    color: var(--primary-600) !important;
    background-color: var(--white) !important;
    border: 1px solid var(--primary-600) !important;
}

    .btn-secondary-primary:hover {
        color: var(--primary-700) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--primary-700) !important;
    }

    .btn-secondary-primary:active {
        color: var(--primary-700) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--primary-800) !important;
    }

/*#region success*/
.btn-success {
    color: var(--t-white);
    background-color: var(--c-success);
    border: none !important;
}

    .btn-success:hover {
        color: var(--t-white) !important;
        background-color: var(--c-success) !important;
        border: none !important;
    }

    .btn-success:active {
        color: var(--t-white) !important;
        background-color: var(--c-success-dark) !important;
        border: none !important;
    }

.btn-outline-success {
    color: var(--primary-600) !important;
    background-color: var(--white) !important;
    border: 1px solid var(--primary-600) !important;
}

    .btn-outline-success:hover {
        color: var(--primary-700) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--primary-700) !important;
    }

    .btn-outline-success:active {
        color: var(--primary-700) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--primary-800) !important;
    }
/*#endregion primary*/