:root {
    --bs-blue: #03a9f4;
    --bs-indigo: #25476a;
    --bs-purple: #ab47bc;
    --bs-pink: #f06292;
    --bs-red: #df5645;
    --bs-orange: #fa9f1b;
    --bs-yellow: #ffe405;
    --bs-green: #9FCC2E;
    --bs-teal: #14908F !important;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #cbd0d8;
    --bs-gray-dark: #9ea2a8;
    --bs-gray-100: #f9fafc;
    --bs-gray-200: #f3f5f9;
    --bs-gray-300: #edf1f6;
    --bs-gray-400: #e7ecf3;
    --bs-gray-500: #e1e7f0;
    --bs-gray-600: #cbd0d8;
    --bs-gray-700: #b4b9c0;
    --bs-gray-800: #9ea2a8;
    --bs-gray-900: #878b90;
    --bs-primary: #14908b;
    --bs-secondary: #26a69a;
    --bs-success: #9FCC2E;
    --bs-info: #03a9f4;
    --bs-warning: #fa9f1b;
    --bs-danger: #df5645;
    --bs-light: #e1e7f0;
    --bs-dark: #373c43;
    --bs-primary-rgb: 20, 144, 139;
    --bs-secondary-rgb: 38, 166, 154;
    --bs-success-rgb: 159, 204, 46;
    --bs-info-rgb: 3, 169, 244;
    --bs-warning-rgb: 250, 159, 27;
    --bs-danger-rgb: 223, 86, 69;
    --bs-light-rgb: 225, 231, 240;
    --bs-dark-rgb: 55, 60, 67;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 55, 60, 67;
    --bs-body-rgb: 122, 135, 142;
    --bs-font-sans-serif: "Open Sans", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.75rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #7a878e;
    --bs-body-bg: #edf1f6;
}

:root {
    --bs-body-bg: #edf1f6;
    --bs-body-color: #75868f;
    --bs-card-bg: #fff;
    --bs-dropdown-bg: #fff;
    --bs-headings-color: #373c43;
    --bs-muted-color: #a5b1b8;
    --bs-link-color: #03a9f4;
    --bs-comp-active-bg: #25476a;
    --bs-comp-active-color: #fff;
    --bs-border-color: rgba(0, 0, 0, 0.07);
    --bs-body-bg-rgb: 237, 241, 246;
    --bs-body-color-rgb: 117, 134, 143;
    --bs-card-bg-rgb: 255, 255, 255;
    --bs-dropdown-bg-rgb: 255, 255, 255;
    --bs-headings-color-rgb: 55, 60, 67;
    --bs-muted-color-rgb: 165, 177, 184;
    --bs-link-color-rgb: 3, 169, 244;
    --bs-comp-active-bg-rgb: 37, 71, 106;
    --bs-comp-active-color-rgb: 255, 255, 255;
    --bs-border-radius: 0.4375rem;
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(55, 60, 67, 0);
}

.header {
    background-color: #14908b;
    color: #dee3e9;
}

.mainnav__inner {
    background-color: #fff;
    color: #75868f;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.mainnav__inner .mainnav__menu>.nav-item>.nav-link.active {
    background-color: #14908b;
    border-radius: .4375rem;
    box-shadow: none;
    color: #fff;
    font-weight: 700;
}

.mainnav__caption {
    color: #373c43;
    font-family: "Open Sans", sans-serif;
}

.h6,
h6 {
    font-size: .75rem !important;
}

.root .mainnav__inner .nav-link {
    color: #787c7f;
}

.mainnav__bottom-content {
    background-color: #fff;
    bottom: 0;
    margin-top: auto;
    position: sticky;
}

.mainnav__inner :where(.border-top, .border-end, .border-bottom, .border-start) {
    border-color: #e1e2e3 !important;
}

.mainnav__inner .mainnav__menu>.nav-item>.nav-link:not(.collapsed):not(.active) {
    color: #787c7f;
}

.root .mainnav__inner .nav-link .nav-icon,
.root .mainnav__inner .nav-link i {
    color: #787c7f !important;
}

.root .mainnav__inner .nav-link:hover {
    color: #979797;
}

.form-control,
.form-select {
    box-shadow: none;
}

