:root {
    --base: #0c3d54;
    --second: #00a4ee;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: #e8e8e8;
}

::-webkit-scrollbar-thumb {
    background: #999;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

body{ font-family: 'Poppins', sans-serif; font-size: 14px; background:#fff;}
/* #edf2f9 */
a{ color: var(--base) !important; transition: all 0.3s ease-in-out;}
.material-icons{ vertical-align: middle;}
.table{ white-space:nowrap; vertical-align: middle;}
.table th{ font-size: 12px; font-weight: normal; color: #fff !important;}
.table td{ font-size: 13px; padding-top: 2px; padding-bottom: 2px;}
.table-cs th { background-color:var(--base) !important; color:#fff}
/*.table-cs th:not(first-child), .table-cs td:not(first-child){ text-align: center;}*/
.text-primary {
    color: var(--base) !important;
}
.btn-primary, .bg-primary{ background-color:var(--base) !important; border-color: var(--base) !important;}
.btn-primary:hover{ background-color: #072d3f !important;}
.g-flex{ display: flex; justify-content: space-between; align-items: center;}
.shadow{box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07) !important;}
.shadow-btn{ box-shadow: 0 .5rem 1rem rgba(7,45,63,.15)!important;}
.card{ border-color: #e8e8e8;}
.blank-label{ padding-top: 28px;}
/* input::placeholder, select{ color: #e8e8e8 !important; font-size: 14px !important;} */
label{ font-size: 13px;}
.form-control{ min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem;}
/* select, input{ border-color: #e8e8e8 !important;} */
.dropdown-menu{ border-radius: 0; max-height: 400px; overflow-y: scroll; margin: 0 !important;}
.dropdown-menu>li{ padding:0 10px; transition: all 0.3s ease-in-out;}
.dropdown-menu>li>a{ font-size: 13px; text-decoration: none; white-space: nowrap;}
.dropdown-menu>li:not(last-child){ border-bottom: 1px solid #eee;}
.dropdown-menu>li:hover{ background: #e8e8e8; padding-left: 14px;}

.form-check-input:checked { background-color: var(--base); border-color: var(--base);}
#BarChart1 { width:100% !important}

.dashboard_right{ display:flex; align-items:center; align-content:stretch}
.dashboard_right img { height:60px; width:auto; margin:0 auto}
.dashboard_right strong { font-size:13px; display:block; font-weight:bold; margin:10px auto 0 auto;}
.dashboard_right .card{
    backdrop-filter: blur(10px) saturate(200%);
    -webkit-backdrop-filter: blur(10px) saturate(200%);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
}
.text-second { color:var(--second) !important}
.bg-yellow { background:#fde992 !important }
.MyCalendar{ background:#fff}