@import url('light_blue.css');

:root {
    --theme-primary: #165c4a;
    --theme-secondary: #6c757d;
    --theme-success: #2fbc72;
    --theme-info: #20a76d;
    --theme-warning: #d2a947;
    --theme-danger: #Be2d2d;
    --theme-light: #fff;
    --theme-dark: #414141;
    --theme-rgb-primary: 47, 143, 114;
    --theme-rgb-success: 47, 188, 114;
    --theme-rgb-info: 32, 167, 109;
    --theme-rgb-warning: 210, 169, 71;
    --theme-rgb-danger: 190, 45, 45;
    --theme-rgb-fusion: 65.25, 65.25, 65.25;
    --theme-primary-50: #d9ece5;
    --theme-primary-100: #c1e0d4;
    --theme-primary-200: #9ed0bb;
    --theme-primary-300: #7bc0a3;
    --theme-primary-400: #4fa786;
    --theme-primary-500: #165c4a;
    --theme-primary-600: #146b52;
    --theme-primary-700: #0f5c46;
    --theme-primary-800: #0b4d3a;
    --theme-primary-900: #083c2d;
    --theme-success-50: #d6f8e4;
    --theme-success-100: #bff1d3;
    --theme-success-200: #98e6b7;
    --theme-success-300: #71dc9b;
    --theme-success-400: #4fd281;
    --theme-success-500: #2fbc72;
    --theme-success-600: #22a661;
    --theme-success-700: #198f52;
    --theme-success-800: #137844;
    --theme-success-900: #0d6136;
    --theme-info-50: #d2f4e7;
    --theme-info-100: #b6ecd8;
    --theme-info-200: #8bdfc1;
    --theme-info-300: #60d1aa;
    --theme-info-400: #3fc292;
    --theme-info-500: #20a76d;
    --theme-info-600: #18945f;
    --theme-info-700: #137c50;
    --theme-info-800: #0e6441;
    --theme-info-900: #0a4d32;
}

.page-logo,
.nav-footer,
.bg-brand-gradient {
    background: linear-gradient(to right, #0f7a5f, #2fbc72);
}

.btn-info-light {
    color: #0f7a5f;
    background-color: #e6f8f1;
    border-color: #e6f8f1;
}

.btn-success-light {
    color: #1d9f66;
    background-color: #e8f9f1;
    border-color: #e8f9f1;
}

.btn-primary-light {
    color: #165c4a;
    background-color: #e1f2eb;
    border-color: #e1f2eb;
}

.btn-default:focus,
.app-list-item:active,
.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #165c4a !important;
}

.active.btn-default {
    background: #2f8f72;
    color: #fff;
}

.clx-fixed-header .btn-switch[data-class="clx-fixed-header"],
.clx-fixed-navigation .btn-switch[data-class="clx-fixed-navigation"],
.nav-function-minify .btn-switch[data-class="nav-function-minify"],
.nav-function-hidden .btn-switch[data-class="nav-function-hidden"],
.clx-navigation-type-top .btn-switch[data-class="clx-navigation-type-top"],
.footer-function-fixed .btn-switch[data-class="footer-function-fixed"],
.nav-mobile-push .btn-switch[data-class="nav-mobile-push"],
.nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"],
.nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"],
.mod-main-boxed .btn-switch[data-class="mod-main-boxed"],
.mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"],
.mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"],
.mod-pace-custom .btn-switch[data-class="mod-pace-custom"],
.mod-bigger-font .btn-switch[data-class="mod-bigger-font"],
.mod-high-contrast .btn-switch[data-class="mod-high-contrast"],
.mod-color-blind .btn-switch[data-class="mod-color-blind"],
.mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"],
.mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"],
.mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"],
.mod-disable-animation .btn-switch[data-class="mod-disable-animation"],
.mod-nav-link .btn-switch[data-class="mod-nav-link"],
.mod-nav-dark .btn-switch[data-class="mod-nav-dark"],
.mod-panel-icon .btn-switch[data-class="mod-panel-icon"] {
    background: #165c4a !important;
}

.clx-fixed-header .btn-switch[data-class="clx-fixed-header"] + .onoffswitch-title,
.clx-fixed-navigation .btn-switch[data-class="clx-fixed-navigation"] + .onoffswitch-title,
.nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title,
.nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title,
.clx-navigation-type-top .btn-switch[data-class="clx-navigation-type-top"] + .onoffswitch-title,
.footer-function-fixed .btn-switch[data-class="footer-function-fixed"] + .onoffswitch-title,
.nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title,
.nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title,
.nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title,
.mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title,
.mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title,
.mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title,
.mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title,
.mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title,
.mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title,
.mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title,
.mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title,
.mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title,
.mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title,
.mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title,
.mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title,
.mod-nav-dark .btn-switch[data-class="mod-nav-dark"] + .onoffswitch-title,
.mod-panel-icon .btn-switch[data-class="mod-panel-icon"] + .onoffswitch-title {
    color: #165c4a;
}

.dropdown-icon-menu > ul > li .btn:hover,
.header-btn:hover {
    border-color: #165c4a;
    background: #2f8f72;
    color: #fff;
}

