:root {
    --ui-primary: #0a6f7a;
    --ui-primary-strong: #075560;
    --ui-accent: #25b9c0;
    --ui-surface: #ffffff;
    --ui-surface-soft: #f1f8f9;
    --ui-surface-raised: rgba(255, 255, 255, 0.9);
    --ui-text: #19313a;
    --ui-text-muted: #647980;
    --ui-border: #d4e6e9;
    --ui-ring: rgba(37, 185, 192, 0.22);
    --ui-shadow-sm: 0 3px 12px rgba(20, 64, 74, 0.08);
    --ui-shadow-md: 0 14px 36px rgba(20, 64, 74, 0.12);
}

body {
    font-size: 0.9rem;
    max-width: 1920px;
    width: 100%;
    min-height:100vh;
    margin: 0 auto;
    color: #404040;
    background: radial-gradient(ellipse at top right, #FFFFFF 0%, #E9F8F9 40%, #E9F8F9 70%, #FFFFFF 100%);
}

.wrapper {
    min-height:100vh;
}

.main-header {
    border: unset;
    padding: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    background: transparent;
}

.nav-icon {
    color:#6C6C6C;
}

.bg-color, .dataTables_scroll {
    background-color: #FFFFFF;
}

.navbar-color {
    background-color: #FFFFFF;
}

.sidebar {
    background: rgba(255,255,255,.2);
    border:1px solid #CBEEF1;
    border-radius: 1rem;
    box-shadow: 0 0 1px rgba(203, 238, 241,.125),0 1px 3px rgba(203, 238, 241,.2);
    height: calc(100vh - (8.5rem + 1px));
}

.btn-navbar {
    background-color: transparent !important;
    border:1px solid #CBEEF1 !important;    
    box-shadow: 0 0 1px rgba(203, 238, 241,.125),0 1px 3px rgba(203, 238, 241,.2);
}

.menu a {
    color: #404040;
}

.content-wrapper.bg-color {
    background-color: transparent;
}

.small-box {
    border:1px solid #CBEEF1;
    border-radius: 1rem;
    box-shadow: 0rem 0.1rem 0.2rem #CBEEF1;
    display: block;
    margin-bottom: 20px;
    position: relative;
    background: rgba(255,255,255,0.4);
    color: #404040;
}

.report-header .btn {
    color: #404040;
}
.report-header #readAllNotification.btn {
    color: #FFFFFF;
}

.card-body-table-header {
    background-color: #F2F2F2;
    margin: unset;
}

.card-body-table-row {
    margin: unset;
    background-color: #FFFFFF;
}

.report-header {
    background: rgba(255,255,255,0.4);
    border:1px solid #CBEEF1;
    border-radius: 1rem;
    box-shadow: 0 0 1px rgba(203, 238, 241,.125),0 1px 3px rgba(203, 238, 241,.2);
    color:#404040 !important;
}

.report-header .btn-secondary {
    color:#404040 !important;
}

.form-control {
    color:#404040 !important;
    border: 1px solid #CBEEF1 !important;
    font-size: 0.85rem;
}

.form-control:focus {
    border-color:#999999;
}

.dropdown-menu {
    background-color: #FFFFFF;
    box-shadow: 0rem 0.2rem 0.5rem #CBEEF1;
    border: 1px solid #CBEEF1;
}

.dropdown-item {
    color: #666666;
}

.dropdown-item:focus, .dropdown-item:hover {    
    color: #404040;
    background-color: #F2F2F2 !important;
}

.filter-btn {
    background-color: #EEEEEE !important;
}

.table-hover tbody tr:hover {
    background-color:#CBEEF1;
}

.modal-content {
    background-color: #E9F8F9;
    border: 1px solid rgba(203, 238, 241, 0.2);
    border-radius: 0.3rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
}


.select2-container--default .select2-selection--single {
    border:1px solid #CBEEF1;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #404040;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #CBEEF1;
}

.select2-container--default .select2-dropdown .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field {
    border: 1px solid #CBEEF1;
}

.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #CBEEF1;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #CBEEF1;
}

.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
    outline: 0;
    border: 1px solid #CBEEF1;
}

.select2-container--default .select2-results__option--selected {
    background-color: #CBEEF1 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #E9F8F9;
    color: #404040;
}

.card {
    border:1px solid #CBEEF1;
    border-radius: 1rem;
    box-shadow: 0 0 1px rgba(203, 238, 241,.125),0 1px 3px rgba(203, 238, 241,.2);
}

.card-gray {
    background: rgba(255,255,255,0.4) !important;
}

.control-sidebar-content>.card {
    background: rgba(255,255,255,0.4) !important;
}

.login-page, .register-page {
    background:
        radial-gradient(circle at 12% 15%, rgba(37, 185, 192, 0.2), transparent 30%),
        radial-gradient(circle at 88% 85%, rgba(10, 40, 106, 0.14), transparent 34%),
        linear-gradient(145deg, #f7fcfd, #eaf5f7) !important;
}

.login-card-body, .register-card-body {
    background-color: rgba(255, 255, 255, 0.94) !important;
    border-top: 0;
    color: #666;
    padding: 20px;
    box-shadow: 0 24px 70px rgba(25, 49, 58, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 1.15rem;
}

#email, #password {
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
}

.card > .card-body.chart-body {
    padding: 0.8rem;
}

.chart {
    background-color: #FFFFFF !important;
    border: 3px solid #F2F2F2;
    padding: 4px;
}

.card > .card-header {
    color: #404040 !important;
    background-color: transparent !important;
    border-bottom:0px;
}

.ahref {
    color: #555555;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}

.ahref:hover {
    color: #404040;
}

.timeline .bg-color {
    background-color: #FFFFFF !important;
    border: 1px solid #F2F2F2;
}

.timeline::before {
    background-color: #FFFFFF !important;
}

.pagination .page-item.active .page-link {
    background: rgba(255,255,255,0.6) !important;
    color: #404040;
    border:1px solid #CBEEF1;
}

.pagination .page-item .page-link {
    border: unset;
    background-color: unset;
    color: #404040;
}

.pagination .page-item .page-link:hover {
    background-color: #CBEEF1 !important;
    color: #404040;
}

.pagination .page-item .page-link:focus {
    box-shadow:unset;
}

.nav-pills .nav-link.active {
    background-color: #CBEEF1;
    color: #404040;
}

.nav-pills .nav-link:not(.active), .nav-pills .nav-link:not(.active):hover {
    color: #262626;
}

@media screen and (max-width: 991px) {
    .control-sidebar-content>.card {
        background: rgba(255,255,255) !important;
    }
}