html {
    scroll-behavior: smooth;
}

/* 
    BG
*/

.bg-primary {
    background-color: #378BA4 !important; 
}

button.bg-primary:hover {
    background-color: #012E4A !important; 
}

/* 
    Button
*/

.btn-primary {
    box-shadow: 0 0 transparent;
    background-color: #378BA4;
    border-color: #378BA4; 
}

.btn-primary.disabled, 
.btn-primary:disabled {
    background-color: #012E4A;
    border-color: #012E4A; 
}

.btn-primary:focus, 
.btn-primary.disabled:focus {
    background-color: #012E4A !important; 
}

.btn-primary:focus:active, 
.btn-primary.disabled:focus:active {
    background-color: #012E4A !important; 
}

.btn-primary:active, 
.btn-primary:hover, 
.btn-primary.disabled:active {
    background-color: #036280 !important; 
}

.btn-primary:disabled:hover {
    background-color: #012E4A !important; 
}

.btn-outline-primary {
    border-color: #378BA4; 
    color: #378BA4; 
}

.btn-outline-primary:hover {
    background-color: #036280!important; 
}

.btn-progress {
    background-image: url(../images/spinner-white.svg);
}

.btn-success, .btn-success.disabled {
    box-shadow: 0 0px 0px #fff;
}

.btn-danger, .btn-danger.disabled {
    box-shadow: 0 0px 0px #fff;
    background-color: #fc544b;
    border-color: #fc544b;
    color: #fff;
}

.btn-labeled > b {
    position: absolute;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 0.45rem; 
    padding-left: 1em;
    padding-right: 1em;
}

.btn-labeled > b > i {
    top: 0; 
}

.btn-labeled-left {
  padding-left: 3.12506rem; 
}

.btn-labeled-left > b {
    left: -1px;
    border-radius: 1.5em;
}

/* 
    Text
*/

.text-primary, .text-primary-all *, .text-primary-all *:before, .text-primary-all *:after {
    color: #378BA4 !important; 
}

/* 
    Nav Tabs
*/

.nav-tabs {
    border-bottom: .25em solid #378BA4;
}

.nav-tabs .nav-item a {
    padding-left: 2em;
    padding-right: 2em;

    background-color: #378BA4 !important; 
    border-color: #fff !important; 
    border-bottom: 1px solid #378BA4!important;
    color: #fff!important;
}

.nav-tabs .nav-item a:hover {
    background-color: #036280 !important;
}

.nav-tabs .nav-item .nav-link.active {
    background-color: #012E4A !important;
}

.nav-tabs .nav-item:first-child a {
    border-top-left-radius: 1em;
}

.nav-tabs .nav-item:last-child a {
    border-top-right-radius: 1em;
}

/* 
    Navbar
*/

.navbar-bg {
    position: fixed;
    top: 0;
    z-index: 879;

    height: 70px;
    background-color: transparent;
}

.navbar {
    position: fixed;
    top: 0;
    z-index: 880;
}

@media (max-width: 1024px) {
    .navbar {
        left: 5px;
        right: 0;
    }
}

.navbar .nav-link {
    color: #378BA4;
}

.navbar .nav-link:hover {
    color: #036280;
}

.navbar .nav-link.nav-link-user {
    color: #34395e;
}

.navbar-nav .dropdown-menu .dropdown-item {
    padding: .25rem 1rem;
}

.navbar-nav .dropdown-menu .dropdown-item ul {
    padding-left: 1.25em;
}

/* 
    Sidebar
*/

.main-sidebar .sidebar-brand {
    height: 70px;
}

.main-sidebar .sidebar-menu li.active a {
    color: #378BA4;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
    padding-left: 2em;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
    color: #378BA4;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
    color: #036280;
}

.main-sidebar .sidebar-menu li.active ul.dropdown-menu {
    background-color: #378BA4;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
    box-shadow: 0 0 0 #fff;
    background-color: #378BA4;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a {
    background-color: #378BA4!important;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
    background-color: #036280!important;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
    background-color: #378BA4;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
    padding-left: 2em;
}

.nav-pills .nav-item .nav-link {
    color: #868e96;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.nav-pills .nav-item .nav-link.active {
    background-color: #378BA4;;
    color: #fff;
}

.nav-pills .nav-item .nav-link.active {
    box-shadow: 0 2px 6px #bfd9e0;
}

/* 
    Footer 
*/

.main-footer {
    margin-top: 1.95em;
}

/* 
    Content 
*/

.main-content {
    padding-top: 100px;
}

