/********** Template CSS **********/
:root {--primary: #009CFF;--light: #F3F6F9;--dark: #191C24;}
.back-to-top {position: fixed;display: none;right: 45px;bottom: 45px;z-index: 99;}
/*body {font-size: 0.9rem;}*/
/*** Spinner ***/
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}

/*** Button ***/
.btn {transition: .5s;}
.btn.btn-primary {color: #FFFFFF;}
.btn-square {width: 38px;height: 38px;}
.btn-sm-square {width: 32px;height: 32px;}
.btn-lg-square {width: 48px;height: 48px;}
.btn-square,.btn-sm-square,.btn-lg-square {padding: 0;display: inline-flex;align-items: center;justify-content: center;font-weight: normal;border-radius: 50px;}

/*** Layout ***/
.sidebar {position: fixed;top: 0;left: 0;bottom: 0;width: 250px;height: 100vh;overflow-y: auto;background: var(--light);transition: 0.5s;z-index: 999;}
.content {margin-left: 250px;min-height: 100vh;background: #FFFFFF;transition: 0.5s;}
@media (min-width: 992px) {
    .sidebar {margin-left: 0;}
    .sidebar.open {margin-left: -250px;}
    .content {width: calc(100% - 250px);}
    .content.open {width: 100%;margin-left: 0;}
}

@media (max-width: 991.98px) {
    .sidebar {margin-left: -250px;}
    .sidebar.open {margin-left: 0;}
    .content {width: 100%;margin-left: 0;}
}

/*** Navbar ***/
.sidebar .navbar .navbar-nav .nav-link {padding: 7px 15px;color: var(--dark);font-weight: 500;border-left: 3px solid var(--light);border-radius: 0 30px 30px 0;outline: none;font-size: 0.9rem;}
.sidebar .navbar .navbar-nav .nav-link:hover,.sidebar .navbar .navbar-nav .nav-link.active {color: var(--primary);background: #FFFFFF;border-color: var(--primary);}
.sidebar .navbar .navbar-nav .nav-link i {width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;background: #FFFFFF;border-radius: 40px;font-size: 1rem;}
.sidebar .navbar .navbar-nav .nav-link:hover i,.sidebar .navbar .navbar-nav .nav-link.active i {background: var(--light);}
.sidebar .navbar .dropdown-toggle::after {position: absolute;top: 15px;right: 15px;border: none;content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;transition: .5s;}
.sidebar .navbar .dropdown-toggle[aria-expanded=true]::after {transform: rotate(-180deg);}
.sidebar .navbar .dropdown-item {padding-left: 25px;border-radius: 0 30px 30px 0;}
.content .navbar .navbar-nav .nav-link {margin-left: 25px;padding: 12px 0;color: var(--dark);outline: none;}
.content .navbar .navbar-nav .nav-link:hover,.content .navbar .navbar-nav .nav-link.active {color: var(--primary);}
.content .navbar .sidebar-toggler,.content .navbar .navbar-nav .nav-link i {width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;background: #FFFFFF;border-radius: 40px;}
.content .navbar .dropdown-toggle::after {margin-left: 6px;vertical-align: middle;border: none;content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;transition: .5s;}
.content .navbar .dropdown-toggle[aria-expanded=true]::after {transform: rotate(-180deg);}
@media (max-width: 575.98px) {
    .content .navbar .navbar-nav .nav-link {margin-left: 15px;}
}


/*** Date Picker ***/
.bootstrap-datetimepicker-widget.bottom {top: auto !important;}
.bootstrap-datetimepicker-widget .table * {border-bottom-width: 0px;}
.bootstrap-datetimepicker-widget .table th {font-weight: 500;}
.bootstrap-datetimepicker-widget.dropdown-menu {padding: 10px;border-radius: 2px;}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover {background: var(--primary);}
.bootstrap-datetimepicker-widget table td.today::before {border-bottom-color: var(--primary);}

/*** Testimonial ***/
.progress .progress-bar {width: 0px;transition: 2s;}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {margin-top: 24px;display: flex;align-items: flex-end;justify-content: center;}
.testimonial-carousel .owl-dot {position: relative;display: inline-block;margin: 0 5px;width: 15px;height: 15px;border: 5px solid var(--primary);border-radius: 15px;transition: .5s;}
.testimonial-carousel .owl-dot.active {background: var(--dark);border-color: var(--primary);}




/* alert style */
.bootbox .modal-dialog {max-width: 500px;text-align: center;}
.bootbox .modal-header {padding: 0;border: none;text-align: center;display: block;}
.bootbox .modal-title {width: 100%;padding-top: 60px;position: relative;display: block;font-size: 22px;}
.bootbox .modal-title i[class^="fa-"] {width: 80px;height: 80px;border-radius: 60%;color: #fff !important;font-size: 46px !important;line-height: 84px;position: absolute;left: 0;right: 0;top: 0;transform: translateY(-50%);margin: auto;}
.bootbox .modal-title i.fa-xmark{ font-size: 35px !important; line-height: 80px;}
.bootbox .bootbox-close-button.close {display: none}
.bootbox .modal-body {padding: 26px;}
.bootbox .modal-footer {justify-content: center;border: none;padding: 10px 0 26px 0;}
.bootbox .modal-footer .btn {font-size: 14px;border-radius: 4px;padding: 10px 22px;}