html body a {
    color: #165c4a;
}

html body a:hover {
    color: #2f8f72;
}

.header-icon {
    color: #5d766c;
}

.header-icon:not(.btn) > [class*='fa-']:first-child,
.header-icon:not(.btn) > .ni:first-child,
.header-icon:not(.btn)[data-bs-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
.header-icon:not(.btn)[data-bs-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
    color: #165c4a !important;
}

.header-icon:hover,
.header-icon:not(.btn)[data-bs-toggle="dropdown"][aria-expanded="true"] {
    color: #0f5c46;
}

.nav-menu li.open > a,
.nav-menu li.active > a,
.nav-menu li a:hover {
    color: #fff;
    background: linear-gradient(to right, #0f7a5f, #2fbc72);
}

.clx-navigation-type-top .nav-menu li.active > a {
    background-color: rgba(22, 92, 74, 0.12);
}

.nav-menu li a {
    color: #415b52;
}

.nav-menu li a > [class*='fa-'],
.nav-menu li a > .ni {
    color: #1fa56d;
}

.select2-search--dropdown:before,
.select2-results__message {
    color: #165c4a !important;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #e3f1eb;
    color: #0f4c3d;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: #2f8f72;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #165c4a;
    color: #fff;
}

.sorting_asc,
.sorting_desc,
.even .sorting_1 {
    background-color: rgba(47, 143, 114, 0.03);
}

.odd .sorting_1 {
    background-color: rgba(47, 143, 114, 0.04);
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before,
div.dt-autofill-handle,
div.dt-autofill-select {
    background-color: #165c4a;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    background-color: #2fbc72;
}

table.dataTable tbody th.focus,
table.dataTable tbody td.focus,
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
    box-shadow: inset 0 0 0px 1px #165c4a;
    background: rgba(47, 143, 114, 0.1);
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted,
.datepicker table tr td span.active.active,
.datepicker table tr td span.focused,
.daterangepicker table tr td.active:active,
.daterangepicker table tr td.active.highlighted:active,
.daterangepicker table tr td.active.active,
.daterangepicker table tr td.active.highlighted.active,
.daterangepicker table tr td.selected,
.daterangepicker table tr td.selected.highlighted,
.daterangepicker table tr td span.active.active,
.daterangepicker table tr td span.focused,
.daterangepicker .ranges li.active {
    background-color: #2f8f72;
    border-color: #165c4a;
    color: #fff;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.daterangepicker table tr td.active:hover,
.daterangepicker table tr td.selected:hover,
.daterangepicker table tr td.selected.highlighted:hover {
    background-color: #24765e;
    border-color: #165c4a;
    color: #fff;
}

.daterangepicker .in-range.available {
    background-color: #d8f4e7;
}

.daterangepicker .off.ends.in-range.available {
    background-color: #edf9f3;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #c2edd9;
}

.irs--flat .irs-bar,
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-handle > i:first-child,
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
    background-color: #165c4a;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before,
.irs--big .irs-bar,
.irs--round .irs-handle,
.irs--round .irs-bar,
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    border-top-color: #165c4a;
}

.irs--big .irs-bar {
    background: linear-gradient(to bottom, #ffffff 0%, #2f8f72 30%, #165c4a 100%);
    border-color: #165c4a;
}

.irs--modern .irs-bar {
    background: linear-gradient(to bottom, #4fd281 0%, #22a661 100%);
}

.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single,
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
    background-color: #2fbc72;
    border-top-color: #2fbc72;
}

body:not(.mod-pace-custom) .pace .pace-progress {
    background: #165c4a;
}

.mod-pace-custom .pace .pace-progress {
    background-color: #165c4a;
    background-image: linear-gradient(135deg, #165c4a 0%, #165c4a 25%, #2f8f72 25%, #2f8f72 50%, #165c4a 50%, #165c4a 75%, #2f8f72 75%, #2f8f72 100%);
}

.btn-info,
.btn-primary,
.bg-info,
.progress-bar-info {
    background-color: #20a76d !important;
    border-color: #20a76d !important;
}

.btn-success {
    background-color: #2fbc72;
    border-color: #2fbc72;
}

.clx-avatar,
.clx-avatar-md,
.clx-avatar-xl,
.badge.badge-outline-info {
    background: #e6f8f1;
    color: #1e9c66;
}

.md-fab.md-fab-primary {
    background: #20a76d;
}

.md-preloader svg circle {
    stroke: #20a76d;
}

.svg-icon.svg-icon-primary svg g [fill] {
    fill: #20a76d;
}

.symbol.symbol-light-primary .symbol-label {
    background: linear-gradient(87deg, #21a66b 0, #67d49a 100%) !important;
}

.text-info,
.text-info-alt,
.text-primary {
    color: #20a76d !important;
}

.todo-list > li.completed {
    border-left: 4px solid #20a76d;
}

#clx-theme-light-blue {
    box-shadow: none;
}

#clx-theme-emerald-green {
    box-shadow: 0 0 0 3px #000000;
    background: linear-gradient(135deg, #0f7a5f 0%, #2fbc72 100%);
}