@media (max-width: 1024px) {
    .main-footer {
        margin-top: 0em;
    }
}

/* 
    Section 
*/

.section .section-header {
    display: block;
    border-top: 0em solid transparent!important;
    margin-bottom: 0;
    
    background-color: transparent;
    
    box-shadow: initial;
}

.section .section-title:before {
    background-color: #378BA4;
}

.section .section-header .section-header-breadcrumb {
    margin-top: 1em;
}

/* 
    Card 
*/

.card {
    border-radius: 1.5em!important;
}

.card-body p:last-child {
    margin-bottom: 0;
}

.card-body ul {
    padding-left: 1.5em;
}

.row-with-wide-cards .card {
  width: 100%;
}

/* 
    Table
*/

.table {
    width: 100%!important;

    border-collapse: separate!important;
    border-spacing: 0em!important;
}

.table tr:hover {
    background-color: rgba(0, 0, 0, .05);
}

.table td {
    height: initial!important;
    padding-top: .5em!important;
    padding-bottom: .5em!important;

    vertical-align: middle;
}

.table tr:not(:last-child) {
    border-bottom: .1em solid rgba(0, 0, 0, .05);
}

table.dataTable.no-footer {
    border-bottom: 0em solid #fff!important;
}

.table thead tr:first-child th:first-child, 
.table thead tr:first-child td:first-child {
    border-top-left-radius: 1em;
}

.table thead tr:first-child th:last-child, 
.table thead tr:first-child td:last-child {
    border-top-right-radius: 1em;
}

.table tbody:first-child tr:first-child th:first-child, 
.table tbody:first-child tr:first-child td:first-child {
    border-top-left-radius: 1em;
}

.table tbody:first-child tr:first-child th:last-child, 
.table tbody:first-child tr:first-child td:last-child {
    border-top-right-radius: 1em;
}

.table tbody tr:last-child th:first-child, 
.table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 1em;
}

.table tbody tr:last-child th:last-child, 
.table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 1em;
}

/* 
    Select2
*/

.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
    border-radius: 1em!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #378BA4;
    border-radius: 1em;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 1em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 15px;
}

/* 
    Daterange
*/

.prepend-daterange > .input-group-text {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
}

.daterange-cus {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #378BA4;
}

.daterangepicker .daterangepicker_input i {
    top: 12px;
}

.daterangepicker .input-mini {
    border-radius: 1em!important;
}

/* 
    Checkbox
*/

.custom-checkbox .custom-control-input~.custom-control-label::before {
    border-radius: 25%;
}

.custom-switch-input:checked ~ .custom-switch-indicator {
    background-color: #378BA4; 
}

/* 
    Text
*/

a {
    color: #378BA4;
}

a:hover {
    color: #036280;
}

/* 
    Modal
*/

.modal {
    z-index: 10000;
}

/* 
    Loading
*/

.loading {
    height: 2em;
    width: 2em;
    margin: auto;
    
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    z-index: 9999;
    overflow: visible;
}

.loading:before {
    display: block;
    width: 100%;
    height: 100%;
    
    position: fixed;
    top: 0;
    left: 0;
    
    content: '';
    background-color: rgba(0,0,0,.8);
}

/* 
    Chart
*/

.chart-container {
    position: relative;
    width: 100%; 
}

.chart-container.has-scroll {
    overflow-x: scroll;
    overflow-y: visible;
    max-width: 100%; 
}

@media (max-width: 767.98px) {
    .chart-container {
        overflow-x: scroll;
        overflow-y: visible;
        max-width: 100%; 
    } 
}

.chart {
    position: relative;
    display: block;
    width: 100%; 
}

.chart.has-minimum-width {
    min-width: 37.5rem; 
}

.has-fixed-height {
    height: 400px; 
}

.chart-pie {
    width: 100%;
    height: 400px;
    min-width: 31.25rem; 
}

/* 
    Sweet Alert
*/

.swal-modal {
    border-radius: 1rem!important;
}

.swal-button {
    border-radius: 1.5em;
}

.swal-button:hover {
    background-color: #036280;
}

.swal-button.swal-button--confirm {
    box-shadow: 0 0 transparent;
    background-color: #378BA4;
}

.swal-button.swal-button--confirm:hover {
    background-color: #036280;
    color: #fff;
}

/* 
    Request Service
*/

.service-icon {
    padding: .5em;
    font-size: 2em;
    border: .075em solid #378BA4;
    border-radius: 100%;
    text-align: center;
}

/* 
    General
*/

.rounded {
    border-radius: 1.5em!important;
}

.activities .activity:before {
    background-color: #036280;
}