:root {
    --color_1: rgba(255,255,255,1);
    --color_2: rgba(23, 122, 126, 1);
    --color_3: rgba(0, 0, 0, 0.5);
    --color_4: rgba(0, 0, 0, 0.5);
    --color_5: rgba(0, 0, 0, 1);

    --kendo-color-primary-emphasis: rgba(23, 122, 126, 1);
    --kendo-color-primary: rgba(23, 122, 126, 1);
}

body {
    min-height: 75rem;
}

.form-check-input:checked {
    background-color: var(--color_2);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")!important;
}

.form-check-input:disabled, .form-check-input[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
    .form-check-input:disabled:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }
.form-control:focus, .form-select:focus {
    border-color: var(--color_2);
    box-shadow: 0 0 0 0.25rem rgb(23, 122, 126,0.25);
} 




.nav-pills .nav-link.active, .nav-pills.show > .nav-link {
    background-color: var(--color_2);
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--color_1);
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--color_2);
}



.btn {
    border-width: 2px;
    border-radius: 1000px;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}


.btn-primary {
    color: var(--color_2);
    border-color: var(--color_2);
    background-color: var(--color_1);
}

    .btn-primary:hover {
        color: var(--color_1);
        border-color: var(--color_2);
        background-color: var(--color_2);
    }

.btn-primary-filled {
    color: var(--color_1);
    border-color: var(--color_2);
    background-color: var(--color_2);
}

    .btn-primary-filled:hover {
        color: var(--color_2);
        border-color: var(--color_2);
        background-color: var(--color_1);
    }

.btn-secondary {
    color: var(--color_3);
    border-color: var(--color_3);
    background-color: var(--color_1);
}

    .btn-secondary:hover{
        color: var(--color_1);
        border-color: var(--color_3);
        background-color: var(--color_3);
    }

a {
    color: var(--color_2);
}

.k-grid .k-grid-content, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked, .k-grid td {
    border-color: var(--color_3);
}

.k-tabstrip-item .k-link-text {
    color: var(--color_2);
}

.customGridCommand,
.k-grid-update.k-button-solid-primary,
.k-grid-add.k-button-solid-base,
.k-grid-excel.k-button-solid-base,
.k-icon-button {
    color: var(--color_2) !important;
    border-color: var(--color_2) !important;
    background-color: var(--color_1) !important;
}
    .customGridCommand:hover,
    .k-grid-update.k-button-solid-primary:hover,
    .k-grid-add.k-button-solid-base:hover,
    .k-grid-excel.k-button-solid-base:hover,
    .k-icon-button:hover {
        color: var(--color_1) !important;
        border-color: var(--color_1) !important;
        background-color: var(--color_2) !important;
    }
.k-grid-update.k-button-solid-base {
    color: var(--color_3) !important;
    border-color: var(--color_3) !important;
    background-color: var(--color_1) !important;
}

    .k-grid-update.k-button-solid-base:hover {
        color: var(--color_1) !important;
        border-color: var(--color_3) !important;
        background-color: var(--color_3) !important;
    }

.k-grid > table > tbody > tr:not(.k-detail-row):hover,
.k-grid-content > table > tbody > tr:not(.k-detail-row):hover {
    background-color: var(--color_2) !important;
    color: var(--color_1) !important;
}

.widgetcontainer {
    min-height: 502px;
}

[aria-label='Clear'] {
    background-color: var(--color_2) !important;
    color: var(--color_1) !important;
}