.form-control {
    display: block;
    width: 100%;
    padding: .55rem 1rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #75868f;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .07);
    appearance: none;
    border-radius: .4375rem;
    box-shadow: inset 0 1px 2px rgba(55, 60, 67, .075);
    transition: border-color .35s ease-in-out, box-shadow .35s ease-in-out;
    margin: 0;
    /*height: 12px;*/
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f3f5f9;
    border-color: #edf1f6;
    opacity: 1;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.col-form-label {
    /*color: #75868f !important;*/
    color: #000 !important;
    padding-bottom: calc(.55rem + 1px);
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
}

.content {
    background-color: #edf1f6;
    color: #75868f !important;
    display: flex;
    flex-direction: column;
    grid-area: 2/2/3/3;
    width: 100%;
    min-width: 0;
    max-width: 100vw;
}

.k-input-solid {
    border-color: #dfdfdf !important;
}

.k-datepicker {
    border-radius: .4375rem !important;
}

.border-box {
    border-radius: 3px;
    border: 1px solid !important;
    border-color: #d3d3d3 !important;
}

.tab-base .nav-callout {
    font-size: 13px;
}

.header__btn {
    border-radius: .875rem;
    box-shadow: none !important;
    color: inherit;
    font-size: .8rem;
}

.header__btn:focus,
.header__btn:hover {
    background-color: #0a8580;
    color: #fff;
}

.k-button {
    text-transform: capitalize !important;
    font-size: 12px !important;
}

.k-upload {
    width: 100%;
}

.k-upload-button {
    color: #fff !important;
    background-color: #14908b !important;
    border-color: #14908b !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(55, 60, 67, .075) !important;
    cursor: pointer !important;
}

.k-upload .k-dropzone .k-dropzone-hint {
    font-size: 12px !important;
    text-align: center;
}

.k-input-solid:focus-within {
    color: #7a878e !important;
    background-color: #fff !important;
    border-color: #14908b !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 2px rgba(55, 60, 67, .075), 0 0 .75rem 0 rgba(0, 0, 0, .125) !important;
}

/* .k-pager-numbers .k-link.k-selected {
    border-color: #19a19c !important;
    color: #fff;
    background-color: #14908b !important;
} */

/*.k-button-solid-base {
    border-color: #d6e5e9 !important;
    color: #ffffff !important;
    background-color: #2d5580 !important;
}*/

.k-drag-clue,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-menu,
.k-panelbar>.k-panelbar-header>.k-link,
.k-progressbar,
.k-state-highlight,
.k-tabstrip,
.k-tabstrip-items .k-item,
.k-toolbar {
    /* background-image: url(textures/highlight.png);
            background-image: none,linear-gradient(to bottom,rgba(255,255,255,.25) 0,rgba(255,255,255,0) 100%);
            background-position: 50% 50%; */
    background-color: #ffffff !important;
}

    .k-grid-header th.k-header {
        border-left: 0px !important;
        border-right: 0px !important;
        border-bottom: 3px solid !important;
        border-color: #000206 !important;
        font-weight: 600 !important;
        color: #505050 !important;
    }

.k-grid-header {
    padding-right: 0px !important;
    width: 100%;
}

.k-grid tr.k-alt {
    background-color: rgb(249 249 249 / 60%) !important;
}

.k-grid tr:hover {
    background-color: #ebebeb !important;
}
.k-checkbox.k-checked, .k-checkbox:checked {
    border-color: #14908b !important;
    color: #000;
    background-color: #ffffff !important;
}
.k-checkbox.k-checked.k-focus, .k-checkbox:checked:focus {
    border-color: #14908b !important;
    box-shadow: 0 0 0 0.25rem rgb(20 144 139 / 11%) !important;
}

.k-checkbox.k-focus, .k-checkbox:focus {
    border-color: #14908b !important;
    box-shadow: 0 0 0 0.25rem rgb(20 144 139 / 11%) !important;
}
.k-grid td.k-selected, .k-grid th.k-selected, .k-grid tr.k-selected>td {
    color: #292b2c;
    background-color: rgb(229 229 229 / 25%) !important;
}
.k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-marquee-color, .k-panel>.k-selected, .k-panel>.k-state-selected, .k-scheduler .k-today.k-selected, .k-scheduler .k-today.k-state-selected, .k-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #fff;
    background-color: #ededed !important;
}

.k-pager-numbers {
    align-self: center !important;
    align-items: center !important;
    height: 35px !important;
}
.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
   font-size: 12px !important;
}

.k-list-item-text {
    font-size: 12px !important;
}

.mainnav__inner :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(.mainnav__caption) {
    color: #000 !important;
}

.mainnav__inner .text-muted {
    color: #9b9b9b !important;
}

/*.img-md {
    width: 5.5rem !important;
    height: 5.5rem !important;
}*/

.hd--expanded.mn--max .content__boxed:before, .hd--expanded.mn--min .content__boxed:before {
    background-color: #edf1f6;
    content: "";
    display: block;
    height: 1.09375rem;
    margin-left: 0;
    -webkit-mask-image: radial-gradient(circle at 0 1.09375rem,transparent 0,transparent 1.09375rem,#000 1.09375rem);
    mask-image: radial-gradient(circle 1.09375rem at 0 1.09375rem,transparent 0,transparent 1.09375rem,#000 1.09375rem);
    position: relative;
    top: 0;
    transform: translateX(-1.09375rem);
    width: 1.155rem;
    z-index: 10;
}

.custom_btn-danger {
    background-color: var(--bs-danger) !important;
}

.custom_btn-danger:hover {
    background-color: var(--bs-danger) !important;
    opacity: 0.7 !important;
}

.custom_btn-disabled {
    background-color: var(--bs-gray) !important;
}

.custom_btn-disabled:hover {
    background-color: var(--bs-gray) !important;
    cursor: not-allowed;
}

.k-loading-mask {
    display: none !important;
}

@media (min-width: 992px) {
    .mn--min .mininav-content {
        background-color: #ffffff;
    }

    .mn--min .mainnav__menu > .nav-item > .nav-link .nav-icon, .mn--min .mainnav__menu > .nav-item > .nav-link i {
        color: #979797 !important;
    }
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: #000 !important;
    background-color: #e7607b;
}

.k-grid-footer {
    border-color: #dee2e6;
    color: #292b2c;
    background-color: #ffffff !important;
}