/* @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700'); */

@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/css/bootstrap.css');
@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/css/bootstrap-extended.css');
@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/css/colors.css');
@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/css/components.css');
@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/css/themes/dark-layout.css');
@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/css/core/menu/menu-types/vertical-menu.css');

@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/vendors/css/extensions/toastr.min.css');
@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/css/plugins/extensions/ext-component-toastr.css');

@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/vendors/css/pickers/flatpickr/flatpickr.min.css');
@import url('https://summer-rain-10d0.dangkhoa2016.workers.dev/css/plugins/forms/pickers/form-flat-pickr.css');

@import url('https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/plugins/monthSelect/style.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.min.css');
/* @import url('https://cdn.jsdelivr.net/combine/npm/vue2-datepicker@3.11.0/index.css,npm/vue-select@3.20.0/dist/vue-select.css'); */
@import url('https://cdn.jsdelivr.net/npm/vue-multiselect@2.1.7/dist/vue-multiselect.min.css');


.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu { width: auto; }
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link {
  color: #6e6b7b;
}
.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
  right: -15px !important;
  top: 50px !important;
  left: auto !important; width: auto;
}
.list-group .list-group-item i, .list-group .list-group-item svg { top: 1px }
[role="presentation"].active .dropdown-item {
  color: #7367f0;
  background-color: rgba(115, 103, 240, 0.12);
}
.input-group .multiselect__tags {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.bootstrap-touchspin):focus-within .multiselect__tags {
  border-color: #7367f0;
  box-shadow: none;
}
.input-group.is-invalid .input-group-text,
.input-group.is-invalid .multiselect__tags {
  border-color: #ea5455 !important;
}
.report-sidebar-list { border-width: 1px; border-style: solid; }
.report-chart .apexcharts-tooltip { max-width: 330px; white-space: normal; }
.report-chart .apexcharts-tooltip-title { white-space: nowrap; }
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #ECEFF1 !important;
}


.dayContainer { width: 100%; max-width: none; }
.custom-fp-inline .flatpickr-calendar,.custom-fp-inline .flatpickr-days { width: 100% !important; }
.custom-fp-inline .flatpickr-day { max-width: none }
.custom-fp-inline .form-control[readonly] { display: none; }
.toast:not(.show) { display: block;}
#toast-container { z-index: 9;}

.loader-img {
  position: fixed;
  left: 50%;
  top: 55%;
  margin-left: -64px;
  margin-top: -64px;
}

.btn-change-language {
  position: fixed;
  bottom: 10%;
  left: 5px;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity .5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.action {
  position: absolute;
  right: 28px;
  margin-top: -58px;
}

.to-top {
  position: fixed;
  right: 10px;
  bottom: 20px;
  z-index: 22;
}
#toast-message { display: block; }
.b-toaster.b-toaster-top-right .b-toaster-slot {
  right: -24px;
  top: 96px;
}
#toast-container>div { padding: 0;}
.b-toast .toast {box-shadow: none; padding: 15px 15px 15px 50px; }

.locale-changer { position: fixed; z-index:1111; }
.main-menu .navbar-header .navbar-brand {
  margin-top: 1.05rem;
}

.blockOverlay {
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgb(0, 0, 0);
  opacity: 0;
  cursor: wait;
  position: fixed;
}
.loader-route {
  width: 100%;
  height: 4.8px;
  display: inline-block;
  position: fixed;
  background: rgba(255, 255, 255, 0.15);
  overflow: hidden;
  top: 50%;
  z-index: 2222;
}
.loader-route::after {
  content: '';
  width: 192px;
  height: 4.8px;
  background: #1fb480;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  animation: animloader 2s linear infinite;
}

@keyframes animloader {
  0% {
    left: 0;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(0%);
  }
}

@media (max-width: 767.98px) {
  .b-toaster.b-toaster-top-right .b-toaster-slot {
    right: 16px;
  }
  .vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
    right: -1px !important;
    top: 65px !important;
  }
}

@media (max-width: 480px) and (min-width: 241px){
  .b-toaster.b-toaster-top-right .b-toaster-slot {
    right: -54px;
  }
}