@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Thin.eot");
  src: url("../fonts/Outfit-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Thin.woff2") format("woff2"), url("../fonts/Outfit-Thin.woff") format("woff"), url("../fonts/Outfit-Thin.ttf") format("truetype"), url("../fonts/Outfit-Thin.svg#Outfit-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-ExtraLight.eot");
  src: url("../fonts/Outfit-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-ExtraLight.woff2") format("woff2"), url("../fonts/Outfit-ExtraLight.woff") format("woff"), url("../fonts/Outfit-ExtraLight.ttf") format("truetype"), url("../fonts/Outfit-ExtraLight.svg#Outfit-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Light.eot");
  src: url("../fonts/Outfit-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Light.woff2") format("woff2"), url("../fonts/Outfit-Light.woff") format("woff"), url("../fonts/Outfit-Light.ttf") format("truetype"), url("../fonts/Outfit-Light.svg#Outfit-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Regular.eot");
  src: url("../fonts/Outfit-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Regular.woff2") format("woff2"), url("../fonts/Outfit-Regular.woff") format("woff"), url("../fonts/Outfit-Regular.ttf") format("truetype"), url("../fonts/Outfit-Regular.svg#Outfit-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Medium.eot");
  src: url("../fonts/Outfit-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Medium.woff2") format("woff2"), url("../fonts/Outfit-Medium.woff") format("woff"), url("../fonts/Outfit-Medium.ttf") format("truetype"), url("../fonts/Outfit-Medium.svg#Outfit-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-SemiBold.eot");
  src: url("../fonts/Outfit-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-SemiBold.woff2") format("woff2"), url("../fonts/Outfit-SemiBold.woff") format("woff"), url("../fonts/Outfit-SemiBold.ttf") format("truetype"), url("../fonts/Outfit-SemiBold.svg#Outfit-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Bold.eot");
  src: url("../fonts/Outfit-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Bold.woff2") format("woff2"), url("../fonts/Outfit-Bold.woff") format("woff"), url("../fonts/Outfit-Bold.ttf") format("truetype"), url("../fonts/Outfit-Bold.svg#Outfit-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-ExtraBold.eot");
  src: url("../fonts/Outfit-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-ExtraBold.woff2") format("woff2"), url("../fonts/Outfit-ExtraBold.woff") format("woff"), url("../fonts/Outfit-ExtraBold.ttf") format("truetype"), url("../fonts/Outfit-ExtraBold.svg#Outfit-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Black.eot");
  src: url("../fonts/Outfit-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit-Black.woff2") format("woff2"), url("../fonts/Outfit-Black.woff") format("woff"), url("../fonts/Outfit-Black.ttf") format("truetype"), url("../fonts/Outfit-Black.svg#Outfit-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.gradient-primary {
  background: #0286c7 !important;
  background: linear-gradient(135deg, #0286c7, #003d9b) !important;
  background-position: center !important;
  background-size: cover !important;
}

.gradient-important {
  background: #ED213A !important;
  background: linear-gradient(135deg, #ED213A, #93291E) !important;
  background-position: center !important;
  background-size: cover !important;
}

html:not([data-layout]) #topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-height: 65px;
  z-index: 1002;
}
html:not([data-layout]) #topbar .navbar-header {
  height: 65px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
html:not([data-layout]) #topbar .navbar-header .logo-sm {
  display: none;
  max-height: 18px;
}
@media (max-width: 319.98px) {
  html:not([data-layout]) #topbar .navbar-header .logo-sm {
    display: block;
  }
}
html:not([data-layout]) #topbar .navbar-header .logo {
  max-height: 23px;
}
@media (max-width: 991.98px) {
  html:not([data-layout]) #topbar .navbar-header .logo {
    max-height: 20px;
  }
}
@media (max-width: 319.98px) {
  html:not([data-layout]) #topbar .navbar-header .logo {
    display: none;
  }
}
html:not([data-layout]) #topbar .navbar-header #main_nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: -0.5rem 0;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .nav-item {
  display: flex;
  align-items: center;
  padding: 0;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .nav-item:hover > .menu-dropdown {
  display: block;
  height: auto !important;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .nav-item:hover .nav-link, html:not([data-layout]) #topbar .navbar-header #main_nav .nav-item.active .nav-link, html:not([data-layout]) #topbar .navbar-header #main_nav .nav-item:focus .nav-link {
  color: #003d9b !important;
  background: rgb(255, 255, 255);
}
html:not([data-layout]) #topbar .navbar-header #main_nav .nav-item:last-child {
  padding-right: 0;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .nav-item .nav-link {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  margin: 0.5rem 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 0);
  border-radius: 0.25rem;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .menu-dropdown {
  position: absolute;
  top: 3.5rem;
  min-width: 12rem;
  padding: 0.5rem 0;
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
  animation-name: DropDownSlide;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  margin: 0 0 0 0.25rem;
  z-index: 1000;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid #e9ebec;
  border-radius: 0.3rem;
  display: none;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .menu-dropdown .nav {
  flex-direction: column;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .menu-dropdown .nav .nav-item .nav-link {
  width: 100%;
  display: block;
  font-weight: 400;
  font-size: 0.925rem;
  padding: 0.25rem 1rem;
  margin: 0;
  color: #343a40 !important;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .menu-dropdown .nav .nav-item:hover .nav-link, html:not([data-layout]) #topbar .navbar-header #main_nav .menu-dropdown .nav .nav-item.active .nav-link, html:not([data-layout]) #topbar .navbar-header #main_nav .menu-dropdown .nav .nav-item:focus .nav-link {
  color: #0286c7 !important;
  font-weight: 500;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .menu-dropdown .nav .nav-header {
  padding: 0 1rem;
  font-size: 0.809375rem;
  color: #878a99;
}
html:not([data-layout]) #topbar .navbar-header #main_nav .menu-dropdown .nav .nav-divider {
  margin: 0.5rem 0;
  border-top: 1px solid #e9ebec;
}
html:not([data-layout]) #topbar .navbar-header #help_nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
}
html:not([data-layout]) #topbar .navbar-header #help_nav .nav-item {
  display: flex;
  align-items: center;
  padding: 0 0.25rem;
}
@media (min-width: 992px) {
  html:not([data-layout]) #topbar .navbar-header #help_nav .nav-item.mobile {
    display: none;
  }
}
html:not([data-layout]) #topbar .navbar-header #help_nav .nav-item:last-child {
  padding-right: 0;
}
html:not([data-layout]) #topbar .navbar-header #help_nav .nav-item .btn {
  box-shadow: none;
}
html:not([data-layout]) #topbar .navbar-header #help_nav .nav-item #help_search_show:not(.collapsed) .mdi-magnify::before {
  content: "\f0156";
}
html:not([data-layout]) #topbar .search-header {
  background: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
html:not([data-layout]) #topbar .search-header .form-control.is-invalid::-moz-placeholder {
  color: #f06548;
  opacity: 1;
}
html:not([data-layout]) #topbar .search-header .form-control.is-invalid::placeholder {
  color: #f06548;
  opacity: 1;
}
html:not([data-layout]) #topbar .filter-header {
  background: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
html:not([data-layout]) #topbar .filter-header .categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
html:not([data-layout]) #topbar .filter-header .categories .category .btn {
  padding: 0.1rem 0.5rem;
  margin: 0 0.25rem 0.25rem 0;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: none !important;
}
html:not([data-layout]) #topbar .filter-header .form-switch-white {
  margin-bottom: 0.25rem;
}
html:not([data-layout]) #topbar .filter-header .form-switch-white .form-check-input {
  background-color: rgba(255, 255, 255, 0.75);
  border: none !important;
}
html:not([data-layout]) #topbar .filter-header .form-switch-white .form-check-input:checked {
  background-color: #fff;
  border-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230b8793'/%3e%3c/svg%3e");
}
html:not([data-layout]) #topbar .filter-header .noUi-tooltip {
  padding: 0.35em 0.65em;
  border-color: #e9ebec;
  border-radius: 0.25rem;
  background-color: #fff;
  color: #212529;
  font-size: 0.8rem;
  font-weight: 500;
  bottom: -3rem !important;
}
html:not([data-layout]) #topbar .filter-header .noUi-pips {
  color: #f3f6f9;
}
html:not([data-layout]) #topbar .filter-header .noUi-marker, html:not([data-layout]) #topbar .filter-header .noUi-marker-large {
  background: #f3f6f9;
}

html[data-layout] #topbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1002;
  background-color: #fff;
  transition: all 0.1s ease-out;
}
html[data-layout] #topbar.topbar-shadow {
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
}
@media (min-width: 768px) {
  html[data-layout] #topbar {
    left: 250px;
  }
}
@media (min-width: 768px) {
  html[data-layout][data-sidebar-size=sm] #topbar {
    left: 70px;
  }
}
html[data-layout] .navbar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  height: 70px;
  padding: 0 1.5rem 0 calc(1.5rem / 2);
}
@media (max-width: 767.98px) {
  html[data-layout] .navbar-header {
    padding: 0 calc(1.5rem / 2) 0 calc(1.5rem / 2);
  }
}
html[data-layout] .navbar-header .topbar-head-dropdown .dropdown-menu.show {
  top: 13px !important;
}
html[data-layout] .navbar-header .topbar-head-dropdown .notification-actions {
  display: none;
  position: absolute;
  background-color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px;
  border-top: 1px solid #e9ebec;
}
html[data-layout] .navbar-header .btn-topbar {
  height: 42px;
  width: 42px;
}
@media (max-width: 359.98px) {
  html[data-layout] .navbar-header .btn-topbar {
    height: 36px;
    width: 36px;
  }
}
html[data-layout] .navbar-header .user-name-text {
  color: #495057;
}
@media (max-width: 767.98px) {
  html[data-layout] .logo span.logo-lg {
    display: none;
  }
  html[data-layout] .logo span.logo-sm {
    display: inline-block;
  }
}
html[data-layout] .header-item {
  height: 70px;
  display: flex;
  align-items: center;
}
html[data-layout] .header-profile-user {
  height: 42px;
  width: 42px;
}
html[data-layout] .topbar-badge-sm {
  right: 0;
  top: 7px !important;
}
html[data-layout] .topbar-badge {
  right: -9px;
  top: 4px !important;
}
html[data-layout] .notification-item {
  padding: 0.75rem 1rem;
  white-space: inherit;
  position: relative;
}
html[data-layout] .notification-item .form-check-input {
  position: relative;
  z-index: 2;
}
html[data-layout] .dropdown-icon-item {
  display: block;
  border-radius: 3px;
  line-height: 34px;
  text-align: center;
  padding: 15px 0 9px;
  border: 1px solid transparent;
  color: #212529;
}
html[data-layout] .dropdown-icon-item img {
  height: 24px;
}
html[data-layout] .dropdown-icon-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-layout] .dropdown-icon-item:hover {
  background-color: var(--dropdown-link-hover-bg);
}
html[data-layout] .fullscreen-enable [data-toggle=fullscreen] .mdi-fullscreen::before {
  content: "\f0294";
}
html[data-layout] .page-title-box {
  padding: 10px 1.5rem;
  background-color: #fff;
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
  border-bottom: 1px solid none;
  border-top: 1px solid none;
  margin: 1px -1.5rem 1.5rem -1.5rem;
}
html[data-layout] .page-title-box .breadcrumb {
  background-color: transparent;
  padding: 0;
}
html[data-layout] .page-title-box h4 {
  font-weight: 700;
  font-size: 15px !important;
  text-transform: uppercase;
}

html:not([data-layout]) #mobile_nav {
  width: 80vw;
}
html:not([data-layout]) #mobile_nav .offcanvas-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
html:not([data-layout]) #mobile_nav .offcanvas-header .logo {
  max-height: 20px;
}
html:not([data-layout]) #mobile_nav .offcanvas-footer {
  padding: 1rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
html:not([data-layout]) #mobile_nav #mobile_main_nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 1rem 0;
  width: 100%;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .nav-item {
  padding: 0;
  width: 100%;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .nav-item .nav-link {
  font-size: 1.35rem;
  font-weight: 600;
  color: #ced4da;
  padding: 0.5rem 1rem;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .nav-item:hover .nav-link, html:not([data-layout]) #mobile_nav #mobile_main_nav .nav-item.active .nav-link, html:not([data-layout]) #mobile_nav #mobile_main_nav .nav-item:focus .nav-link {
  color: #fff !important;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .nav-item [aria-expanded=true] {
  color: #fff !important;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav {
  padding: 0 0 0.5rem;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav .nav-item {
  padding: 0 0 0 1rem;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav .nav-item .nav-link {
  width: 100%;
  display: block;
  font-weight: 400;
  font-size: 0.925rem;
  padding: 0.25rem 1rem 0.25rem 1.5rem;
  margin: 0;
  color: #ced4da !important;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav .nav-item .nav-link::before {
  content: "";
  width: 0.75rem;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 0.85rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav .nav-item:hover .nav-link, html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav .nav-item.active .nav-link, html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav .nav-item:focus .nav-link {
  color: #fff !important;
  font-weight: 500;
}
html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav .nav-item:hover .nav-link::before, html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav .nav-item.active .nav-link::before, html:not([data-layout]) #mobile_nav #mobile_main_nav .menu-dropdown .nav .nav-item:focus .nav-link::before {
  background: rgb(255, 255, 255);
}
html:not([data-layout]) #mobile_nav #mobile_help_nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0.75rem;
}
html:not([data-layout]) #mobile_nav #mobile_help_nav .nav-item {
  display: flex;
  align-items: center;
  padding: 0;
}
html:not([data-layout]) #mobile_nav #mobile_help_nav .nav-item:last-child {
  padding-right: 0;
}
html:not([data-layout]) #mobile_nav #mobile_help_nav .nav-item .nav-link {
  color: #ced4da;
  padding: 0.25rem 1rem;
}
html:not([data-layout]) #mobile_nav #mobile_help_nav .nav-item .nav-link:hover, html:not([data-layout]) #mobile_nav #mobile_help_nav .nav-item .nav-link.active, html:not([data-layout]) #mobile_nav #mobile_help_nav .nav-item .nav-link:focus {
  color: #fff !important;
}
html:not([data-layout]) #mobile_filter {
  width: 80vw;
}

html[data-layout] .app-content {
  margin-left: 250px;
  overflow: hidden;
}
html[data-layout] .app-content .content {
  padding: 0 15px 10px 15px;
  margin-top: 70px;
}
html[data-layout] .main-content {
  transition: all 0.1s ease-out;
}
@media (min-width: 768px) {
  html[data-layout] .main-content {
    margin-left: 250px;
  }
}
html[data-layout] .page-content {
  padding: 70px calc(1.5rem * 0.5) 0 calc(1.5rem * 0.5);
}
html[data-layout] .navbar-menu {
  width: 250px;
  z-index: 1002;
  background: #fff;
  border-right: 1px solid #fff;
  bottom: 0;
  margin-top: 0;
  position: fixed;
  top: 0;
  box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
  padding: 0 0 calc(70px) 0;
  transition: all 0.1s ease-out;
}
html[data-layout] .navbar-menu .navbar-nav .nav-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
html[data-layout] .navbar-menu .navbar-nav .nav-item .nav-item {
  border-bottom: none;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link {
  display: flex;
  align-items: center;
  padding: 0.625rem 1.5rem;
  color: #6d7080;
  font-size: 0.925rem;
  font-family: "Outfit", sans-serif;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link.active {
  color: #003d9b;
  font-weight: 600;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link:hover {
  color: #003d9b;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link i {
  display: inline-block;
  min-width: 1.75rem;
  font-size: 18px;
  line-height: inherit;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link svg {
  width: 18px;
  margin-right: 0.665rem;
  color: #6d7080;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link .badge {
  margin-left: auto;
  margin-right: -2px;
  z-index: 1;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link:hover {
  color: #003d9b;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link:hover .icon-dual {
  color: #003d9b;
  fill: rgba(0, 61, 155, 0.16);
}
html[data-layout] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
  display: block;
  content: "\f0142";
  font-family: "Material Design Icons";
  margin-left: auto;
  transition: transform 0.2s;
  font-size: 1.05rem;
  position: absolute;
  right: 18px;
  color: #919da9;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  color: #003d9b;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual {
  color: #003d9b;
  fill: rgba(0, 61, 155, 0.16);
}
html[data-layout] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
  transform: rotate(90deg);
  color: #003d9b;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before {
  opacity: 1;
  background-color: #003d9b;
}
html[data-layout] .navbar-menu .navbar-nav .nav-link.collapsed.active::after {
  transform: rotate(90deg);
}
html[data-layout] .navbar-menu .navbar-nav .nav-sm {
  padding-left: 1.75rem;
  padding-bottom: 0.5rem;
}
html[data-layout] .navbar-menu .navbar-nav .nav-sm .nav-link {
  padding: 0.55rem 1.5rem !important;
  color: #7c7f90;
  white-space: none;
  position: relative;
  font-size: 0.8125rem;
  font-family: "Outfit", sans-serif;
}
html[data-layout] .navbar-menu .navbar-nav .nav-sm .nav-link:before {
  content: "";
  width: 6px;
  height: 1.5px;
  background-color: #7c7f90;
  position: absolute;
  left: 2px;
  top: 16.5px;
  transition: all 0.4s ease-in-out;
  opacity: 0.5;
}
html[data-layout] .navbar-menu .navbar-nav .nav-sm .nav-link:hover {
  color: #003d9b;
}
html[data-layout] .navbar-menu .navbar-nav .nav-sm .nav-link:hover:before {
  background-color: #003d9b !important;
  opacity: 1;
}
html[data-layout] .navbar-menu .navbar-nav .nav-sm .nav-link.active {
  color: #003d9b;
  font-weight: 600;
}
html[data-layout] .navbar-menu .navbar-nav .nav-sm .nav-link.active:before {
  background-color: #003d9b;
}
html[data-layout] .navbar-menu .navbar-nav .nav-sm .nav-sm {
  padding-left: 15px;
}
html[data-layout] .navbar-menu .navbar-nav .nav-sm .nav-sm .nav-link:before {
  height: 5px;
  width: 5px;
  left: 5px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid;
  top: 16px;
}
html[data-layout] .navbar-menu .btn-vertical-sm-hover {
  color: #878a99;
  display: none;
}
html[data-layout] .navbar-brand-box {
  padding: 0 1.3rem;
  text-align: center;
  transition: all 0.1s ease-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767.98px) {
  html[data-layout] .navbar-brand-box {
    display: none;
  }
}
html[data-layout] .hamburger-icon {
  width: 20px;
  height: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
html[data-layout] .hamburger-icon span {
  background-color: #878a99;
  position: absolute;
  border-radius: 2px;
  transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  width: 100%;
  height: 2px;
  display: block;
  left: 0px;
}
html[data-layout] .hamburger-icon span:nth-child(1) {
  top: 0;
  width: 80%;
}
html[data-layout] .hamburger-icon span:nth-child(2) {
  top: 6px;
}
html[data-layout] .hamburger-icon span:nth-child(3) {
  bottom: 0;
  width: 60%;
}
.vertical-menu-btn:hover html[data-layout] .hamburger-icon:not(.open) span:nth-child(1) {
  top: -1px;
}
.vertical-menu-btn:hover html[data-layout] .hamburger-icon:not(.open) span:nth-child(3) {
  bottom: -1px;
}
html[data-layout] .hamburger-icon.open {
  transform: rotate(-90deg);
}
html[data-layout] .hamburger-icon.open span:nth-child(1) {
  left: 1px;
  top: 5px;
  width: 20px;
  transform: rotate(90deg);
  transition-delay: 150ms;
}
html[data-layout] .hamburger-icon.open span:nth-child(2) {
  left: 3px;
  top: 13px;
  width: 10px;
  transform: rotate(45deg);
  transition-delay: 50ms;
}
html[data-layout] .hamburger-icon.open span:nth-child(3) {
  left: 9px;
  top: 13px;
  width: 10px;
  transform: rotate(-45deg);
  transition-delay: 100ms;
}
html[data-layout] .logo {
  line-height: 70px;
}
html[data-layout] .logo .logo-sm {
  display: none;
}
html[data-layout][data-layout=vertical] .app-menu .row {
  margin: 0;
}
html[data-layout][data-layout=vertical] .app-menu .row > * {
  width: 100%;
  padding: 0;
}
@media (max-width: 767.98px) {
  html[data-layout][data-layout=vertical] .app-menu {
    margin-left: -100%;
    padding: 10px 0 20px 0;
  }
}
html[data-layout][data-layout=vertical] .navbar-menu .container-fluid {
  padding: 0;
}
@media (max-width: 767.98px) {
  html[data-layout][data-layout=vertical] .navbar-brand-box {
    display: none;
  }
}
html[data-layout][data-layout=vertical] .horizontal-logo {
  display: none;
}
@media (min-width: 768px) {
  html[data-layout][data-layout=vertical][data-sidebar-size=sm] {
    min-height: 1400px;
  }
  html[data-layout][data-layout=vertical][data-sidebar-size=sm] .main-content {
    margin-left: 70px;
  }
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] #topbar {
  z-index: calc(1002 + 1);
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-brand-box {
  position: fixed;
  padding: 0;
  width: 70px;
  z-index: 1;
  top: 0;
  left: -1px;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .logo span.logo-lg {
  display: none;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .logo span.logo-sm {
  display: inline-block;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu {
  position: absolute;
  width: 70px !important;
  padding-top: 70px;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-mask,
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-content-wrapper {
  overflow: visible !important;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-scrollbar,
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .vertical-menu-btn {
  display: none !important;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-offset {
  bottom: 0 !important;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .badge {
  display: none !important;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-title {
  text-align: center;
  font-size: 1rem;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-title span {
  display: none;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-title i {
  display: block;
  line-height: 36px;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link span {
  display: none;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link i {
  font-size: 22px;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link svg {
  margin-right: 0px;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link:after, html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link:before {
  display: none;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-dropdown {
  display: none;
  height: auto !important;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item {
  position: relative;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
  position: relative;
  width: calc(200px + 70px);
  color: #fff;
  background-color: #003d9b;
  transition: none;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link .icon-dual {
  color: #fff;
  fill: rgba(255, 255, 255, 0.16);
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link span {
  display: inline-block;
  padding-left: 25px;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link:after {
  display: block;
  transform: rotate(90deg);
  color: #fff;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover .nav-link span {
  display: inline-block;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
  display: block;
  left: 69px;
  position: absolute;
  width: 200px;
  background: #fff;
  height: auto !important;
  padding: 0.5rem 0;
  box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm {
  padding: 0;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link {
  color: #003d9b;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link:after {
  color: inherit;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-link:after {
  display: block !important;
  transform: rotate(0deg) !important;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .menu-dropdown {
  left: 100% !important;
  top: 0;
  border-radius: 3px !important;
}
html[data-layout][data-layout=vertical] .navbar-menu {
  background: #003d9b;
}
html[data-layout][data-layout=vertical] .navbar-menu .hamburger-icon span {
  background-color: #ced4da;
}
html[data-layout][data-layout=vertical] .navbar-menu .btn-vertical-sm-hover {
  color: #ced4da;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-link {
  color: #ced4da;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-link.active {
  color: #fff;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
  color: inherit;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  color: #fff;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
  color: inherit;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual {
  color: #fff;
  fill: rgba(255, 255, 255, 0.1);
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-link svg {
  color: #ced4da;
  fill: rgba(255, 255, 255, 0.1);
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-link:hover {
  color: #fff;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-link:hover .icon-dual {
  color: #fff;
  fill: rgba(255, 255, 255, 0.16);
}
html[data-layout][data-layout=vertical] .navbar-nav > .nav-item .nav-link.active {
  color: #fff;
}
html[data-layout][data-layout=vertical] .navbar-nav > .nav-item .nav-link.active .icon-dual {
  color: #fff;
  fill: rgba(255, 255, 255, 0.16);
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-sm .nav-link {
  color: #ced4da;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-sm .nav-link:before {
  background-color: #ced4da !important;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-sm .nav-link:hover {
  color: #fff;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-sm .nav-link:hover:before {
  background-color: #fff !important;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-sm .nav-link.active {
  color: #fff;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-sm .nav-sm .nav-link:before {
  background-color: transparent !important;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-sm .nav-sm .nav-link:hover:before {
  background-color: #fff !important;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-sm .nav-sm .nav-link.active {
  color: #fff;
}
html[data-layout][data-layout=vertical] .navbar-nav .nav-sm .nav-sm .nav-link.active:before {
  background-color: #fff !important;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
  background: #003d9b;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm {
  padding: 0;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-link:after {
  display: block !important;
  transform: rotate(0deg) !important;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link {
  color: #fff;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link:after {
  color: inherit;
}
html[data-layout][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .menu-dropdown {
  left: 100% !important;
  top: 0;
  border-radius: 3px !important;
}
html[data-layout][data-layout=vertical] .menu-title {
  color: #6d7080;
}
html[data-layout] .menu-title {
  letter-spacing: 0.05em;
  cursor: default;
  font-size: 11px;
  text-transform: uppercase;
  color: #919da9;
  font-weight: 600;
}
html[data-layout] .menu-title span {
  padding: 12px 20px;
  display: inline-block;
}
html[data-layout] .menu-title i {
  display: none;
}
html[data-layout] .vertical-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 1003;
  display: none;
}
html[data-layout] .vertical-sidebar-enable .vertical-overlay {
  display: block;
}
html[data-layout] .vertical-sidebar-enable .app-menu {
  margin-left: 0 !important;
  z-index: 1004;
}
html[data-layout] .destroy-clone {
  position: absolute;
  top: calc(-0.25rem - 1px);
  right: 5px;
  background: #f06548;
  color: #fff;
  padding: 0 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  z-index: 1;
}
html[data-layout] .move-clone {
  position: absolute;
  top: calc(-0.25rem - 1px);
  right: calc(2rem - 1px);
  background: #299cdb;
  color: #fff;
  padding: 0 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  cursor: move;
  z-index: 1;
}

html:not([data-layout]) body {
  background: #fff;
}
html:not([data-layout]) #content {
  position: relative;
  min-height: calc(100vh - 65px);
  background: #fff;
}
html:not([data-layout]) #main {
  position: relative;
  margin-top: 65px;
  background: #f2f2f7;
  padding: 1.5rem 0;
}
@media (max-width: 767.98px) {
  html:not([data-layout]) #main #important {
    min-height: calc(100vh - 65px - 38px);
    min-height: calc(100svh - 65px - 38px);
  }
}
html:not([data-layout]) .card .card-image {
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  min-height: 30vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0;
}
html:not([data-layout]) .card .card-image.card-big-image {
  min-height: 40vh;
}
html:not([data-layout]) .card .card-image .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
html:not([data-layout]) .card .card-image .card-image-btn {
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
html:not([data-layout]) .card .card-image .card-image-btn .btn-swords {
  background: #fff;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
}
html:not([data-layout]) .card-header > :last-child,
html:not([data-layout]) .card-body > :last-child,
html:not([data-layout]) .card-footer > :last-child {
  margin-bottom: 0 !important;
}
html:not([data-layout]) #vote_form [disabled] + .btn,
html:not([data-layout]) #vote_form .btn-check:disabled + .btn,
html:not([data-layout]) #product_form [disabled] + .btn,
html:not([data-layout]) #product_form .btn-check:disabled + .btn,
html:not([data-layout]) #quiz_questions [disabled] + .btn,
html:not([data-layout]) #quiz_questions .btn-check:disabled + .btn {
  opacity: 1;
}
html:not([data-layout]) #vote_form .btn-label,
html:not([data-layout]) #product_form .btn-label,
html:not([data-layout]) #quiz_questions .btn-label {
  overflow: hidden;
  font-size: 1.0175rem;
  font-weight: 600;
  text-transform: none !important;
}
html:not([data-layout]) #vote_form .btn-check:checked + .btn,
html:not([data-layout]) #product_form .btn-check:checked + .btn,
html:not([data-layout]) #quiz_questions .btn-check:checked + .btn {
  color: #003d9b;
}
html:not([data-layout]) #vote_form .btn-check:checked + .btn .label-icon,
html:not([data-layout]) #product_form .btn-check:checked + .btn .label-icon,
html:not([data-layout]) #quiz_questions .btn-check:checked + .btn .label-icon {
  background-color: #fff;
  border-right: 1px solid rgba(0, 61, 155, 0.15);
}
html:not([data-layout]) #vote_form .btn-check:checked + .btn .mdi-checkbox-blank-circle-outline::before,
html:not([data-layout]) #product_form .btn-check:checked + .btn .mdi-checkbox-blank-circle-outline::before,
html:not([data-layout]) #quiz_questions .btn-check:checked + .btn .mdi-checkbox-blank-circle-outline::before {
  content: "\f0ec2";
}
html:not([data-layout]) #vote_form .correct + .btn,
html:not([data-layout]) #product_form .correct + .btn,
html:not([data-layout]) #quiz_questions .correct + .btn {
  opacity: 1 !important;
  color: #45CB85 !important;
}
html:not([data-layout]) #vote_form .correct + .btn .mdi-checkbox-blank-circle-outline::before,
html:not([data-layout]) #product_form .correct + .btn .mdi-checkbox-blank-circle-outline::before,
html:not([data-layout]) #quiz_questions .correct + .btn .mdi-checkbox-blank-circle-outline::before {
  color: #45CB85 !important;
  content: "\f05e0" !important;
}
html:not([data-layout]) #vote_form .incorrect + .btn,
html:not([data-layout]) #product_form .incorrect + .btn,
html:not([data-layout]) #quiz_questions .incorrect + .btn {
  opacity: 1 !important;
  color: #f06548 !important;
}
html:not([data-layout]) #vote_form .incorrect + .btn .mdi-checkbox-blank-circle-outline::before,
html:not([data-layout]) #product_form .incorrect + .btn .mdi-checkbox-blank-circle-outline::before,
html:not([data-layout]) #quiz_questions .incorrect + .btn .mdi-checkbox-blank-circle-outline::before {
  color: #f06548 !important;
  content: "\f0159" !important;
}
html:not([data-layout]) .label-bg {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
}
html:not([data-layout]) #duel_form [disabled] + .btn,
html:not([data-layout]) #duel_form .btn-check:disabled + .btn {
  opacity: 1;
}
html:not([data-layout]) #duel_form .btn-label {
  overflow: hidden;
  font-size: 1.0175rem;
  font-weight: 600;
  text-transform: none !important;
}
html:not([data-layout]) #duel_form .btn-check + .btn .label-bg {
  opacity: 0;
}
html:not([data-layout]) #duel_form .btn-check + .btn .label-icon {
  color: #fff;
}
html:not([data-layout]) #duel_form .btn-check:checked + .btn {
  color: #003d9b;
}
html:not([data-layout]) #duel_form .btn-check:checked + .btn .label-bg {
  opacity: 1;
}
html:not([data-layout]) #duel_form .btn-check:checked + .btn .label-icon {
  color: #003d9b;
}
html:not([data-layout]) #duel_form .btn-check:checked + .btn .mdi-checkbox-blank-circle::before {
  content: "\f0133";
}
html:not([data-layout]) #duel_form .correct + .btn {
  opacity: 1 !important;
  color: #45CB85 !important;
}
html:not([data-layout]) #duel_form .correct + .btn .mdi-checkbox-blank-circle-outline::before {
  color: #45CB85 !important;
  content: "\f05e0" !important;
}
html:not([data-layout]) #duel_form .incorrect + .btn {
  opacity: 1 !important;
  color: #f06548 !important;
}
html:not([data-layout]) #duel_form .incorrect + .btn .mdi-checkbox-blank-circle-outline::before {
  color: #f06548 !important;
  content: "\f0159" !important;
}
html:not([data-layout]) #product_rating_stars {
  container-type: inline-size;
}
html:not([data-layout]) #product_rating_stars:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}
html:not([data-layout]) #product_rating_stars:not(:checked) > label {
  margin-bottom: 0;
  float: right;
  width: 0.5em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 20cqw;
  line-height: 1;
  color: #fff;
}
html:not([data-layout]) #product_rating_stars:not(:checked) > label:before {
  content: "\f04d2";
  font-family: "Material Design Icons";
}
html:not([data-layout]) #product_rating_stars:not(:checked) > label:nth-child(4n+2) {
  transform: scale(-1, 1);
}
html:not([data-layout]) #product_rating_stars > input:checked ~ label:before {
  content: "\f04ce";
  color: #45CB85;
}
html:not([data-layout]) #product_rating_stars:not(:checked) > label:hover, html:not([data-layout]) #product_rating_stars:not(:checked) > label:hover ~ label,
html:not([data-layout]) #product_rating_stars > input:checked + label:hover,
html:not([data-layout]) #product_rating_stars > input:checked + label:hover ~ label,
html:not([data-layout]) #product_rating_stars > input:checked ~ label:hover,
html:not([data-layout]) #product_rating_stars > input:checked ~ label:hover ~ label,
html:not([data-layout]) #product_rating_stars > label:hover ~ input:checked ~ label {
  color: #45CB85;
}
html:not([data-layout]) #product_rating_stars > input:disabled ~ label:before {
  color: #ffbe0b;
  cursor: default !important;
}
html:not([data-layout]) #vote_voting,
html:not([data-layout]) #duel_voting,
html:not([data-layout]) #product_rating,
html:not([data-layout]) #quiz_saving {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background: rgba(0, 61, 155, 0.75);
  border-radius: 0.25rem;
  opacity: 0;
  transition: opacity 0.15s linear;
  top: 0;
  left: 0;
  z-index: 2;
}
html:not([data-layout]) #quiz_answers {
  height: 5px;
  width: calc(100% + 2rem - 1px);
}
html:not([data-layout]) #quiz_answers .quiz-answer {
  float: left;
  height: 5px;
  width: calc(8.3333333333% - 1px);
  margin-left: 1px;
}
html:not([data-layout]) #vote_description,
html:not([data-layout]) #duel_description,
html:not([data-layout]) #product_description,
html:not([data-layout]) #quiz_description {
  position: relative;
}
html:not([data-layout]) #vote_description.collapse:not(.show),
html:not([data-layout]) #duel_description.collapse:not(.show),
html:not([data-layout]) #product_description.collapse:not(.show),
html:not([data-layout]) #quiz_description.collapse:not(.show) {
  display: block;
  height: 10rem;
  overflow: hidden;
}
html:not([data-layout]) #vote_description.collapsing,
html:not([data-layout]) #duel_description.collapsing,
html:not([data-layout]) #product_description.collapsing,
html:not([data-layout]) #quiz_description.collapsing {
  height: 10rem;
}
html:not([data-layout]) #vote_description .more_gradient,
html:not([data-layout]) #duel_description .more_gradient,
html:not([data-layout]) #product_description .more_gradient,
html:not([data-layout]) #quiz_description .more_gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 7.5rem;
  width: 100%;
  transition: all 0.3s ease-out;
  background: #fff;
  background: linear-gradient(90deg, #fff, transparent);
  background: -webkit-linear-gradient(90deg, #fff, transparent);
}
html:not([data-layout]) #vote_description.show .more_gradient,
html:not([data-layout]) #duel_description.show .more_gradient,
html:not([data-layout]) #product_description.show .more_gradient,
html:not([data-layout]) #quiz_description.show .more_gradient {
  height: 0.1rem !important;
}
html:not([data-layout]) a.show-more[aria-expanded=false] .show_more {
  display: inline-block !important;
}
html:not([data-layout]) a.show-more[aria-expanded=false] .hide_more {
  display: none !important;
}
html:not([data-layout]) a.show-more[aria-expanded=true] .show_more {
  display: none !important;
}
html:not([data-layout]) a.show-more[aria-expanded=true] .hide_more {
  display: inline-block !important;
}
html:not([data-layout]) ins.adsbygoogle {
  position: relative;
  border-radius: 0.25rem;
  margin: 0 0 1.5rem !important;
  background: url("/assets/images/google-adsense.png") center center no-repeat;
  border: 1px solid #fff !important;
  width: 100% !important;
  z-index: unset !important;
}
html:not([data-layout]) ins.adsbygoogle::before {
  content: "REKLAMA";
  position: absolute;
  top: -0.1rem;
  left: 50%;
  font-size: 0.675rem;
  color: #878a99;
  transform: translate(-50%, -50%);
  background: #f2f2f7;
  padding: 0 0.5rem;
}
html:not([data-layout]) ins.adsbygoogle > div {
  width: 100% !important;
}
html:not([data-layout]) ins.adsbygoogle > div > iframe {
  width: 100% !important;
}
html:not([data-layout]) .tradedoubler a {
  display: flex;
  justify-content: center;
  width: 100% !important;
  margin-bottom: 1.5rem;
}
html:not([data-layout]) .tradedoubler a::before {
  content: "REKLAMA";
  position: absolute;
  top: -0.1rem;
  left: 50%;
  font-size: 0.675rem;
  color: #878a99;
  transform: translate(-50%, -50%);
}
html:not([data-layout]) .tradedoubler a img {
  margin-top: 0.4rem;
  height: unset !important;
  width: 100% !important;
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
  border-radius: 0.25rem;
}
@media (min-width: 992px) {
  html:not([data-layout]) #filter_sticky.sticky-lg-top {
    top: calc(65px + 1.5rem);
  }
}
@media (max-width: 991.98px) {
  html:not([data-layout]) #filter_sticky .card:not(:first-child) {
    display: none;
  }
}
@media (max-width: 359.98px) {
  html:not([data-layout]) #quick_offcanvas {
    width: 100vw;
  }
}
html:not([data-layout]) #filter_form .categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
html:not([data-layout]) #filter_form .categories .category .btn {
  padding: 0.1rem 0.5rem;
  margin: 0 0.25rem 0.25rem 0;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: none !important;
  color: #878a99;
  border-color: #878a99;
}
html:not([data-layout]) #filter_form .categories .category .btn-check:checked + .btn {
  color: #fff;
  background-color: #0286c7;
  border-color: #0286c7;
}
html:not([data-layout]) #filter_form .form-switch .form-check-label {
  color: #878a99;
}
html:not([data-layout]) #filter_form .form-switch .form-check-input:checked + .form-check-label {
  color: #0286c7;
}
html:not([data-layout]) #filter_form .noUi-tooltip {
  padding: 0.35em 0.65em;
  border-color: #e9ebec;
  border-radius: 0.25rem;
  background-color: #fff;
  color: #212529;
  font-size: 0.8rem;
  font-weight: 500;
  bottom: -3rem !important;
}
html:not([data-layout]) #filter_form .noUi-pips {
  color: #878a99;
}
html:not([data-layout]) #filter_form .noUi-marker, html:not([data-layout]) #filter_form .noUi-marker-large {
  background: #878a99;
}

#right_fixed {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(-90deg);
  transform-origin: center bottom;
  z-index: 2;
}

#footer {
  position: relative;
  background-color: #fff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: 1px solid #e9ebec;
}
#footer .footer-list {
  margin-bottom: 0;
}
#footer .footer-list li {
  margin: 0 0.5rem;
}
#footer .footer-list li:last-child {
  margin-right: 0;
}
#footer a {
  color: #878a99;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
#footer a:hover, #footer a.active, #footer a:focus {
  color: #003d9b;
}
@media (max-width: 767.98px) {
  #footer .footer-list li {
    display: block;
    margin: 0;
  }
}

#mobile_filter_show,
[id^=move_to_section] {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 1040;
}

#back_to_top {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 1040;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 1;
  background: #f2f2f7;
  transition: opacity 300ms;
}

#preloader.hide {
  opacity: 0;
}

#loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  margin: -1rem 0 0 -1rem;
}

.auth-page-wrapper .auth-page-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

.auth-bg-position {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.login-other, .register-other {
  position: relative;
}
.login-other:after, .register-other:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  right: 0;
  border-top: 2px solid #eff2f7;
  top: 0.7rem;
}
.login-other span, .register-other span {
  display: inline-block;
  position: relative;
  z-index: 9;
  background-color: #fff;
  padding: 0 1rem;
}

.password-group input[type=text] + button .mdi-eye-outline:before {
  content: "\f06d1";
}

input.is-invalid + label {
  color: #f06548 !important;
}

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  transition: all 0.5s ease-out;
  transition-property: transform, opacity;
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  transition: none !important;
}

.waves-button,
.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  transition: all 300ms;
}

.waves-float:active {
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.4);
}

.waves-effect.waves-primary .waves-ripple {
  background-color: rgba(0, 61, 155, 0.4);
}

.waves-effect.waves-success .waves-ripple {
  background-color: rgba(69, 203, 133, 0.4);
}

.waves-effect.waves-info .waves-ripple {
  background-color: rgba(41, 156, 219, 0.4);
}

.waves-effect.waves-warning .waves-ripple {
  background-color: rgba(255, 190, 11, 0.4);
}

.waves-effect.waves-danger .waves-ripple {
  background-color: rgba(240, 101, 72, 0.4);
}

.avatar-xxs {
  height: 1.5rem;
  width: 1.5rem;
}

.avatar-xs {
  height: 2rem;
  width: 2rem;
}

.avatar-sm {
  height: 3rem;
  width: 3rem;
}

.avatar-md {
  height: 4rem;
  width: 4rem;
}

.avatar-lg {
  height: 6rem;
  width: 6rem;
}

.avatar-xl {
  height: 7.5rem;
  width: 7.5rem;
}

.avatar-title {
  align-items: center;
  background-color: #003d9b;
  color: #fff;
  display: flex;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.avatar-group {
  padding-left: 12px;
  display: flex;
  flex-wrap: wrap;
}
.avatar-group .avatar-group-item {
  margin-left: -12px;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: all 0.2s;
}
.avatar-group .avatar-group-item:hover {
  position: relative;
  transform: translateY(-2px);
  z-index: 1;
}

.avatar-cover {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.accordion .accordion-button {
  font-weight: 500;
}
.accordion .accordion-body {
  color: #878a99;
}
.accordion.accordion-icon-none .accordion-button::after {
  content: "";
  background-image: none !important;
}
.accordion.accordion-icon-none .accordion-button:not(.collapsed)::after {
  content: "";
}

.custom-accordion-icon .accordion-button::after {
  background-image: none !important;
  font-family: "Material Design Icons";
  content: "\f0142";
  font-size: 1.1rem;
  vertical-align: middle;
  line-height: 0.8;
}
.custom-accordion-icon .accordion-button:not(.collapsed)::after {
  background-image: none !important;
  content: "\f0140";
  margin-right: -3px;
}

.custom-accordion-plus .accordion-button::after {
  background-image: none !important;
  font-family: "Material Design Icons";
  content: "\f0415";
  font-size: 1.1rem;
  vertical-align: middle;
  line-height: 0.8;
}
.custom-accordion-plus .accordion-button:not(.collapsed)::after {
  background-image: none !important;
  content: "\f0374";
  margin-right: -3px;
}

.lefticon-accordion .accordion-button {
  padding-left: 2.75rem;
}
.lefticon-accordion .accordion-button::after {
  position: absolute;
  left: 1.25rem;
  top: 14px;
}
.lefticon-accordion .accordion-button:not(.collapsed)::after {
  top: 20px;
}

.accordion-border-box .accordion-item {
  border-top: 1px solid #e9ebec;
  border-radius: 0.25rem;
}
.accordion-border-box .accordion-item:not(:first-of-type) {
  margin-top: 8px;
}
.accordion-border-box .accordion-item .accordion-button {
  border-radius: 0.25rem;
}
.accordion-border-box .accordion-item .accordion-button:not(.collapsed) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.custom-accordion-border .accordion-item {
  border-left: 3px solid #e9ebec;
}

.accordion-primary .accordion-item {
  border-color: rgba(0, 61, 155, 0.6);
}
.accordion-primary .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-primary .accordion-item .accordion-button:not(.collapsed) {
  color: #003d9b;
  background-color: rgba(0, 61, 155, 0.1) !important;
}
.accordion-primary .accordion-item .accordion-button::after {
  color: #003d9b;
}

.accordion-fill-primary .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-primary .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #003d9b !important;
}

.accordion-secondary .accordion-item {
  border-color: rgba(2, 134, 199, 0.6);
}
.accordion-secondary .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-secondary .accordion-item .accordion-button:not(.collapsed) {
  color: #0286c7;
  background-color: rgba(2, 134, 199, 0.1) !important;
}
.accordion-secondary .accordion-item .accordion-button::after {
  color: #0286c7;
}

.accordion-fill-secondary .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-secondary .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #0286c7 !important;
}

.accordion-success .accordion-item {
  border-color: rgba(69, 203, 133, 0.6);
}
.accordion-success .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-success .accordion-item .accordion-button:not(.collapsed) {
  color: #45CB85;
  background-color: rgba(69, 203, 133, 0.1) !important;
}
.accordion-success .accordion-item .accordion-button::after {
  color: #45CB85;
}

.accordion-fill-success .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-success .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #45CB85 !important;
}

.accordion-info .accordion-item {
  border-color: rgba(41, 156, 219, 0.6);
}
.accordion-info .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-info .accordion-item .accordion-button:not(.collapsed) {
  color: #299cdb;
  background-color: rgba(41, 156, 219, 0.1) !important;
}
.accordion-info .accordion-item .accordion-button::after {
  color: #299cdb;
}

.accordion-fill-info .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-info .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #299cdb !important;
}

.accordion-warning .accordion-item {
  border-color: rgba(255, 190, 11, 0.6);
}
.accordion-warning .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-warning .accordion-item .accordion-button:not(.collapsed) {
  color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.1) !important;
}
.accordion-warning .accordion-item .accordion-button::after {
  color: #ffbe0b;
}

.accordion-fill-warning .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-warning .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #ffbe0b !important;
}

.accordion-danger .accordion-item {
  border-color: rgba(240, 101, 72, 0.6);
}
.accordion-danger .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-danger .accordion-item .accordion-button:not(.collapsed) {
  color: #f06548;
  background-color: rgba(240, 101, 72, 0.1) !important;
}
.accordion-danger .accordion-item .accordion-button::after {
  color: #f06548;
}

.accordion-fill-danger .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-danger .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #f06548 !important;
}

.accordion-light .accordion-item {
  border-color: rgba(243, 246, 249, 0.6);
}
.accordion-light .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-light .accordion-item .accordion-button:not(.collapsed) {
  color: #f3f6f9;
  background-color: rgba(243, 246, 249, 0.1) !important;
}
.accordion-light .accordion-item .accordion-button::after {
  color: #f3f6f9;
}

.accordion-fill-light .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-light .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #f3f6f9 !important;
}

.accordion-dark .accordion-item {
  border-color: rgba(0, 0, 0, 0.6);
}
.accordion-dark .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-dark .accordion-item .accordion-button:not(.collapsed) {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.accordion-dark .accordion-item .accordion-button::after {
  color: #000;
}

.accordion-fill-dark .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-dark .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #000 !important;
}

.accordion-gray .accordion-item {
  border-color: rgba(135, 138, 153, 0.6);
}
.accordion-gray .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-gray .accordion-item .accordion-button:not(.collapsed) {
  color: #878a99;
  background-color: rgba(135, 138, 153, 0.1) !important;
}
.accordion-gray .accordion-item .accordion-button::after {
  color: #878a99;
}

.accordion-fill-gray .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-gray .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #878a99 !important;
}

.accordion-important .accordion-item {
  border-color: rgba(237, 33, 58, 0.6);
}
.accordion-important .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-important .accordion-item .accordion-button:not(.collapsed) {
  color: #ed213a;
  background-color: rgba(237, 33, 58, 0.1) !important;
}
.accordion-important .accordion-item .accordion-button::after {
  color: #ed213a;
}

.accordion-fill-important .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-important .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #ed213a !important;
}

.accordion-dark-green .accordion-item {
  border-color: rgba(30, 126, 51, 0.6);
}
.accordion-dark-green .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-dark-green .accordion-item .accordion-button:not(.collapsed) {
  color: #1e7e33;
  background-color: rgba(30, 126, 51, 0.1) !important;
}
.accordion-dark-green .accordion-item .accordion-button::after {
  color: #1e7e33;
}

.accordion-fill-dark-green .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-dark-green .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #1e7e33 !important;
}

.accordion-blue .accordion-item {
  border-color: rgba(53, 119, 241, 0.6);
}
.accordion-blue .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-blue .accordion-item .accordion-button:not(.collapsed) {
  color: #3577f1;
  background-color: rgba(53, 119, 241, 0.1) !important;
}
.accordion-blue .accordion-item .accordion-button::after {
  color: #3577f1;
}

.accordion-fill-blue .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-blue .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #3577f1 !important;
}

.accordion-indigo .accordion-item {
  border-color: rgba(75, 56, 179, 0.6);
}
.accordion-indigo .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-indigo .accordion-item .accordion-button:not(.collapsed) {
  color: #4b38b3;
  background-color: rgba(75, 56, 179, 0.1) !important;
}
.accordion-indigo .accordion-item .accordion-button::after {
  color: #4b38b3;
}

.accordion-fill-indigo .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-indigo .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #4b38b3 !important;
}

.accordion-purple .accordion-item {
  border-color: rgba(101, 89, 204, 0.6);
}
.accordion-purple .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-purple .accordion-item .accordion-button:not(.collapsed) {
  color: #6559cc;
  background-color: rgba(101, 89, 204, 0.1) !important;
}
.accordion-purple .accordion-item .accordion-button::after {
  color: #6559cc;
}

.accordion-fill-purple .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-purple .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #6559cc !important;
}

.accordion-pink .accordion-item {
  border-color: rgba(246, 114, 167, 0.6);
}
.accordion-pink .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-pink .accordion-item .accordion-button:not(.collapsed) {
  color: #f672a7;
  background-color: rgba(246, 114, 167, 0.1) !important;
}
.accordion-pink .accordion-item .accordion-button::after {
  color: #f672a7;
}

.accordion-fill-pink .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-pink .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #f672a7 !important;
}

.accordion-red .accordion-item {
  border-color: rgba(240, 101, 72, 0.6);
}
.accordion-red .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-red .accordion-item .accordion-button:not(.collapsed) {
  color: #f06548;
  background-color: rgba(240, 101, 72, 0.1) !important;
}
.accordion-red .accordion-item .accordion-button::after {
  color: #f06548;
}

.accordion-fill-red .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-red .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #f06548 !important;
}

.accordion-orange .accordion-item {
  border-color: rgba(241, 150, 59, 0.6);
}
.accordion-orange .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-orange .accordion-item .accordion-button:not(.collapsed) {
  color: #f1963b;
  background-color: rgba(241, 150, 59, 0.1) !important;
}
.accordion-orange .accordion-item .accordion-button::after {
  color: #f1963b;
}

.accordion-fill-orange .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-orange .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #f1963b !important;
}

.accordion-yellow .accordion-item {
  border-color: rgba(255, 190, 11, 0.6);
}
.accordion-yellow .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-yellow .accordion-item .accordion-button:not(.collapsed) {
  color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.1) !important;
}
.accordion-yellow .accordion-item .accordion-button::after {
  color: #ffbe0b;
}

.accordion-fill-yellow .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-yellow .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #ffbe0b !important;
}

.accordion-green .accordion-item {
  border-color: rgba(69, 203, 133, 0.6);
}
.accordion-green .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-green .accordion-item .accordion-button:not(.collapsed) {
  color: #45CB85;
  background-color: rgba(69, 203, 133, 0.1) !important;
}
.accordion-green .accordion-item .accordion-button::after {
  color: #45CB85;
}

.accordion-fill-green .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-green .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #45CB85 !important;
}

.accordion-teal .accordion-item {
  border-color: rgba(2, 168, 181, 0.6);
}
.accordion-teal .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-teal .accordion-item .accordion-button:not(.collapsed) {
  color: #02a8b5;
  background-color: rgba(2, 168, 181, 0.1) !important;
}
.accordion-teal .accordion-item .accordion-button::after {
  color: #02a8b5;
}

.accordion-fill-teal .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-teal .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #02a8b5 !important;
}

.accordion-cyan .accordion-item {
  border-color: rgba(41, 156, 219, 0.6);
}
.accordion-cyan .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-cyan .accordion-item .accordion-button:not(.collapsed) {
  color: #299cdb;
  background-color: rgba(41, 156, 219, 0.1) !important;
}
.accordion-cyan .accordion-item .accordion-button::after {
  color: #299cdb;
}

.accordion-fill-cyan .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-cyan .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #299cdb !important;
}

.accordion-white .accordion-item {
  border-color: rgba(255, 255, 255, 0.6);
}
.accordion-white .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-white .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.accordion-white .accordion-item .accordion-button::after {
  color: #fff;
}

.accordion-fill-white .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-white .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #fff !important;
}

.accordion-gray-dark .accordion-item {
  border-color: rgba(52, 58, 64, 0.6);
}
.accordion-gray-dark .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-gray-dark .accordion-item .accordion-button:not(.collapsed) {
  color: #343a40;
  background-color: rgba(52, 58, 64, 0.1) !important;
}
.accordion-gray-dark .accordion-item .accordion-button::after {
  color: #343a40;
}

.accordion-fill-gray-dark .accordion-item .accordion-button {
  box-shadow: none;
}
.accordion-fill-gray-dark .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #343a40 !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.left-0 {
  left: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.border-dark {
  border-color: #000 !important;
}

.border-light {
  border-color: #f3f6f9 !important;
}

.border-double {
  border-style: double !important;
}

.border-top-double {
  border-top-style: double !important;
}

.border-bottom-double {
  border-bottom-style: double !important;
}

.border-end-double {
  border-right-style: double !important;
}

.border-start-double {
  border-left-style: double !important;
}

.list-group-flush.border-double {
  border: none !important;
}
.list-group-flush.border-double .list-group-item {
  border-style: double !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-top-dashed {
  border-top-style: dashed !important;
}

.border-bottom-dashed {
  border-bottom-style: dashed !important;
}

.border-end-dashed {
  border-right-style: dashed !important;
}

.border-start-dashed {
  border-left-style: dashed !important;
}

.list-group-flush.border-dashed {
  border: none !important;
}
.list-group-flush.border-dashed .list-group-item {
  border-style: dashed !important;
}

.border-groove {
  border-style: groove !important;
}

.border-top-groove {
  border-top-style: groove !important;
}

.border-bottom-groove {
  border-bottom-style: groove !important;
}

.border-end-groove {
  border-right-style: groove !important;
}

.border-start-groove {
  border-left-style: groove !important;
}

.list-group-flush.border-groove {
  border: none !important;
}
.list-group-flush.border-groove .list-group-item {
  border-style: groove !important;
}

.border-outset {
  border-style: outset !important;
}

.border-top-outset {
  border-top-style: outset !important;
}

.border-bottom-outset {
  border-bottom-style: outset !important;
}

.border-end-outset {
  border-right-style: outset !important;
}

.border-start-outset {
  border-left-style: outset !important;
}

.list-group-flush.border-outset {
  border: none !important;
}
.list-group-flush.border-outset .list-group-item {
  border-style: outset !important;
}

.border-ridge {
  border-style: ridge !important;
}

.border-top-ridge {
  border-top-style: ridge !important;
}

.border-bottom-ridge {
  border-bottom-style: ridge !important;
}

.border-end-ridge {
  border-right-style: ridge !important;
}

.border-start-ridge {
  border-left-style: ridge !important;
}

.list-group-flush.border-ridge {
  border: none !important;
}
.list-group-flush.border-ridge .list-group-item {
  border-style: ridge !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-top-dotted {
  border-top-style: dotted !important;
}

.border-bottom-dotted {
  border-bottom-style: dotted !important;
}

.border-end-dotted {
  border-right-style: dotted !important;
}

.border-start-dotted {
  border-left-style: dotted !important;
}

.list-group-flush.border-dotted {
  border: none !important;
}
.list-group-flush.border-dotted .list-group-item {
  border-style: dotted !important;
}

.border-inset {
  border-style: inset !important;
}

.border-top-inset {
  border-top-style: inset !important;
}

.border-bottom-inset {
  border-bottom-style: inset !important;
}

.border-end-inset {
  border-right-style: inset !important;
}

.border-start-inset {
  border-left-style: inset !important;
}

.list-group-flush.border-inset {
  border: none !important;
}
.list-group-flush.border-inset .list-group-item {
  border-style: inset !important;
}

.ff-base {
  font-family: "Outfit", sans-serif;
}

.ff-secondary {
  font-family: "Outfit", sans-serif;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-extrabold {
  font-weight: 800 !important;
}

.fw-black {
  font-weight: 900 !important;
}

.flex-1 {
  flex: 1;
}

.social-list-item {
  height: 2rem;
  width: 2rem;
  line-height: calc(2rem - 4px);
  display: block;
  border: 2px solid #adb5bd;
  border-radius: 50%;
  color: #adb5bd;
  text-align: center;
  transition: all 0.4s;
}
.social-list-item:hover {
  color: #878a99;
  background-color: #eff2f7;
}

.w-xs {
  min-width: 80px;
}

.w-sm {
  min-width: 95px;
}

.w-md {
  min-width: 110px;
}

.w-lg {
  min-width: 140px;
}

.w-xl {
  min-width: 160px;
}

.icon-xs {
  height: 16px;
  width: 16px;
}

.icon-sm {
  height: 18px;
  width: 18px;
}

.icon-md {
  height: 22px;
  width: 22px;
}

.icon-lg {
  height: 24px;
  width: 24px;
}

.icon-xl {
  height: 28px;
  width: 28px;
}

.icon-xxl {
  height: 32px;
  width: 32px;
}

.icon-dual {
  color: #adb5bd;
  fill: rgba(173, 181, 189, 0.16);
}

.icon-dual-primary {
  color: #003d9b;
  fill: rgba(0, 61, 155, 0.16);
}

.icon-dual-secondary {
  color: #0286c7;
  fill: rgba(2, 134, 199, 0.16);
}

.icon-dual-success {
  color: #45CB85;
  fill: rgba(69, 203, 133, 0.16);
}

.icon-dual-info {
  color: #299cdb;
  fill: rgba(41, 156, 219, 0.16);
}

.icon-dual-warning {
  color: #ffbe0b;
  fill: rgba(255, 190, 11, 0.16);
}

.icon-dual-danger {
  color: #f06548;
  fill: rgba(240, 101, 72, 0.16);
}

.icon-dual-light {
  color: #f3f6f9;
  fill: rgba(243, 246, 249, 0.16);
}

.icon-dual-dark {
  color: #000;
  fill: rgba(0, 0, 0, 0.16);
}

.icon-dual-gray {
  color: #878a99;
  fill: rgba(135, 138, 153, 0.16);
}

.icon-dual-important {
  color: #ed213a;
  fill: rgba(237, 33, 58, 0.16);
}

.icon-dual-dark-green {
  color: #1e7e33;
  fill: rgba(30, 126, 51, 0.16);
}

.icon-dual-blue {
  color: #3577f1;
  fill: rgba(53, 119, 241, 0.16);
}

.icon-dual-indigo {
  color: #4b38b3;
  fill: rgba(75, 56, 179, 0.16);
}

.icon-dual-purple {
  color: #6559cc;
  fill: rgba(101, 89, 204, 0.16);
}

.icon-dual-pink {
  color: #f672a7;
  fill: rgba(246, 114, 167, 0.16);
}

.icon-dual-red {
  color: #f06548;
  fill: rgba(240, 101, 72, 0.16);
}

.icon-dual-orange {
  color: #f1963b;
  fill: rgba(241, 150, 59, 0.16);
}

.icon-dual-yellow {
  color: #ffbe0b;
  fill: rgba(255, 190, 11, 0.16);
}

.icon-dual-green {
  color: #45CB85;
  fill: rgba(69, 203, 133, 0.16);
}

.icon-dual-teal {
  color: #02a8b5;
  fill: rgba(2, 168, 181, 0.16);
}

.icon-dual-cyan {
  color: #299cdb;
  fill: rgba(41, 156, 219, 0.16);
}

.icon-dual-white {
  color: #fff;
  fill: rgba(255, 255, 255, 0.16);
}

.icon-dual-gray-dark {
  color: #343a40;
  fill: rgba(52, 58, 64, 0.16);
}

.search-box {
  position: relative;
}
.search-box .form-control {
  padding-left: 40px;
}
.search-box .search-icon {
  font-size: 14px;
  position: absolute;
  left: 13px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  color: #878a99;
}

.bg-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  opacity: 0.7;
  background-color: #000;
}

.customizer-setting {
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 1000;
}

code {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.layout-rightside {
  width: 280px;
  margin-right: -1.5rem;
  margin-top: calc(1px - 1.5rem * 1.1);
  height: calc(100% + 1.5rem * 1.1);
}

@media (max-width: 1699.98px) {
  .layout-rightside-col {
    display: none;
    position: fixed !important;
    height: 100vh;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1004;
  }
  .layout-rightside-col .overlay {
    position: fixed;
    top: 0;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .layout-rightside-col .layout-rightside {
    margin-top: 0px;
    height: 100%;
    margin-left: auto;
  }
  .layout-rightside-col .card-body {
    overflow-y: auto;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 1700px) {
  [data-layout=horizontal] .layout-rightside, [data-layout-style=detached] .layout-rightside {
    margin-top: calc(28px - 1.5rem);
    margin-right: 0;
    height: calc(100% - (1.5rem / 5));
  }
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.text-truncate-two-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.favourite-btn {
  border-color: transparent;
}
.favourite-btn .ri-star-fill {
  color: #878a99;
}
.favourite-btn.active {
  border-color: transparent;
}
.favourite-btn.active .ri-star-fill {
  color: #ffbe0b;
}
.favourite-btn.active .ri-star-fill:before {
  content: "\f186";
}

.cursor-pointer {
  cursor: pointer;
}

[type=tel]::-moz-placeholder, [type=url]::-moz-placeholder, [type=email]::-moz-placeholder, [type=number]::-moz-placeholder {
  text-align: left;
}

[type=tel]::placeholder,
[type=url]::placeholder,
[type=email]::placeholder,
[type=number]::placeholder {
  text-align: left;
}

.card-body .form-group:not(.sitemap) label[for]:not(.custom-control-label):not(.custom-checkbox):not(.text-break) {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}
.card-body .form-group:not(.sitemap) label[for]:not(.custom-control-label):not(.custom-checkbox):not(.text-break) span {
  background: #fff;
  font-size: 0.75rem;
  position: absolute;
  top: -0.25rem;
  padding: 0 0.5rem;
  left: 0.5rem;
  z-index: 10;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #878a99;
  font-weight: 400;
}

.offcanvas .form-group label:not(.custom-control-label) {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}
.offcanvas .form-group label:not(.custom-control-label) span {
  background: #ffffff;
  font-size: 0.75rem;
  position: absolute;
  top: -0.75rem;
  padding: 0 0.5rem;
  left: 0.5rem;
  z-index: 10;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-body .cke_chrome {
  border: none !important;
}
.card-body .cke_top {
  border-bottom: 1px solid #e9ebec !important;
}
.card-body .cke_bottom {
  border-top: 1px solid #e9ebec !important;
}

.main-chart .chart-border-left {
  border-left: 1.4px solid #e9ebec;
  padding: 2px 20px;
}
.main-chart .chart-border-left:last-child {
  margin-right: 0px;
}

.activity-feed {
  list-style: none;
}
.activity-feed .feed-item {
  position: relative;
  padding-bottom: 27px;
  padding-left: 16px;
  border-left: 2px solid #f3f6f9;
}
.activity-feed .feed-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: -6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #003d9b;
  background-color: #fff;
}
.activity-feed .feed-item:last-child {
  border-color: transparent;
}

.mini-stats-wid {
  position: relative;
}
.mini-stats-wid .mini-stat-icon {
  overflow: hidden;
  position: relative;
}
.mini-stats-wid .mini-stat-icon:before, .mini-stats-wid .mini-stat-icon:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 69px;
  background-color: rgba(69, 203, 133, 0.1);
  left: 3px;
  transform: rotate(32deg);
  top: -8px;
  transition: all 0.4s;
}
.mini-stats-wid .mini-stat-icon::after {
  left: 27px;
  width: 8px;
  transition: all 0.2s;
}
.mini-stats-wid:hover .mini-stat-icon::after {
  left: 60px;
}
.mini-stats-wid:hover .mini-stat-icon::before {
  left: 50px;
}

.card-wrapper .jp-card .jp-card-back, .card-wrapper .jp-card .jp-card-front {
  background-color: #45CB85;
}

.notification-elem {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
}

.clothes-size li input[type=radio] {
  display: none;
}
.clothes-size li label {
  display: inline-block;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #e9ebec;
  text-transform: none;
  letter-spacing: 0;
  color: #003d9b;
}
.clothes-size li input[type=radio]:checked + label {
  background-color: #003d9b;
  border-color: #003d9b;
  color: #fff;
}

@media print {
  .vertical-menu,
  .right-bar,
  .page-title-box,
  .navbar-header,
  .app-menu,
  .footer,
  #back-to-top {
    display: none !important;
  }
  .card-body,
  .main-content,
  .right-bar,
  .page-content,
  body {
    padding: 0;
    margin: 0;
  }
  .card {
    border: 0;
    box-shadow: none !important;
  }
  .invoice-details .d-sm-flex {
    display: flex !important;
  }
  .address.col-sm-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
    max-width: 100% !important;
  }
}
.ribbon-box {
  position: relative;
}
.ribbon-box .ribbon {
  padding: 5px 12px;
  box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 0.925rem;
  font-weight: 600;
  position: absolute;
  left: -1px;
  top: 5px;
}
.ribbon-box .ribbon.round-shape {
  border-radius: 0 30px 30px 0;
}
.ribbon-box .ribbon.ribbon-shape {
  display: inline-block;
}
.ribbon-box .ribbon.ribbon-shape::before {
  content: "";
  position: absolute;
  right: -17px;
  top: 0;
  border: 14px solid transparent;
}
.ribbon-box .ribbon.ribbon-shape::after {
  content: "";
  position: absolute;
  right: -17px;
  bottom: 0;
  border: 14px solid transparent;
}
.ribbon-box.ribbon-circle .ribbon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 20px;
  top: 20px;
}
.ribbon-box.ribbon-fill {
  overflow: hidden;
}
.ribbon-box.ribbon-fill .ribbon {
  transform: rotate(-45deg);
  width: 93px;
  height: 52px;
  left: -36px;
  top: -16px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ribbon-box.ribbon-fill.ribbon-sm .ribbon {
  padding: 2px 12px;
  width: 78px;
  height: 42px;
  font-size: 12px;
  box-shadow: none;
}
.ribbon-box.right .ribbon {
  position: absolute;
  left: auto;
  right: 0;
}
.ribbon-box.right .ribbon.round-shape {
  border-radius: 30px 0 0 30px;
}
.ribbon-box.right .ribbon.ribbon-shape {
  text-align: right;
}
.ribbon-box.right .ribbon.ribbon-shape::before, .ribbon-box.right .ribbon.ribbon-shape::after {
  right: auto;
  left: -17px;
  border-left-color: transparent;
}
.ribbon-box.right.ribbon-circle .ribbon {
  left: auto;
  right: 20px;
}
.ribbon-box.right .icon-ribbon {
  right: 24px;
  left: auto;
}
.ribbon-box.right.ribbon-fill .ribbon {
  transform: rotate(45deg);
  right: -38px;
  left: auto;
}
.ribbon-box.right.ribbon-box .ribbon-two {
  left: auto;
  right: -5px;
}
.ribbon-box.right.ribbon-box .ribbon-two span {
  left: auto;
  right: -21px;
  transform: rotate(45deg);
}
.ribbon-box .ribbon-content {
  clear: both;
}
.ribbon-box .ribbon-primary {
  background: #003d9b;
}
.ribbon-box .ribbon-primary:before {
  border-color: #002968 transparent transparent;
}
.ribbon-box .ribbon-primary.ribbon-shape::before {
  border-left-color: #003d9b;
  border-top-color: #003d9b;
}
.ribbon-box .ribbon-primary.ribbon-shape::after {
  border-left-color: #003d9b;
  border-bottom-color: #003d9b;
}
.ribbon-box.right .ribbon-primary {
  background: #003d9b;
}
.ribbon-box.right .ribbon-primary.ribbon-shape::before {
  border-right-color: #003d9b;
  border-top-color: #003d9b;
}
.ribbon-box.right .ribbon-primary.ribbon-shape::after {
  border-right-color: #003d9b;
  border-bottom-color: #003d9b;
}
.ribbon-box .ribbon-secondary {
  background: #0286c7;
}
.ribbon-box .ribbon-secondary:before {
  border-color: #016495 transparent transparent;
}
.ribbon-box .ribbon-secondary.ribbon-shape::before {
  border-left-color: #0286c7;
  border-top-color: #0286c7;
}
.ribbon-box .ribbon-secondary.ribbon-shape::after {
  border-left-color: #0286c7;
  border-bottom-color: #0286c7;
}
.ribbon-box.right .ribbon-secondary {
  background: #0286c7;
}
.ribbon-box.right .ribbon-secondary.ribbon-shape::before {
  border-right-color: #0286c7;
  border-top-color: #0286c7;
}
.ribbon-box.right .ribbon-secondary.ribbon-shape::after {
  border-right-color: #0286c7;
  border-bottom-color: #0286c7;
}
.ribbon-box .ribbon-success {
  background: #45CB85;
}
.ribbon-box .ribbon-success:before {
  border-color: #30ad6c transparent transparent;
}
.ribbon-box .ribbon-success.ribbon-shape::before {
  border-left-color: #45CB85;
  border-top-color: #45CB85;
}
.ribbon-box .ribbon-success.ribbon-shape::after {
  border-left-color: #45CB85;
  border-bottom-color: #45CB85;
}
.ribbon-box.right .ribbon-success {
  background: #45CB85;
}
.ribbon-box.right .ribbon-success.ribbon-shape::before {
  border-right-color: #45CB85;
  border-top-color: #45CB85;
}
.ribbon-box.right .ribbon-success.ribbon-shape::after {
  border-right-color: #45CB85;
  border-bottom-color: #45CB85;
}
.ribbon-box .ribbon-info {
  background: #299cdb;
}
.ribbon-box .ribbon-info:before {
  border-color: #1e7eb3 transparent transparent;
}
.ribbon-box .ribbon-info.ribbon-shape::before {
  border-left-color: #299cdb;
  border-top-color: #299cdb;
}
.ribbon-box .ribbon-info.ribbon-shape::after {
  border-left-color: #299cdb;
  border-bottom-color: #299cdb;
}
.ribbon-box.right .ribbon-info {
  background: #299cdb;
}
.ribbon-box.right .ribbon-info.ribbon-shape::before {
  border-right-color: #299cdb;
  border-top-color: #299cdb;
}
.ribbon-box.right .ribbon-info.ribbon-shape::after {
  border-right-color: #299cdb;
  border-bottom-color: #299cdb;
}
.ribbon-box .ribbon-warning {
  background: #ffbe0b;
}
.ribbon-box .ribbon-warning:before {
  border-color: #d79e00 transparent transparent;
}
.ribbon-box .ribbon-warning.ribbon-shape::before {
  border-left-color: #ffbe0b;
  border-top-color: #ffbe0b;
}
.ribbon-box .ribbon-warning.ribbon-shape::after {
  border-left-color: #ffbe0b;
  border-bottom-color: #ffbe0b;
}
.ribbon-box.right .ribbon-warning {
  background: #ffbe0b;
}
.ribbon-box.right .ribbon-warning.ribbon-shape::before {
  border-right-color: #ffbe0b;
  border-top-color: #ffbe0b;
}
.ribbon-box.right .ribbon-warning.ribbon-shape::after {
  border-right-color: #ffbe0b;
  border-bottom-color: #ffbe0b;
}
.ribbon-box .ribbon-danger {
  background: #f06548;
}
.ribbon-box .ribbon-danger:before {
  border-color: #ec3d19 transparent transparent;
}
.ribbon-box .ribbon-danger.ribbon-shape::before {
  border-left-color: #f06548;
  border-top-color: #f06548;
}
.ribbon-box .ribbon-danger.ribbon-shape::after {
  border-left-color: #f06548;
  border-bottom-color: #f06548;
}
.ribbon-box.right .ribbon-danger {
  background: #f06548;
}
.ribbon-box.right .ribbon-danger.ribbon-shape::before {
  border-right-color: #f06548;
  border-top-color: #f06548;
}
.ribbon-box.right .ribbon-danger.ribbon-shape::after {
  border-right-color: #f06548;
  border-bottom-color: #f06548;
}
.ribbon-box .ribbon-light {
  background: #f3f6f9;
}
.ribbon-box .ribbon-light:before {
  border-color: #d1dde8 transparent transparent;
}
.ribbon-box .ribbon-light.ribbon-shape::before {
  border-left-color: #f3f6f9;
  border-top-color: #f3f6f9;
}
.ribbon-box .ribbon-light.ribbon-shape::after {
  border-left-color: #f3f6f9;
  border-bottom-color: #f3f6f9;
}
.ribbon-box.right .ribbon-light {
  background: #f3f6f9;
}
.ribbon-box.right .ribbon-light.ribbon-shape::before {
  border-right-color: #f3f6f9;
  border-top-color: #f3f6f9;
}
.ribbon-box.right .ribbon-light.ribbon-shape::after {
  border-right-color: #f3f6f9;
  border-bottom-color: #f3f6f9;
}
.ribbon-box .ribbon-dark {
  background: #000;
}
.ribbon-box .ribbon-dark:before {
  border-color: black transparent transparent;
}
.ribbon-box .ribbon-dark.ribbon-shape::before {
  border-left-color: #000;
  border-top-color: #000;
}
.ribbon-box .ribbon-dark.ribbon-shape::after {
  border-left-color: #000;
  border-bottom-color: #000;
}
.ribbon-box.right .ribbon-dark {
  background: #000;
}
.ribbon-box.right .ribbon-dark.ribbon-shape::before {
  border-right-color: #000;
  border-top-color: #000;
}
.ribbon-box.right .ribbon-dark.ribbon-shape::after {
  border-right-color: #000;
  border-bottom-color: #000;
}
.ribbon-box .ribbon-gray {
  background: #878a99;
}
.ribbon-box .ribbon-gray:before {
  border-color: #6d7080 transparent transparent;
}
.ribbon-box .ribbon-gray.ribbon-shape::before {
  border-left-color: #878a99;
  border-top-color: #878a99;
}
.ribbon-box .ribbon-gray.ribbon-shape::after {
  border-left-color: #878a99;
  border-bottom-color: #878a99;
}
.ribbon-box.right .ribbon-gray {
  background: #878a99;
}
.ribbon-box.right .ribbon-gray.ribbon-shape::before {
  border-right-color: #878a99;
  border-top-color: #878a99;
}
.ribbon-box.right .ribbon-gray.ribbon-shape::after {
  border-right-color: #878a99;
  border-bottom-color: #878a99;
}
.ribbon-box .ribbon-important {
  background: #ed213a;
}
.ribbon-box .ribbon-important:before {
  border-color: #cb1027 transparent transparent;
}
.ribbon-box .ribbon-important.ribbon-shape::before {
  border-left-color: #ed213a;
  border-top-color: #ed213a;
}
.ribbon-box .ribbon-important.ribbon-shape::after {
  border-left-color: #ed213a;
  border-bottom-color: #ed213a;
}
.ribbon-box.right .ribbon-important {
  background: #ed213a;
}
.ribbon-box.right .ribbon-important.ribbon-shape::before {
  border-right-color: #ed213a;
  border-top-color: #ed213a;
}
.ribbon-box.right .ribbon-important.ribbon-shape::after {
  border-right-color: #ed213a;
  border-bottom-color: #ed213a;
}
.ribbon-box .ribbon-dark-green {
  background: #1e7e33;
}
.ribbon-box .ribbon-dark-green:before {
  border-color: #145522 transparent transparent;
}
.ribbon-box .ribbon-dark-green.ribbon-shape::before {
  border-left-color: #1e7e33;
  border-top-color: #1e7e33;
}
.ribbon-box .ribbon-dark-green.ribbon-shape::after {
  border-left-color: #1e7e33;
  border-bottom-color: #1e7e33;
}
.ribbon-box.right .ribbon-dark-green {
  background: #1e7e33;
}
.ribbon-box.right .ribbon-dark-green.ribbon-shape::before {
  border-right-color: #1e7e33;
  border-top-color: #1e7e33;
}
.ribbon-box.right .ribbon-dark-green.ribbon-shape::after {
  border-right-color: #1e7e33;
  border-bottom-color: #1e7e33;
}
.ribbon-box .ribbon-blue {
  background: #3577f1;
}
.ribbon-box .ribbon-blue:before {
  border-color: #105ae3 transparent transparent;
}
.ribbon-box .ribbon-blue.ribbon-shape::before {
  border-left-color: #3577f1;
  border-top-color: #3577f1;
}
.ribbon-box .ribbon-blue.ribbon-shape::after {
  border-left-color: #3577f1;
  border-bottom-color: #3577f1;
}
.ribbon-box.right .ribbon-blue {
  background: #3577f1;
}
.ribbon-box.right .ribbon-blue.ribbon-shape::before {
  border-right-color: #3577f1;
  border-top-color: #3577f1;
}
.ribbon-box.right .ribbon-blue.ribbon-shape::after {
  border-right-color: #3577f1;
  border-bottom-color: #3577f1;
}
.ribbon-box .ribbon-indigo {
  background: #4b38b3;
}
.ribbon-box .ribbon-indigo:before {
  border-color: #3b2c8c transparent transparent;
}
.ribbon-box .ribbon-indigo.ribbon-shape::before {
  border-left-color: #4b38b3;
  border-top-color: #4b38b3;
}
.ribbon-box .ribbon-indigo.ribbon-shape::after {
  border-left-color: #4b38b3;
  border-bottom-color: #4b38b3;
}
.ribbon-box.right .ribbon-indigo {
  background: #4b38b3;
}
.ribbon-box.right .ribbon-indigo.ribbon-shape::before {
  border-right-color: #4b38b3;
  border-top-color: #4b38b3;
}
.ribbon-box.right .ribbon-indigo.ribbon-shape::after {
  border-right-color: #4b38b3;
  border-bottom-color: #4b38b3;
}
.ribbon-box .ribbon-purple {
  background: #6559cc;
}
.ribbon-box .ribbon-purple:before {
  border-color: #4639b9 transparent transparent;
}
.ribbon-box .ribbon-purple.ribbon-shape::before {
  border-left-color: #6559cc;
  border-top-color: #6559cc;
}
.ribbon-box .ribbon-purple.ribbon-shape::after {
  border-left-color: #6559cc;
  border-bottom-color: #6559cc;
}
.ribbon-box.right .ribbon-purple {
  background: #6559cc;
}
.ribbon-box.right .ribbon-purple.ribbon-shape::before {
  border-right-color: #6559cc;
  border-top-color: #6559cc;
}
.ribbon-box.right .ribbon-purple.ribbon-shape::after {
  border-right-color: #6559cc;
  border-bottom-color: #6559cc;
}
.ribbon-box .ribbon-pink {
  background: #f672a7;
}
.ribbon-box .ribbon-pink:before {
  border-color: #f34289 transparent transparent;
}
.ribbon-box .ribbon-pink.ribbon-shape::before {
  border-left-color: #f672a7;
  border-top-color: #f672a7;
}
.ribbon-box .ribbon-pink.ribbon-shape::after {
  border-left-color: #f672a7;
  border-bottom-color: #f672a7;
}
.ribbon-box.right .ribbon-pink {
  background: #f672a7;
}
.ribbon-box.right .ribbon-pink.ribbon-shape::before {
  border-right-color: #f672a7;
  border-top-color: #f672a7;
}
.ribbon-box.right .ribbon-pink.ribbon-shape::after {
  border-right-color: #f672a7;
  border-bottom-color: #f672a7;
}
.ribbon-box .ribbon-red {
  background: #f06548;
}
.ribbon-box .ribbon-red:before {
  border-color: #ec3d19 transparent transparent;
}
.ribbon-box .ribbon-red.ribbon-shape::before {
  border-left-color: #f06548;
  border-top-color: #f06548;
}
.ribbon-box .ribbon-red.ribbon-shape::after {
  border-left-color: #f06548;
  border-bottom-color: #f06548;
}
.ribbon-box.right .ribbon-red {
  background: #f06548;
}
.ribbon-box.right .ribbon-red.ribbon-shape::before {
  border-right-color: #f06548;
  border-top-color: #f06548;
}
.ribbon-box.right .ribbon-red.ribbon-shape::after {
  border-right-color: #f06548;
  border-bottom-color: #f06548;
}
.ribbon-box .ribbon-orange {
  background: #f1963b;
}
.ribbon-box .ribbon-orange:before {
  border-color: #e87d11 transparent transparent;
}
.ribbon-box .ribbon-orange.ribbon-shape::before {
  border-left-color: #f1963b;
  border-top-color: #f1963b;
}
.ribbon-box .ribbon-orange.ribbon-shape::after {
  border-left-color: #f1963b;
  border-bottom-color: #f1963b;
}
.ribbon-box.right .ribbon-orange {
  background: #f1963b;
}
.ribbon-box.right .ribbon-orange.ribbon-shape::before {
  border-right-color: #f1963b;
  border-top-color: #f1963b;
}
.ribbon-box.right .ribbon-orange.ribbon-shape::after {
  border-right-color: #f1963b;
  border-bottom-color: #f1963b;
}
.ribbon-box .ribbon-yellow {
  background: #ffbe0b;
}
.ribbon-box .ribbon-yellow:before {
  border-color: #d79e00 transparent transparent;
}
.ribbon-box .ribbon-yellow.ribbon-shape::before {
  border-left-color: #ffbe0b;
  border-top-color: #ffbe0b;
}
.ribbon-box .ribbon-yellow.ribbon-shape::after {
  border-left-color: #ffbe0b;
  border-bottom-color: #ffbe0b;
}
.ribbon-box.right .ribbon-yellow {
  background: #ffbe0b;
}
.ribbon-box.right .ribbon-yellow.ribbon-shape::before {
  border-right-color: #ffbe0b;
  border-top-color: #ffbe0b;
}
.ribbon-box.right .ribbon-yellow.ribbon-shape::after {
  border-right-color: #ffbe0b;
  border-bottom-color: #ffbe0b;
}
.ribbon-box .ribbon-green {
  background: #45CB85;
}
.ribbon-box .ribbon-green:before {
  border-color: #30ad6c transparent transparent;
}
.ribbon-box .ribbon-green.ribbon-shape::before {
  border-left-color: #45CB85;
  border-top-color: #45CB85;
}
.ribbon-box .ribbon-green.ribbon-shape::after {
  border-left-color: #45CB85;
  border-bottom-color: #45CB85;
}
.ribbon-box.right .ribbon-green {
  background: #45CB85;
}
.ribbon-box.right .ribbon-green.ribbon-shape::before {
  border-right-color: #45CB85;
  border-top-color: #45CB85;
}
.ribbon-box.right .ribbon-green.ribbon-shape::after {
  border-right-color: #45CB85;
  border-bottom-color: #45CB85;
}
.ribbon-box .ribbon-teal {
  background: #02a8b5;
}
.ribbon-box .ribbon-teal:before {
  border-color: #017983 transparent transparent;
}
.ribbon-box .ribbon-teal.ribbon-shape::before {
  border-left-color: #02a8b5;
  border-top-color: #02a8b5;
}
.ribbon-box .ribbon-teal.ribbon-shape::after {
  border-left-color: #02a8b5;
  border-bottom-color: #02a8b5;
}
.ribbon-box.right .ribbon-teal {
  background: #02a8b5;
}
.ribbon-box.right .ribbon-teal.ribbon-shape::before {
  border-right-color: #02a8b5;
  border-top-color: #02a8b5;
}
.ribbon-box.right .ribbon-teal.ribbon-shape::after {
  border-right-color: #02a8b5;
  border-bottom-color: #02a8b5;
}
.ribbon-box .ribbon-cyan {
  background: #299cdb;
}
.ribbon-box .ribbon-cyan:before {
  border-color: #1e7eb3 transparent transparent;
}
.ribbon-box .ribbon-cyan.ribbon-shape::before {
  border-left-color: #299cdb;
  border-top-color: #299cdb;
}
.ribbon-box .ribbon-cyan.ribbon-shape::after {
  border-left-color: #299cdb;
  border-bottom-color: #299cdb;
}
.ribbon-box.right .ribbon-cyan {
  background: #299cdb;
}
.ribbon-box.right .ribbon-cyan.ribbon-shape::before {
  border-right-color: #299cdb;
  border-top-color: #299cdb;
}
.ribbon-box.right .ribbon-cyan.ribbon-shape::after {
  border-right-color: #299cdb;
  border-bottom-color: #299cdb;
}
.ribbon-box .ribbon-white {
  background: #fff;
}
.ribbon-box .ribbon-white:before {
  border-color: #e6e6e6 transparent transparent;
}
.ribbon-box .ribbon-white.ribbon-shape::before {
  border-left-color: #fff;
  border-top-color: #fff;
}
.ribbon-box .ribbon-white.ribbon-shape::after {
  border-left-color: #fff;
  border-bottom-color: #fff;
}
.ribbon-box.right .ribbon-white {
  background: #fff;
}
.ribbon-box.right .ribbon-white.ribbon-shape::before {
  border-right-color: #fff;
  border-top-color: #fff;
}
.ribbon-box.right .ribbon-white.ribbon-shape::after {
  border-right-color: #fff;
  border-bottom-color: #fff;
}
.ribbon-box .ribbon-gray-dark {
  background: #343a40;
}
.ribbon-box .ribbon-gray-dark:before {
  border-color: #1d2124 transparent transparent;
}
.ribbon-box .ribbon-gray-dark.ribbon-shape::before {
  border-left-color: #343a40;
  border-top-color: #343a40;
}
.ribbon-box .ribbon-gray-dark.ribbon-shape::after {
  border-left-color: #343a40;
  border-bottom-color: #343a40;
}
.ribbon-box.right .ribbon-gray-dark {
  background: #343a40;
}
.ribbon-box.right .ribbon-gray-dark.ribbon-shape::before {
  border-right-color: #343a40;
  border-top-color: #343a40;
}
.ribbon-box.right .ribbon-gray-dark.ribbon-shape::after {
  border-right-color: #343a40;
  border-bottom-color: #343a40;
}
.ribbon-box .icon-ribbon {
  box-shadow: none;
  left: 24px;
  top: -12px;
  font-size: 40px;
  padding: 0;
}
.ribbon-box .ribbon-two {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon-box .ribbon-two span {
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  width: 100px;
  display: block;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  position: absolute;
  top: 19px;
  left: -21px;
  font-weight: 600;
}
.ribbon-box .ribbon-two span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon-box .ribbon-two span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.ribbon-box .ribbon-two-primary span {
  background: #003d9b;
}
.ribbon-box .ribbon-two-primary span:before {
  border-left: 3px solid #001f4f;
  border-top: 3px solid #001f4f;
}
.ribbon-box .ribbon-two-primary span:after {
  border-right: 3px solid #001f4f;
  border-top: 3px solid #001f4f;
}
.ribbon-box .ribbon-two-secondary span {
  background: #0286c7;
}
.ribbon-box .ribbon-two-secondary span:before {
  border-left: 3px solid #01537b;
  border-top: 3px solid #01537b;
}
.ribbon-box .ribbon-two-secondary span:after {
  border-right: 3px solid #01537b;
  border-top: 3px solid #01537b;
}
.ribbon-box .ribbon-two-success span {
  background: #45CB85;
}
.ribbon-box .ribbon-two-success span:before {
  border-left: 3px solid #2b995f;
  border-top: 3px solid #2b995f;
}
.ribbon-box .ribbon-two-success span:after {
  border-right: 3px solid #2b995f;
  border-top: 3px solid #2b995f;
}
.ribbon-box .ribbon-two-info span {
  background: #299cdb;
}
.ribbon-box .ribbon-two-info span:before {
  border-left: 3px solid #1a6f9d;
  border-top: 3px solid #1a6f9d;
}
.ribbon-box .ribbon-two-info span:after {
  border-right: 3px solid #1a6f9d;
  border-top: 3px solid #1a6f9d;
}
.ribbon-box .ribbon-two-warning span {
  background: #ffbe0b;
}
.ribbon-box .ribbon-two-warning span:before {
  border-left: 3px solid #be8b00;
  border-top: 3px solid #be8b00;
}
.ribbon-box .ribbon-two-warning span:after {
  border-right: 3px solid #be8b00;
  border-top: 3px solid #be8b00;
}
.ribbon-box .ribbon-two-danger span {
  background: #f06548;
}
.ribbon-box .ribbon-two-danger span:before {
  border-left: 3px solid #da3412;
  border-top: 3px solid #da3412;
}
.ribbon-box .ribbon-two-danger span:after {
  border-right: 3px solid #da3412;
  border-top: 3px solid #da3412;
}
.ribbon-box .ribbon-two-light span {
  background: #f3f6f9;
}
.ribbon-box .ribbon-two-light span:before {
  border-left: 3px solid #c0d0e0;
  border-top: 3px solid #c0d0e0;
}
.ribbon-box .ribbon-two-light span:after {
  border-right: 3px solid #c0d0e0;
  border-top: 3px solid #c0d0e0;
}
.ribbon-box .ribbon-two-dark span {
  background: #000;
}
.ribbon-box .ribbon-two-dark span:before {
  border-left: 3px solid black;
  border-top: 3px solid black;
}
.ribbon-box .ribbon-two-dark span:after {
  border-right: 3px solid black;
  border-top: 3px solid black;
}
.ribbon-box .ribbon-two-gray span {
  background: #878a99;
}
.ribbon-box .ribbon-two-gray span:before {
  border-left: 3px solid #616472;
  border-top: 3px solid #616472;
}
.ribbon-box .ribbon-two-gray span:after {
  border-right: 3px solid #616472;
  border-top: 3px solid #616472;
}
.ribbon-box .ribbon-two-important span {
  background: #ed213a;
}
.ribbon-box .ribbon-two-important span:before {
  border-left: 3px solid #b30f23;
  border-top: 3px solid #b30f23;
}
.ribbon-box .ribbon-two-important span:after {
  border-right: 3px solid #b30f23;
  border-top: 3px solid #b30f23;
}
.ribbon-box .ribbon-two-dark-green span {
  background: #1e7e33;
}
.ribbon-box .ribbon-two-dark-green span:before {
  border-left: 3px solid #0f401a;
  border-top: 3px solid #0f401a;
}
.ribbon-box .ribbon-two-dark-green span:after {
  border-right: 3px solid #0f401a;
  border-top: 3px solid #0f401a;
}
.ribbon-box .ribbon-two-blue span {
  background: #3577f1;
}
.ribbon-box .ribbon-two-blue span:before {
  border-left: 3px solid #0e51cb;
  border-top: 3px solid #0e51cb;
}
.ribbon-box .ribbon-two-blue span:after {
  border-right: 3px solid #0e51cb;
  border-top: 3px solid #0e51cb;
}
.ribbon-box .ribbon-two-indigo span {
  background: #4b38b3;
}
.ribbon-box .ribbon-two-indigo span:before {
  border-left: 3px solid #332679;
  border-top: 3px solid #332679;
}
.ribbon-box .ribbon-two-indigo span:after {
  border-right: 3px solid #332679;
  border-top: 3px solid #332679;
}
.ribbon-box .ribbon-two-purple span {
  background: #6559cc;
}
.ribbon-box .ribbon-two-purple span:before {
  border-left: 3px solid #3f33a6;
  border-top: 3px solid #3f33a6;
}
.ribbon-box .ribbon-two-purple span:after {
  border-right: 3px solid #3f33a6;
  border-top: 3px solid #3f33a6;
}
.ribbon-box .ribbon-two-pink span {
  background: #f672a7;
}
.ribbon-box .ribbon-two-pink span:before {
  border-left: 3px solid #f12a7a;
  border-top: 3px solid #f12a7a;
}
.ribbon-box .ribbon-two-pink span:after {
  border-right: 3px solid #f12a7a;
  border-top: 3px solid #f12a7a;
}
.ribbon-box .ribbon-two-red span {
  background: #f06548;
}
.ribbon-box .ribbon-two-red span:before {
  border-left: 3px solid #da3412;
  border-top: 3px solid #da3412;
}
.ribbon-box .ribbon-two-red span:after {
  border-right: 3px solid #da3412;
  border-top: 3px solid #da3412;
}
.ribbon-box .ribbon-two-orange span {
  background: #f1963b;
}
.ribbon-box .ribbon-two-orange span:before {
  border-left: 3px solid #d1700f;
  border-top: 3px solid #d1700f;
}
.ribbon-box .ribbon-two-orange span:after {
  border-right: 3px solid #d1700f;
  border-top: 3px solid #d1700f;
}
.ribbon-box .ribbon-two-yellow span {
  background: #ffbe0b;
}
.ribbon-box .ribbon-two-yellow span:before {
  border-left: 3px solid #be8b00;
  border-top: 3px solid #be8b00;
}
.ribbon-box .ribbon-two-yellow span:after {
  border-right: 3px solid #be8b00;
  border-top: 3px solid #be8b00;
}
.ribbon-box .ribbon-two-green span {
  background: #45CB85;
}
.ribbon-box .ribbon-two-green span:before {
  border-left: 3px solid #2b995f;
  border-top: 3px solid #2b995f;
}
.ribbon-box .ribbon-two-green span:after {
  border-right: 3px solid #2b995f;
  border-top: 3px solid #2b995f;
}
.ribbon-box .ribbon-two-teal span {
  background: #02a8b5;
}
.ribbon-box .ribbon-two-teal span:before {
  border-left: 3px solid #016269;
  border-top: 3px solid #016269;
}
.ribbon-box .ribbon-two-teal span:after {
  border-right: 3px solid #016269;
  border-top: 3px solid #016269;
}
.ribbon-box .ribbon-two-cyan span {
  background: #299cdb;
}
.ribbon-box .ribbon-two-cyan span:before {
  border-left: 3px solid #1a6f9d;
  border-top: 3px solid #1a6f9d;
}
.ribbon-box .ribbon-two-cyan span:after {
  border-right: 3px solid #1a6f9d;
  border-top: 3px solid #1a6f9d;
}
.ribbon-box .ribbon-two-white span {
  background: #fff;
}
.ribbon-box .ribbon-two-white span:before {
  border-left: 3px solid #d9d9d9;
  border-top: 3px solid #d9d9d9;
}
.ribbon-box .ribbon-two-white span:after {
  border-right: 3px solid #d9d9d9;
  border-top: 3px solid #d9d9d9;
}
.ribbon-box .ribbon-two-gray-dark span {
  background: #343a40;
}
.ribbon-box .ribbon-two-gray-dark span:before {
  border-left: 3px solid #121416;
  border-top: 3px solid #121416;
}
.ribbon-box .ribbon-two-gray-dark span:after {
  border-right: 3px solid #121416;
  border-top: 3px solid #121416;
}

.ribbon-box.right .ribbon-three {
  position: absolute;
  top: -6.1px;
  right: 10px;
  left: auto;
}

.ribbon-three {
  position: absolute;
  top: -6.1px;
  left: 10px;
}
.ribbon-three span {
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon-three span::after, .ribbon-three span::before {
  position: absolute;
  content: "";
}
.ribbon-three span::before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
}
.ribbon-three span::after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  border-radius: 8px 8px 0 0;
}
.ribbon-three::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 44px solid transparent;
  border-right: 44px solid transparent;
  border-top: 10px solid;
}

.ribbon-three-primary span {
  background: #003d9b;
}
.ribbon-three-primary span:before {
  background: #003d9b;
}
.ribbon-three-primary span:after {
  background: #002968;
}
.ribbon-three-primary::after {
  border-top-color: #003d9b;
}

.ribbon-three-secondary span {
  background: #0286c7;
}
.ribbon-three-secondary span:before {
  background: #0286c7;
}
.ribbon-three-secondary span:after {
  background: #016495;
}
.ribbon-three-secondary::after {
  border-top-color: #0286c7;
}

.ribbon-three-success span {
  background: #45CB85;
}
.ribbon-three-success span:before {
  background: #45CB85;
}
.ribbon-three-success span:after {
  background: #30ad6c;
}
.ribbon-three-success::after {
  border-top-color: #45CB85;
}

.ribbon-three-info span {
  background: #299cdb;
}
.ribbon-three-info span:before {
  background: #299cdb;
}
.ribbon-three-info span:after {
  background: #1e7eb3;
}
.ribbon-three-info::after {
  border-top-color: #299cdb;
}

.ribbon-three-warning span {
  background: #ffbe0b;
}
.ribbon-three-warning span:before {
  background: #ffbe0b;
}
.ribbon-three-warning span:after {
  background: #d79e00;
}
.ribbon-three-warning::after {
  border-top-color: #ffbe0b;
}

.ribbon-three-danger span {
  background: #f06548;
}
.ribbon-three-danger span:before {
  background: #f06548;
}
.ribbon-three-danger span:after {
  background: #ec3d19;
}
.ribbon-three-danger::after {
  border-top-color: #f06548;
}

.ribbon-three-light span {
  background: #f3f6f9;
}
.ribbon-three-light span:before {
  background: #f3f6f9;
}
.ribbon-three-light span:after {
  background: #d1dde8;
}
.ribbon-three-light::after {
  border-top-color: #f3f6f9;
}

.ribbon-three-dark span {
  background: #000;
}
.ribbon-three-dark span:before {
  background: #000;
}
.ribbon-three-dark span:after {
  background: black;
}
.ribbon-three-dark::after {
  border-top-color: #000;
}

.ribbon-three-gray span {
  background: #878a99;
}
.ribbon-three-gray span:before {
  background: #878a99;
}
.ribbon-three-gray span:after {
  background: #6d7080;
}
.ribbon-three-gray::after {
  border-top-color: #878a99;
}

.ribbon-three-important span {
  background: #ed213a;
}
.ribbon-three-important span:before {
  background: #ed213a;
}
.ribbon-three-important span:after {
  background: #cb1027;
}
.ribbon-three-important::after {
  border-top-color: #ed213a;
}

.ribbon-three-dark-green span {
  background: #1e7e33;
}
.ribbon-three-dark-green span:before {
  background: #1e7e33;
}
.ribbon-three-dark-green span:after {
  background: #145522;
}
.ribbon-three-dark-green::after {
  border-top-color: #1e7e33;
}

.ribbon-three-blue span {
  background: #3577f1;
}
.ribbon-three-blue span:before {
  background: #3577f1;
}
.ribbon-three-blue span:after {
  background: #105ae3;
}
.ribbon-three-blue::after {
  border-top-color: #3577f1;
}

.ribbon-three-indigo span {
  background: #4b38b3;
}
.ribbon-three-indigo span:before {
  background: #4b38b3;
}
.ribbon-three-indigo span:after {
  background: #3b2c8c;
}
.ribbon-three-indigo::after {
  border-top-color: #4b38b3;
}

.ribbon-three-purple span {
  background: #6559cc;
}
.ribbon-three-purple span:before {
  background: #6559cc;
}
.ribbon-three-purple span:after {
  background: #4639b9;
}
.ribbon-three-purple::after {
  border-top-color: #6559cc;
}

.ribbon-three-pink span {
  background: #f672a7;
}
.ribbon-three-pink span:before {
  background: #f672a7;
}
.ribbon-three-pink span:after {
  background: #f34289;
}
.ribbon-three-pink::after {
  border-top-color: #f672a7;
}

.ribbon-three-red span {
  background: #f06548;
}
.ribbon-three-red span:before {
  background: #f06548;
}
.ribbon-three-red span:after {
  background: #ec3d19;
}
.ribbon-three-red::after {
  border-top-color: #f06548;
}

.ribbon-three-orange span {
  background: #f1963b;
}
.ribbon-three-orange span:before {
  background: #f1963b;
}
.ribbon-three-orange span:after {
  background: #e87d11;
}
.ribbon-three-orange::after {
  border-top-color: #f1963b;
}

.ribbon-three-yellow span {
  background: #ffbe0b;
}
.ribbon-three-yellow span:before {
  background: #ffbe0b;
}
.ribbon-three-yellow span:after {
  background: #d79e00;
}
.ribbon-three-yellow::after {
  border-top-color: #ffbe0b;
}

.ribbon-three-green span {
  background: #45CB85;
}
.ribbon-three-green span:before {
  background: #45CB85;
}
.ribbon-three-green span:after {
  background: #30ad6c;
}
.ribbon-three-green::after {
  border-top-color: #45CB85;
}

.ribbon-three-teal span {
  background: #02a8b5;
}
.ribbon-three-teal span:before {
  background: #02a8b5;
}
.ribbon-three-teal span:after {
  background: #017983;
}
.ribbon-three-teal::after {
  border-top-color: #02a8b5;
}

.ribbon-three-cyan span {
  background: #299cdb;
}
.ribbon-three-cyan span:before {
  background: #299cdb;
}
.ribbon-three-cyan span:after {
  background: #1e7eb3;
}
.ribbon-three-cyan::after {
  border-top-color: #299cdb;
}

.ribbon-three-white span {
  background: #fff;
}
.ribbon-three-white span:before {
  background: #fff;
}
.ribbon-three-white span:after {
  background: #e6e6e6;
}
.ribbon-three-white::after {
  border-top-color: #fff;
}

.ribbon-three-gray-dark span {
  background: #343a40;
}
.ribbon-three-gray-dark span:before {
  background: #343a40;
}
.ribbon-three-gray-dark span:after {
  background: #1d2124;
}
.ribbon-three-gray-dark::after {
  border-top-color: #343a40;
}

.ribbon-box .trending-ribbon {
  transform: translateX(-50px);
  transition: all 0.5s ease;
}
.ribbon-box .trending-ribbon .trending-ribbon-text {
  transition: all 0.5s ease;
  opacity: 0;
}
.ribbon-box:hover .trending-ribbon {
  transform: translateX(0);
}
.ribbon-box:hover .trending-ribbon .trending-ribbon-text {
  opacity: 1;
}
.ribbon-box.right .trending-ribbon {
  transform: translateX(50px);
  transition: all 0.5s ease;
}
.ribbon-box.right .trending-ribbon .trending-ribbon-text {
  transition: all 0.5s ease;
  opacity: 0;
}
.ribbon-box.right:hover .trending-ribbon {
  transform: translateX(0);
}
.ribbon-box.right:hover .trending-ribbon .trending-ribbon-text {
  opacity: 1;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast-border-primary .toast-body {
  color: #003d9b;
  border-bottom: 3px solid #003d9b;
}

.toast-border-secondary .toast-body {
  color: #0286c7;
  border-bottom: 3px solid #0286c7;
}

.toast-border-success .toast-body {
  color: #45CB85;
  border-bottom: 3px solid #45CB85;
}

.toast-border-info .toast-body {
  color: #299cdb;
  border-bottom: 3px solid #299cdb;
}

.toast-border-warning .toast-body {
  color: #ffbe0b;
  border-bottom: 3px solid #ffbe0b;
}

.toast-border-danger .toast-body {
  color: #f06548;
  border-bottom: 3px solid #f06548;
}

.toast-border-light .toast-body {
  color: #f3f6f9;
  border-bottom: 3px solid #f3f6f9;
}

.toast-border-dark .toast-body {
  color: #000;
  border-bottom: 3px solid #000;
}

.toast-border-gray .toast-body {
  color: #878a99;
  border-bottom: 3px solid #878a99;
}

.toast-border-important .toast-body {
  color: #ed213a;
  border-bottom: 3px solid #ed213a;
}

.toast-border-dark-green .toast-body {
  color: #1e7e33;
  border-bottom: 3px solid #1e7e33;
}

.toast-border-blue .toast-body {
  color: #3577f1;
  border-bottom: 3px solid #3577f1;
}

.toast-border-indigo .toast-body {
  color: #4b38b3;
  border-bottom: 3px solid #4b38b3;
}

.toast-border-purple .toast-body {
  color: #6559cc;
  border-bottom: 3px solid #6559cc;
}

.toast-border-pink .toast-body {
  color: #f672a7;
  border-bottom: 3px solid #f672a7;
}

.toast-border-red .toast-body {
  color: #f06548;
  border-bottom: 3px solid #f06548;
}

.toast-border-orange .toast-body {
  color: #f1963b;
  border-bottom: 3px solid #f1963b;
}

.toast-border-yellow .toast-body {
  color: #ffbe0b;
  border-bottom: 3px solid #ffbe0b;
}

.toast-border-green .toast-body {
  color: #45CB85;
  border-bottom: 3px solid #45CB85;
}

.toast-border-teal .toast-body {
  color: #02a8b5;
  border-bottom: 3px solid #02a8b5;
}

.toast-border-cyan .toast-body {
  color: #299cdb;
  border-bottom: 3px solid #299cdb;
}

.toast-border-white .toast-body {
  color: #fff;
  border-bottom: 3px solid #fff;
}

.toast-border-gray-dark .toast-body {
  color: #343a40;
  border-bottom: 3px solid #343a40;
}

.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 0.5rem;
  overflow: auto;
}

.scrollspy-example-2 {
  position: relative;
  height: 370px;
  overflow: auto;
}

html {
  position: relative;
  min-height: 100%;
}

a {
  text-decoration: none !important;
}

label {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

b,
strong {
  font-weight: 700;
}

small,
.small {
  font-size: 0.875em;
}

ol,
ul {
  padding-left: 1.5rem;
}

.blockquote {
  padding: 10px 20px;
  border-left: 4px solid #e9ebec;
}

.blockquote-reverse {
  border-left: 0;
  border-right: 4px solid #e9ebec;
  text-align: right;
}

.row > * {
  position: relative;
}

.logo-sm {
  display: none;
  max-height: 18px;
}
@media (max-width: 359.98px) {
  .logo-sm {
    display: block;
  }
}

@media (max-width: 359.98px) {
  .hide-xs {
    display: none !important;
  }
}
.grecaptcha-badge {
  visibility: hidden !important;
}

.alert-solid .alert-link {
  color: #fff;
}

.alert-outline {
  background-color: #fff;
  border-width: 2px;
}

.alert-borderless {
  border-width: 0;
}

.alert-label-icon {
  position: relative;
  padding-left: 60px;
  border: 0;
}
.alert-label-icon .label-icon {
  position: absolute;
  width: 45px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.15);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert-label-icon.label-arrow {
  overflow: hidden;
}
.alert-label-icon.label-arrow .label-icon:after {
  content: "";
  position: absolute;
  border: 6px solid transparent;
  border-left-color: #003d9b;
  right: -12px;
}

.alert-border-left {
  border-left: 3px solid;
}

.alert-top-border {
  background-color: #fff;
  border-color: #e9ebec;
  border-top: 2px solid;
  color: #212529;
}

.alert-additional {
  padding: 0;
}
.alert-additional .alert-body {
  padding: 0.8rem 1rem;
}
.alert-additional .alert-content {
  padding: 0.8rem 1rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  margin: 0 -1px -1px -1px;
}

.rounded-label .label-icon {
  width: 45px;
  height: 26px;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0 30px 30px 0;
}

.alert-solid.alert-primary {
  background-color: #003d9b;
  border-color: #003d9b;
  color: #fff;
}

.alert-outline.alert-primary {
  color: #003d9b;
}

.alert-border-left.alert-primary {
  border-left-color: #003d9b;
}

.alert-top-border.alert-primary {
  border-top-color: #003d9b;
}

.rounded-label.alert-primary .label-icon {
  background-color: #003d9b;
  color: #fff;
}

.label-arrow.alert-primary .label-icon {
  color: #fff;
  background-color: #003d9b;
}
.label-arrow.alert-primary .label-icon:after {
  border-left-color: #003d9b !important;
}

.alert-additional.alert-primary .alert-content {
  background-color: #003d9b;
  color: #fff;
}

.alert-solid.alert-secondary {
  background-color: #0286c7;
  border-color: #0286c7;
  color: #fff;
}

.alert-outline.alert-secondary {
  color: #0286c7;
}

.alert-border-left.alert-secondary {
  border-left-color: #0286c7;
}

.alert-top-border.alert-secondary {
  border-top-color: #0286c7;
}

.rounded-label.alert-secondary .label-icon {
  background-color: #0286c7;
  color: #fff;
}

.label-arrow.alert-secondary .label-icon {
  color: #fff;
  background-color: #0286c7;
}
.label-arrow.alert-secondary .label-icon:after {
  border-left-color: #0286c7 !important;
}

.alert-additional.alert-secondary .alert-content {
  background-color: #0286c7;
  color: #fff;
}

.alert-solid.alert-success {
  background-color: #45CB85;
  border-color: #45CB85;
  color: #fff;
}

.alert-outline.alert-success {
  color: #45CB85;
}

.alert-border-left.alert-success {
  border-left-color: #45CB85;
}

.alert-top-border.alert-success {
  border-top-color: #45CB85;
}

.rounded-label.alert-success .label-icon {
  background-color: #45CB85;
  color: #fff;
}

.label-arrow.alert-success .label-icon {
  color: #fff;
  background-color: #45CB85;
}
.label-arrow.alert-success .label-icon:after {
  border-left-color: #45CB85 !important;
}

.alert-additional.alert-success .alert-content {
  background-color: #45CB85;
  color: #fff;
}

.alert-solid.alert-info {
  background-color: #299cdb;
  border-color: #299cdb;
  color: #fff;
}

.alert-outline.alert-info {
  color: #299cdb;
}

.alert-border-left.alert-info {
  border-left-color: #299cdb;
}

.alert-top-border.alert-info {
  border-top-color: #299cdb;
}

.rounded-label.alert-info .label-icon {
  background-color: #299cdb;
  color: #fff;
}

.label-arrow.alert-info .label-icon {
  color: #fff;
  background-color: #299cdb;
}
.label-arrow.alert-info .label-icon:after {
  border-left-color: #299cdb !important;
}

.alert-additional.alert-info .alert-content {
  background-color: #299cdb;
  color: #fff;
}

.alert-solid.alert-warning {
  background-color: #ffbe0b;
  border-color: #ffbe0b;
  color: #fff;
}

.alert-outline.alert-warning {
  color: #ffbe0b;
}

.alert-border-left.alert-warning {
  border-left-color: #ffbe0b;
}

.alert-top-border.alert-warning {
  border-top-color: #ffbe0b;
}

.rounded-label.alert-warning .label-icon {
  background-color: #ffbe0b;
  color: #fff;
}

.label-arrow.alert-warning .label-icon {
  color: #fff;
  background-color: #ffbe0b;
}
.label-arrow.alert-warning .label-icon:after {
  border-left-color: #ffbe0b !important;
}

.alert-additional.alert-warning .alert-content {
  background-color: #ffbe0b;
  color: #fff;
}

.alert-solid.alert-danger {
  background-color: #f06548;
  border-color: #f06548;
  color: #fff;
}

.alert-outline.alert-danger {
  color: #f06548;
}

.alert-border-left.alert-danger {
  border-left-color: #f06548;
}

.alert-top-border.alert-danger {
  border-top-color: #f06548;
}

.rounded-label.alert-danger .label-icon {
  background-color: #f06548;
  color: #fff;
}

.label-arrow.alert-danger .label-icon {
  color: #fff;
  background-color: #f06548;
}
.label-arrow.alert-danger .label-icon:after {
  border-left-color: #f06548 !important;
}

.alert-additional.alert-danger .alert-content {
  background-color: #f06548;
  color: #fff;
}

.alert-solid.alert-light {
  background-color: #f3f6f9;
  border-color: #f3f6f9;
  color: #000;
}

.alert-outline.alert-light {
  color: #f3f6f9;
}

.alert-border-left.alert-light {
  border-left-color: #f3f6f9;
}

.alert-top-border.alert-light {
  border-top-color: #f3f6f9;
}

.rounded-label.alert-light .label-icon {
  background-color: #f3f6f9;
  color: #000;
}

.label-arrow.alert-light .label-icon {
  color: #000;
  background-color: #f3f6f9;
}
.label-arrow.alert-light .label-icon:after {
  border-left-color: #f3f6f9 !important;
}

.alert-additional.alert-light .alert-content {
  background-color: #f3f6f9;
  color: #000;
}

.alert-solid.alert-dark {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.alert-outline.alert-dark {
  color: #000;
}

.alert-border-left.alert-dark {
  border-left-color: #000;
}

.alert-top-border.alert-dark {
  border-top-color: #000;
}

.rounded-label.alert-dark .label-icon {
  background-color: #000;
  color: #fff;
}

.label-arrow.alert-dark .label-icon {
  color: #fff;
  background-color: #000;
}
.label-arrow.alert-dark .label-icon:after {
  border-left-color: #000 !important;
}

.alert-additional.alert-dark .alert-content {
  background-color: #000;
  color: #fff;
}

.alert-solid.alert-gray {
  background-color: #878a99;
  border-color: #878a99;
  color: #fff;
}

.alert-outline.alert-gray {
  color: #878a99;
}

.alert-border-left.alert-gray {
  border-left-color: #878a99;
}

.alert-top-border.alert-gray {
  border-top-color: #878a99;
}

.rounded-label.alert-gray .label-icon {
  background-color: #878a99;
  color: #fff;
}

.label-arrow.alert-gray .label-icon {
  color: #fff;
  background-color: #878a99;
}
.label-arrow.alert-gray .label-icon:after {
  border-left-color: #878a99 !important;
}

.alert-additional.alert-gray .alert-content {
  background-color: #878a99;
  color: #fff;
}

.alert-solid.alert-important {
  background-color: #ed213a;
  border-color: #ed213a;
  color: #fff;
}

.alert-outline.alert-important {
  color: #ed213a;
}

.alert-border-left.alert-important {
  border-left-color: #ed213a;
}

.alert-top-border.alert-important {
  border-top-color: #ed213a;
}

.rounded-label.alert-important .label-icon {
  background-color: #ed213a;
  color: #fff;
}

.label-arrow.alert-important .label-icon {
  color: #fff;
  background-color: #ed213a;
}
.label-arrow.alert-important .label-icon:after {
  border-left-color: #ed213a !important;
}

.alert-additional.alert-important .alert-content {
  background-color: #ed213a;
  color: #fff;
}

.alert-solid.alert-dark-green {
  background-color: #1e7e33;
  border-color: #1e7e33;
  color: #fff;
}

.alert-outline.alert-dark-green {
  color: #1e7e33;
}

.alert-border-left.alert-dark-green {
  border-left-color: #1e7e33;
}

.alert-top-border.alert-dark-green {
  border-top-color: #1e7e33;
}

.rounded-label.alert-dark-green .label-icon {
  background-color: #1e7e33;
  color: #fff;
}

.label-arrow.alert-dark-green .label-icon {
  color: #fff;
  background-color: #1e7e33;
}
.label-arrow.alert-dark-green .label-icon:after {
  border-left-color: #1e7e33 !important;
}

.alert-additional.alert-dark-green .alert-content {
  background-color: #1e7e33;
  color: #fff;
}

.alert-solid.alert-blue {
  background-color: #3577f1;
  border-color: #3577f1;
  color: #fff;
}

.alert-outline.alert-blue {
  color: #3577f1;
}

.alert-border-left.alert-blue {
  border-left-color: #3577f1;
}

.alert-top-border.alert-blue {
  border-top-color: #3577f1;
}

.rounded-label.alert-blue .label-icon {
  background-color: #3577f1;
  color: #fff;
}

.label-arrow.alert-blue .label-icon {
  color: #fff;
  background-color: #3577f1;
}
.label-arrow.alert-blue .label-icon:after {
  border-left-color: #3577f1 !important;
}

.alert-additional.alert-blue .alert-content {
  background-color: #3577f1;
  color: #fff;
}

.alert-solid.alert-indigo {
  background-color: #4b38b3;
  border-color: #4b38b3;
  color: #fff;
}

.alert-outline.alert-indigo {
  color: #4b38b3;
}

.alert-border-left.alert-indigo {
  border-left-color: #4b38b3;
}

.alert-top-border.alert-indigo {
  border-top-color: #4b38b3;
}

.rounded-label.alert-indigo .label-icon {
  background-color: #4b38b3;
  color: #fff;
}

.label-arrow.alert-indigo .label-icon {
  color: #fff;
  background-color: #4b38b3;
}
.label-arrow.alert-indigo .label-icon:after {
  border-left-color: #4b38b3 !important;
}

.alert-additional.alert-indigo .alert-content {
  background-color: #4b38b3;
  color: #fff;
}

.alert-solid.alert-purple {
  background-color: #6559cc;
  border-color: #6559cc;
  color: #fff;
}

.alert-outline.alert-purple {
  color: #6559cc;
}

.alert-border-left.alert-purple {
  border-left-color: #6559cc;
}

.alert-top-border.alert-purple {
  border-top-color: #6559cc;
}

.rounded-label.alert-purple .label-icon {
  background-color: #6559cc;
  color: #fff;
}

.label-arrow.alert-purple .label-icon {
  color: #fff;
  background-color: #6559cc;
}
.label-arrow.alert-purple .label-icon:after {
  border-left-color: #6559cc !important;
}

.alert-additional.alert-purple .alert-content {
  background-color: #6559cc;
  color: #fff;
}

.alert-solid.alert-pink {
  background-color: #f672a7;
  border-color: #f672a7;
  color: #000;
}

.alert-outline.alert-pink {
  color: #f672a7;
}

.alert-border-left.alert-pink {
  border-left-color: #f672a7;
}

.alert-top-border.alert-pink {
  border-top-color: #f672a7;
}

.rounded-label.alert-pink .label-icon {
  background-color: #f672a7;
  color: #000;
}

.label-arrow.alert-pink .label-icon {
  color: #000;
  background-color: #f672a7;
}
.label-arrow.alert-pink .label-icon:after {
  border-left-color: #f672a7 !important;
}

.alert-additional.alert-pink .alert-content {
  background-color: #f672a7;
  color: #000;
}

.alert-solid.alert-red {
  background-color: #f06548;
  border-color: #f06548;
  color: #fff;
}

.alert-outline.alert-red {
  color: #f06548;
}

.alert-border-left.alert-red {
  border-left-color: #f06548;
}

.alert-top-border.alert-red {
  border-top-color: #f06548;
}

.rounded-label.alert-red .label-icon {
  background-color: #f06548;
  color: #fff;
}

.label-arrow.alert-red .label-icon {
  color: #fff;
  background-color: #f06548;
}
.label-arrow.alert-red .label-icon:after {
  border-left-color: #f06548 !important;
}

.alert-additional.alert-red .alert-content {
  background-color: #f06548;
  color: #fff;
}

.alert-solid.alert-orange {
  background-color: #f1963b;
  border-color: #f1963b;
  color: #fff;
}

.alert-outline.alert-orange {
  color: #f1963b;
}

.alert-border-left.alert-orange {
  border-left-color: #f1963b;
}

.alert-top-border.alert-orange {
  border-top-color: #f1963b;
}

.rounded-label.alert-orange .label-icon {
  background-color: #f1963b;
  color: #fff;
}

.label-arrow.alert-orange .label-icon {
  color: #fff;
  background-color: #f1963b;
}
.label-arrow.alert-orange .label-icon:after {
  border-left-color: #f1963b !important;
}

.alert-additional.alert-orange .alert-content {
  background-color: #f1963b;
  color: #fff;
}

.alert-solid.alert-yellow {
  background-color: #ffbe0b;
  border-color: #ffbe0b;
  color: #fff;
}

.alert-outline.alert-yellow {
  color: #ffbe0b;
}

.alert-border-left.alert-yellow {
  border-left-color: #ffbe0b;
}

.alert-top-border.alert-yellow {
  border-top-color: #ffbe0b;
}

.rounded-label.alert-yellow .label-icon {
  background-color: #ffbe0b;
  color: #fff;
}

.label-arrow.alert-yellow .label-icon {
  color: #fff;
  background-color: #ffbe0b;
}
.label-arrow.alert-yellow .label-icon:after {
  border-left-color: #ffbe0b !important;
}

.alert-additional.alert-yellow .alert-content {
  background-color: #ffbe0b;
  color: #fff;
}

.alert-solid.alert-green {
  background-color: #45CB85;
  border-color: #45CB85;
  color: #fff;
}

.alert-outline.alert-green {
  color: #45CB85;
}

.alert-border-left.alert-green {
  border-left-color: #45CB85;
}

.alert-top-border.alert-green {
  border-top-color: #45CB85;
}

.rounded-label.alert-green .label-icon {
  background-color: #45CB85;
  color: #fff;
}

.label-arrow.alert-green .label-icon {
  color: #fff;
  background-color: #45CB85;
}
.label-arrow.alert-green .label-icon:after {
  border-left-color: #45CB85 !important;
}

.alert-additional.alert-green .alert-content {
  background-color: #45CB85;
  color: #fff;
}

.alert-solid.alert-teal {
  background-color: #02a8b5;
  border-color: #02a8b5;
  color: #fff;
}

.alert-outline.alert-teal {
  color: #02a8b5;
}

.alert-border-left.alert-teal {
  border-left-color: #02a8b5;
}

.alert-top-border.alert-teal {
  border-top-color: #02a8b5;
}

.rounded-label.alert-teal .label-icon {
  background-color: #02a8b5;
  color: #fff;
}

.label-arrow.alert-teal .label-icon {
  color: #fff;
  background-color: #02a8b5;
}
.label-arrow.alert-teal .label-icon:after {
  border-left-color: #02a8b5 !important;
}

.alert-additional.alert-teal .alert-content {
  background-color: #02a8b5;
  color: #fff;
}

.alert-solid.alert-cyan {
  background-color: #299cdb;
  border-color: #299cdb;
  color: #fff;
}

.alert-outline.alert-cyan {
  color: #299cdb;
}

.alert-border-left.alert-cyan {
  border-left-color: #299cdb;
}

.alert-top-border.alert-cyan {
  border-top-color: #299cdb;
}

.rounded-label.alert-cyan .label-icon {
  background-color: #299cdb;
  color: #fff;
}

.label-arrow.alert-cyan .label-icon {
  color: #fff;
  background-color: #299cdb;
}
.label-arrow.alert-cyan .label-icon:after {
  border-left-color: #299cdb !important;
}

.alert-additional.alert-cyan .alert-content {
  background-color: #299cdb;
  color: #fff;
}

.alert-solid.alert-white {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.alert-outline.alert-white {
  color: #fff;
}

.alert-border-left.alert-white {
  border-left-color: #fff;
}

.alert-top-border.alert-white {
  border-top-color: #fff;
}

.rounded-label.alert-white .label-icon {
  background-color: #fff;
  color: #000;
}

.label-arrow.alert-white .label-icon {
  color: #000;
  background-color: #fff;
}
.label-arrow.alert-white .label-icon:after {
  border-left-color: #fff !important;
}

.alert-additional.alert-white .alert-content {
  background-color: #fff;
  color: #000;
}

.alert-solid.alert-gray-dark {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}

.alert-outline.alert-gray-dark {
  color: #343a40;
}

.alert-border-left.alert-gray-dark {
  border-left-color: #343a40;
}

.alert-top-border.alert-gray-dark {
  border-top-color: #343a40;
}

.rounded-label.alert-gray-dark .label-icon {
  background-color: #343a40;
  color: #fff;
}

.label-arrow.alert-gray-dark .label-icon {
  color: #fff;
  background-color: #343a40;
}
.label-arrow.alert-gray-dark .label-icon:after {
  border-left-color: #343a40 !important;
}

.alert-additional.alert-gray-dark .alert-content {
  background-color: #343a40;
  color: #fff;
}

.alert-dismissible .btn-close {
  background: transparent !important;
}
.alert-dismissible .btn-close::after {
  background: transparent !important;
  content: "\f0156" !important;
  font-size: 18px;
  line-height: 15px;
  font-family: "Material Design Icons" !important;
}

.alert-outline.alert-dark {
  color: #000;
}

.bg-soft-primary {
  background-color: rgba(0, 61, 155, 0.18) !important;
}

.bg-soft-secondary {
  background-color: rgba(2, 134, 199, 0.18) !important;
}

.bg-soft-success {
  background-color: rgba(69, 203, 133, 0.18) !important;
}

.bg-soft-info {
  background-color: rgba(41, 156, 219, 0.18) !important;
}

.bg-soft-warning {
  background-color: rgba(255, 190, 11, 0.18) !important;
}

.bg-soft-danger {
  background-color: rgba(240, 101, 72, 0.18) !important;
}

.bg-soft-light {
  background-color: rgba(243, 246, 249, 0.18) !important;
}

.bg-soft-dark {
  background-color: rgba(0, 0, 0, 0.18) !important;
}

.bg-soft-gray {
  background-color: rgba(135, 138, 153, 0.18) !important;
}

.bg-soft-important {
  background-color: rgba(237, 33, 58, 0.18) !important;
}

.bg-soft-dark-green {
  background-color: rgba(30, 126, 51, 0.18) !important;
}

.bg-soft-blue {
  background-color: rgba(53, 119, 241, 0.18) !important;
}

.bg-soft-indigo {
  background-color: rgba(75, 56, 179, 0.18) !important;
}

.bg-soft-purple {
  background-color: rgba(101, 89, 204, 0.18) !important;
}

.bg-soft-pink {
  background-color: rgba(246, 114, 167, 0.18) !important;
}

.bg-soft-red {
  background-color: rgba(240, 101, 72, 0.18) !important;
}

.bg-soft-orange {
  background-color: rgba(241, 150, 59, 0.18) !important;
}

.bg-soft-yellow {
  background-color: rgba(255, 190, 11, 0.18) !important;
}

.bg-soft-green {
  background-color: rgba(69, 203, 133, 0.18) !important;
}

.bg-soft-teal {
  background-color: rgba(2, 168, 181, 0.18) !important;
}

.bg-soft-cyan {
  background-color: rgba(41, 156, 219, 0.18) !important;
}

.bg-soft-white {
  background-color: rgba(255, 255, 255, 0.18) !important;
}

.bg-soft-gray-dark {
  background-color: rgba(52, 58, 64, 0.18) !important;
}

.bg-soft-dark {
  background-color: rgba(52, 58, 64, 0.18) !important;
}

.bg-soft-light {
  background-color: rgba(233, 235, 236, 0.18) !important;
}

.bg-unisex {
  background: linear-gradient(135deg, #299cdb 0%, #f672a7 100%);
}

.bg-blue {
  background-color: #3577f1;
}

.bg-indigo {
  background-color: #4b38b3;
}

.bg-purple {
  background-color: #6559cc;
}

.bg-pink {
  background-color: #f672a7;
}

.bg-red {
  background-color: #f06548;
}

.bg-orange {
  background-color: #f1963b;
}

.bg-yellow {
  background-color: #ffbe0b;
}

.bg-green {
  background-color: #45CB85;
}

.bg-teal {
  background-color: #02a8b5;
}

.bg-cyan {
  background-color: #299cdb;
}

.bg-white {
  background-color: #fff;
}

.bg-gray {
  background-color: #878a99;
}

.bg-gray-dark {
  background-color: #343a40;
}

.badge-outline-primary {
  color: #003d9b;
  border: 1px solid #003d9b;
  background-color: transparent;
}

.badge-outline-secondary {
  color: #0286c7;
  border: 1px solid #0286c7;
  background-color: transparent;
}

.badge-outline-success {
  color: #45CB85;
  border: 1px solid #45CB85;
  background-color: transparent;
}

.badge-outline-info {
  color: #299cdb;
  border: 1px solid #299cdb;
  background-color: transparent;
}

.badge-outline-warning {
  color: #ffbe0b;
  border: 1px solid #ffbe0b;
  background-color: transparent;
}

.badge-outline-danger {
  color: #f06548;
  border: 1px solid #f06548;
  background-color: transparent;
}

.badge-outline-light {
  color: #f3f6f9;
  border: 1px solid #f3f6f9;
  background-color: transparent;
}

.badge-outline-dark {
  color: #000;
  border: 1px solid #000;
  background-color: transparent;
}

.badge-outline-gray {
  color: #878a99;
  border: 1px solid #878a99;
  background-color: transparent;
}

.badge-outline-important {
  color: #ed213a;
  border: 1px solid #ed213a;
  background-color: transparent;
}

.badge-outline-dark-green {
  color: #1e7e33;
  border: 1px solid #1e7e33;
  background-color: transparent;
}

.badge-outline-blue {
  color: #3577f1;
  border: 1px solid #3577f1;
  background-color: transparent;
}

.badge-outline-indigo {
  color: #4b38b3;
  border: 1px solid #4b38b3;
  background-color: transparent;
}

.badge-outline-purple {
  color: #6559cc;
  border: 1px solid #6559cc;
  background-color: transparent;
}

.badge-outline-pink {
  color: #f672a7;
  border: 1px solid #f672a7;
  background-color: transparent;
}

.badge-outline-red {
  color: #f06548;
  border: 1px solid #f06548;
  background-color: transparent;
}

.badge-outline-orange {
  color: #f1963b;
  border: 1px solid #f1963b;
  background-color: transparent;
}

.badge-outline-yellow {
  color: #ffbe0b;
  border: 1px solid #ffbe0b;
  background-color: transparent;
}

.badge-outline-green {
  color: #45CB85;
  border: 1px solid #45CB85;
  background-color: transparent;
}

.badge-outline-teal {
  color: #02a8b5;
  border: 1px solid #02a8b5;
  background-color: transparent;
}

.badge-outline-cyan {
  color: #299cdb;
  border: 1px solid #299cdb;
  background-color: transparent;
}

.badge-outline-white {
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
}

.badge-outline-gray-dark {
  color: #343a40;
  border: 1px solid #343a40;
  background-color: transparent;
}

.badge-outline {
  background-color: #fff;
  border: 1px solid;
}

.badge-soft-primary {
  color: #003d9b;
  background-color: rgba(0, 61, 155, 0.1);
}

.badge-outline.badge-primary {
  color: #003d9b;
  border: 1px solid #003d9b;
  background-color: transparent;
}

.badge-label.bg-primary:before {
  border-right-color: #003d9b;
}

.badge-soft-secondary {
  color: #0286c7;
  background-color: rgba(2, 134, 199, 0.1);
}

.badge-outline.badge-secondary {
  color: #0286c7;
  border: 1px solid #0286c7;
  background-color: transparent;
}

.badge-label.bg-secondary:before {
  border-right-color: #0286c7;
}

.badge-soft-success {
  color: #45CB85;
  background-color: rgba(69, 203, 133, 0.1);
}

.badge-outline.badge-success {
  color: #45CB85;
  border: 1px solid #45CB85;
  background-color: transparent;
}

.badge-label.bg-success:before {
  border-right-color: #45CB85;
}

.badge-soft-info {
  color: #299cdb;
  background-color: rgba(41, 156, 219, 0.1);
}

.badge-outline.badge-info {
  color: #299cdb;
  border: 1px solid #299cdb;
  background-color: transparent;
}

.badge-label.bg-info:before {
  border-right-color: #299cdb;
}

.badge-soft-warning {
  color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.1);
}

.badge-outline.badge-warning {
  color: #ffbe0b;
  border: 1px solid #ffbe0b;
  background-color: transparent;
}

.badge-label.bg-warning:before {
  border-right-color: #ffbe0b;
}

.badge-soft-danger {
  color: #f06548;
  background-color: rgba(240, 101, 72, 0.1);
}

.badge-outline.badge-danger {
  color: #f06548;
  border: 1px solid #f06548;
  background-color: transparent;
}

.badge-label.bg-danger:before {
  border-right-color: #f06548;
}

.badge-soft-light {
  color: #f3f6f9;
  background-color: rgba(243, 246, 249, 0.1);
}

.badge-outline.badge-light {
  color: #f3f6f9;
  border: 1px solid #f3f6f9;
  background-color: transparent;
}

.badge-label.bg-light:before {
  border-right-color: #f3f6f9;
}

.badge-soft-dark {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.badge-outline.badge-dark {
  color: #000;
  border: 1px solid #000;
  background-color: transparent;
}

.badge-label.bg-dark:before {
  border-right-color: #000;
}

.badge-soft-gray {
  color: #878a99;
  background-color: rgba(135, 138, 153, 0.1);
}

.badge-outline.badge-gray {
  color: #878a99;
  border: 1px solid #878a99;
  background-color: transparent;
}

.badge-label.bg-gray:before {
  border-right-color: #878a99;
}

.badge-soft-important {
  color: #ed213a;
  background-color: rgba(237, 33, 58, 0.1);
}

.badge-outline.badge-important {
  color: #ed213a;
  border: 1px solid #ed213a;
  background-color: transparent;
}

.badge-label.bg-important:before {
  border-right-color: #ed213a;
}

.badge-soft-dark-green {
  color: #1e7e33;
  background-color: rgba(30, 126, 51, 0.1);
}

.badge-outline.badge-dark-green {
  color: #1e7e33;
  border: 1px solid #1e7e33;
  background-color: transparent;
}

.badge-label.bg-dark-green:before {
  border-right-color: #1e7e33;
}

.badge-soft-blue {
  color: #3577f1;
  background-color: rgba(53, 119, 241, 0.1);
}

.badge-outline.badge-blue {
  color: #3577f1;
  border: 1px solid #3577f1;
  background-color: transparent;
}

.badge-label.bg-blue:before {
  border-right-color: #3577f1;
}

.badge-soft-indigo {
  color: #4b38b3;
  background-color: rgba(75, 56, 179, 0.1);
}

.badge-outline.badge-indigo {
  color: #4b38b3;
  border: 1px solid #4b38b3;
  background-color: transparent;
}

.badge-label.bg-indigo:before {
  border-right-color: #4b38b3;
}

.badge-soft-purple {
  color: #6559cc;
  background-color: rgba(101, 89, 204, 0.1);
}

.badge-outline.badge-purple {
  color: #6559cc;
  border: 1px solid #6559cc;
  background-color: transparent;
}

.badge-label.bg-purple:before {
  border-right-color: #6559cc;
}

.badge-soft-pink {
  color: #f672a7;
  background-color: rgba(246, 114, 167, 0.1);
}

.badge-outline.badge-pink {
  color: #f672a7;
  border: 1px solid #f672a7;
  background-color: transparent;
}

.badge-label.bg-pink:before {
  border-right-color: #f672a7;
}

.badge-soft-red {
  color: #f06548;
  background-color: rgba(240, 101, 72, 0.1);
}

.badge-outline.badge-red {
  color: #f06548;
  border: 1px solid #f06548;
  background-color: transparent;
}

.badge-label.bg-red:before {
  border-right-color: #f06548;
}

.badge-soft-orange {
  color: #f1963b;
  background-color: rgba(241, 150, 59, 0.1);
}

.badge-outline.badge-orange {
  color: #f1963b;
  border: 1px solid #f1963b;
  background-color: transparent;
}

.badge-label.bg-orange:before {
  border-right-color: #f1963b;
}

.badge-soft-yellow {
  color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.1);
}

.badge-outline.badge-yellow {
  color: #ffbe0b;
  border: 1px solid #ffbe0b;
  background-color: transparent;
}

.badge-label.bg-yellow:before {
  border-right-color: #ffbe0b;
}

.badge-soft-green {
  color: #45CB85;
  background-color: rgba(69, 203, 133, 0.1);
}

.badge-outline.badge-green {
  color: #45CB85;
  border: 1px solid #45CB85;
  background-color: transparent;
}

.badge-label.bg-green:before {
  border-right-color: #45CB85;
}

.badge-soft-teal {
  color: #02a8b5;
  background-color: rgba(2, 168, 181, 0.1);
}

.badge-outline.badge-teal {
  color: #02a8b5;
  border: 1px solid #02a8b5;
  background-color: transparent;
}

.badge-label.bg-teal:before {
  border-right-color: #02a8b5;
}

.badge-soft-cyan {
  color: #299cdb;
  background-color: rgba(41, 156, 219, 0.1);
}

.badge-outline.badge-cyan {
  color: #299cdb;
  border: 1px solid #299cdb;
  background-color: transparent;
}

.badge-label.bg-cyan:before {
  border-right-color: #299cdb;
}

.badge-soft-white {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.badge-outline.badge-white {
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
}

.badge-label.bg-white:before {
  border-right-color: #fff;
}

.badge-soft-gray-dark {
  color: #343a40;
  background-color: rgba(52, 58, 64, 0.1);
}

.badge-outline.badge-gray-dark {
  color: #343a40;
  border: 1px solid #343a40;
  background-color: transparent;
}

.badge-label.bg-gray-dark:before {
  border-right-color: #343a40;
}

.badge-border {
  border-left: 2px solid;
}

.badge-label {
  margin-left: 8px;
  position: relative;
}
.badge-label:before {
  content: "";
  position: absolute;
  border: 8px solid transparent;
  border-right-color: #003d9b;
  left: -14px;
  top: 0;
}

.badge-gradient-primary {
  background: linear-gradient(135deg, #003d9b 0%, #45CB85 100%);
}

.badge-gradient-secondary {
  background: linear-gradient(135deg, #0286c7 0%, #299cdb 100%);
}

.badge-gradient-success {
  background: linear-gradient(135deg, #45CB85 0%, #ffbe0b 100%);
}

.badge-gradient-danger {
  background: linear-gradient(135deg, #f06548 0%, #0286c7 100%);
}

.badge-gradient-warning {
  background: linear-gradient(135deg, #ffbe0b 0%, #be8b00 100%);
}

.badge-gradient-info {
  background: linear-gradient(135deg, #299cdb 0%, #45CB85 100%);
}

.badge-gradient-dark {
  background: linear-gradient(135deg, #000 0%, #003d9b 100%);
}

button, a {
  outline: none !important;
  position: relative;
}

.btn {
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
  font-weight: bold;
  text-transform: uppercase;
}

.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  border-color: transparent;
}

.btn-rounded {
  border-radius: 30px;
}

.btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: calc(1rem + 1.5em + 2px);
  width: calc(1rem + 1.5em + 2px);
  padding: 0;
}
.btn-icon i, .btn-icon svg, .btn-icon img {
  vertical-align: middle;
}
.btn-icon.btn-sm {
  height: calc(0.6rem + 1.5em + 2px);
  width: calc(0.6rem + 1.5em + 2px);
}
.btn-icon.btn-lg {
  height: calc(1.4rem + 1.5em + 2px);
  width: calc(1.4rem + 1.5em + 2px);
}

.btn-soft-primary {
  --btn-color: #003d9b;
  --btn-bg: rgba(0, 61, 155, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #00378c;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 0, 61, 155;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #00317c;
  --btn-active-border-color: transparent;
}

.btn-soft-secondary {
  --btn-color: #0286c7;
  --btn-bg: rgba(2, 134, 199, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #0279b3;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 2, 134, 199;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #026b9f;
  --btn-active-border-color: transparent;
}

.btn-soft-success {
  --btn-color: #45CB85;
  --btn-bg: rgba(69, 203, 133, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #3eb778;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 69, 203, 133;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #37a26a;
  --btn-active-border-color: transparent;
}

.btn-soft-info {
  --btn-color: #299cdb;
  --btn-bg: rgba(41, 156, 219, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #258cc5;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 41, 156, 219;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #217daf;
  --btn-active-border-color: transparent;
}

.btn-soft-warning {
  --btn-color: #ffbe0b;
  --btn-bg: rgba(255, 190, 11, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #e6ab0a;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 255, 190, 11;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #cc9809;
  --btn-active-border-color: transparent;
}

.btn-soft-danger {
  --btn-color: #f06548;
  --btn-bg: rgba(240, 101, 72, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #d85b41;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 240, 101, 72;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #c0513a;
  --btn-active-border-color: transparent;
}

.btn-soft-light {
  --btn-color: #f3f6f9;
  --btn-bg: rgba(243, 246, 249, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #dbdde0;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 243, 246, 249;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #c2c5c7;
  --btn-active-border-color: transparent;
}

.btn-soft-dark {
  --btn-color: #000;
  --btn-bg: rgba(0, 0, 0, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: black;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 0, 0, 0;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: black;
  --btn-active-border-color: transparent;
}

.btn-soft-gray {
  --btn-color: #878a99;
  --btn-bg: rgba(135, 138, 153, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #7a7c8a;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 135, 138, 153;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #6c6e7a;
  --btn-active-border-color: transparent;
}

.btn-soft-important {
  --btn-color: #ed213a;
  --btn-bg: rgba(237, 33, 58, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #d51e34;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 237, 33, 58;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #be1a2e;
  --btn-active-border-color: transparent;
}

.btn-soft-dark-green {
  --btn-color: #1e7e33;
  --btn-bg: rgba(30, 126, 51, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #1b712e;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 30, 126, 51;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #186529;
  --btn-active-border-color: transparent;
}

.btn-soft-blue {
  --btn-color: #3577f1;
  --btn-bg: rgba(53, 119, 241, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #306bd9;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 53, 119, 241;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #2a5fc1;
  --btn-active-border-color: transparent;
}

.btn-soft-indigo {
  --btn-color: #4b38b3;
  --btn-bg: rgba(75, 56, 179, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #4432a1;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 75, 56, 179;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #3c2d8f;
  --btn-active-border-color: transparent;
}

.btn-soft-purple {
  --btn-color: #6559cc;
  --btn-bg: rgba(101, 89, 204, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #5b50b8;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 101, 89, 204;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #5147a3;
  --btn-active-border-color: transparent;
}

.btn-soft-pink {
  --btn-color: #f672a7;
  --btn-bg: rgba(246, 114, 167, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #dd6796;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 246, 114, 167;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #c55b86;
  --btn-active-border-color: transparent;
}

.btn-soft-red {
  --btn-color: #f06548;
  --btn-bg: rgba(240, 101, 72, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #d85b41;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 240, 101, 72;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #c0513a;
  --btn-active-border-color: transparent;
}

.btn-soft-orange {
  --btn-color: #f1963b;
  --btn-bg: rgba(241, 150, 59, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #d98735;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 241, 150, 59;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #c1782f;
  --btn-active-border-color: transparent;
}

.btn-soft-yellow {
  --btn-color: #ffbe0b;
  --btn-bg: rgba(255, 190, 11, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #e6ab0a;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 255, 190, 11;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #cc9809;
  --btn-active-border-color: transparent;
}

.btn-soft-green {
  --btn-color: #45CB85;
  --btn-bg: rgba(69, 203, 133, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #3eb778;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 69, 203, 133;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #37a26a;
  --btn-active-border-color: transparent;
}

.btn-soft-teal {
  --btn-color: #02a8b5;
  --btn-bg: rgba(2, 168, 181, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #0297a3;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 2, 168, 181;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #028691;
  --btn-active-border-color: transparent;
}

.btn-soft-cyan {
  --btn-color: #299cdb;
  --btn-bg: rgba(41, 156, 219, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #258cc5;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 41, 156, 219;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #217daf;
  --btn-active-border-color: transparent;
}

.btn-soft-white {
  --btn-color: #fff;
  --btn-bg: rgba(255, 255, 255, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #e6e6e6;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 255, 255, 255;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #cccccc;
  --btn-active-border-color: transparent;
}

.btn-soft-gray-dark {
  --btn-color: #343a40;
  --btn-bg: rgba(52, 58, 64, 0.1);
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: #2f343a;
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 52, 58, 64;
  --btn-active-color: var(--btn-hover-color);
  --btn-active-bg: #2a2e33;
  --btn-active-border-color: transparent;
}

.btn-ghost-primary {
  --btn-color: #003d9b;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #003d9b;
  --btn-hover-bg: rgba(0, 61, 155, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 0, 61, 155;
  --btn-active-color: #003d9b;
  --btn-active-bg: rgba(0, 61, 155, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-secondary {
  --btn-color: #0286c7;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #0286c7;
  --btn-hover-bg: rgba(2, 134, 199, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 2, 134, 199;
  --btn-active-color: #0286c7;
  --btn-active-bg: rgba(2, 134, 199, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-success {
  --btn-color: #45CB85;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #45CB85;
  --btn-hover-bg: rgba(69, 203, 133, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 69, 203, 133;
  --btn-active-color: #45CB85;
  --btn-active-bg: rgba(69, 203, 133, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-info {
  --btn-color: #299cdb;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #299cdb;
  --btn-hover-bg: rgba(41, 156, 219, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 41, 156, 219;
  --btn-active-color: #299cdb;
  --btn-active-bg: rgba(41, 156, 219, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-warning {
  --btn-color: #ffbe0b;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #ffbe0b;
  --btn-hover-bg: rgba(255, 190, 11, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 255, 190, 11;
  --btn-active-color: #ffbe0b;
  --btn-active-bg: rgba(255, 190, 11, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-danger {
  --btn-color: #f06548;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #f06548;
  --btn-hover-bg: rgba(240, 101, 72, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 240, 101, 72;
  --btn-active-color: #f06548;
  --btn-active-bg: rgba(240, 101, 72, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-light {
  --btn-color: #f3f6f9;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #f3f6f9;
  --btn-hover-bg: rgba(243, 246, 249, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 243, 246, 249;
  --btn-active-color: #f3f6f9;
  --btn-active-bg: rgba(243, 246, 249, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-dark {
  --btn-color: #000;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #000;
  --btn-hover-bg: rgba(0, 0, 0, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 0, 0, 0;
  --btn-active-color: #000;
  --btn-active-bg: rgba(0, 0, 0, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-gray {
  --btn-color: #878a99;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #878a99;
  --btn-hover-bg: rgba(135, 138, 153, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 135, 138, 153;
  --btn-active-color: #878a99;
  --btn-active-bg: rgba(135, 138, 153, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-important {
  --btn-color: #ed213a;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #ed213a;
  --btn-hover-bg: rgba(237, 33, 58, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 237, 33, 58;
  --btn-active-color: #ed213a;
  --btn-active-bg: rgba(237, 33, 58, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-dark-green {
  --btn-color: #1e7e33;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #1e7e33;
  --btn-hover-bg: rgba(30, 126, 51, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 30, 126, 51;
  --btn-active-color: #1e7e33;
  --btn-active-bg: rgba(30, 126, 51, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-blue {
  --btn-color: #3577f1;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #3577f1;
  --btn-hover-bg: rgba(53, 119, 241, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 53, 119, 241;
  --btn-active-color: #3577f1;
  --btn-active-bg: rgba(53, 119, 241, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-indigo {
  --btn-color: #4b38b3;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #4b38b3;
  --btn-hover-bg: rgba(75, 56, 179, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 75, 56, 179;
  --btn-active-color: #4b38b3;
  --btn-active-bg: rgba(75, 56, 179, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-purple {
  --btn-color: #6559cc;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #6559cc;
  --btn-hover-bg: rgba(101, 89, 204, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 101, 89, 204;
  --btn-active-color: #6559cc;
  --btn-active-bg: rgba(101, 89, 204, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-pink {
  --btn-color: #f672a7;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #f672a7;
  --btn-hover-bg: rgba(246, 114, 167, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 246, 114, 167;
  --btn-active-color: #f672a7;
  --btn-active-bg: rgba(246, 114, 167, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-red {
  --btn-color: #f06548;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #f06548;
  --btn-hover-bg: rgba(240, 101, 72, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 240, 101, 72;
  --btn-active-color: #f06548;
  --btn-active-bg: rgba(240, 101, 72, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-orange {
  --btn-color: #f1963b;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #f1963b;
  --btn-hover-bg: rgba(241, 150, 59, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 241, 150, 59;
  --btn-active-color: #f1963b;
  --btn-active-bg: rgba(241, 150, 59, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-yellow {
  --btn-color: #ffbe0b;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #ffbe0b;
  --btn-hover-bg: rgba(255, 190, 11, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 255, 190, 11;
  --btn-active-color: #ffbe0b;
  --btn-active-bg: rgba(255, 190, 11, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-green {
  --btn-color: #45CB85;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #45CB85;
  --btn-hover-bg: rgba(69, 203, 133, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 69, 203, 133;
  --btn-active-color: #45CB85;
  --btn-active-bg: rgba(69, 203, 133, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-teal {
  --btn-color: #02a8b5;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #02a8b5;
  --btn-hover-bg: rgba(2, 168, 181, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 2, 168, 181;
  --btn-active-color: #02a8b5;
  --btn-active-bg: rgba(2, 168, 181, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-cyan {
  --btn-color: #299cdb;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #299cdb;
  --btn-hover-bg: rgba(41, 156, 219, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 41, 156, 219;
  --btn-active-color: #299cdb;
  --btn-active-bg: rgba(41, 156, 219, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-white {
  --btn-color: #fff;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #fff;
  --btn-hover-bg: rgba(255, 255, 255, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 255, 255, 255;
  --btn-active-color: #fff;
  --btn-active-bg: rgba(255, 255, 255, 0.1);
  --btn-active-border-color: transparent;
}

.btn-ghost-gray-dark {
  --btn-color: #343a40;
  --btn-bg: transparent;
  --btn-border-color: transparent;
  --btn-hover-color: #343a40;
  --btn-hover-bg: rgba(52, 58, 64, 0.1);
  --btn-hover-border-color: transparent;
  --btn-focus-shadow-rgb: 52, 58, 64;
  --btn-active-color: #343a40;
  --btn-active-bg: rgba(52, 58, 64, 0.1);
  --btn-active-border-color: transparent;
}

.btn-label {
  position: relative;
  padding-left: 44px;
}
.btn-label .label-icon {
  position: absolute;
  width: 35.5px;
  left: -1px;
  top: -1px;
  bottom: -1px;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-label.btn-light .label-icon {
  background-color: rgba(0, 0, 0, 0.05);
}
.btn-label.right {
  padding-left: 0.9rem;
  padding-right: 44px;
}
.btn-label.right .label-icon {
  right: -1px;
  left: auto;
}

.btn-animation {
  overflow: hidden;
  transition: border-color 0.3s, background-color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-animation::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  padding: 0.5rem 0.9rem;
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-animation > span {
  display: block;
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-animation:hover::after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.btn-animation:hover > span {
  opacity: 0;
  transform: translate3d(0, -25%, 0);
}

.btn-primary.btn-animation {
  background-color: #003d9b;
  border-color: #003d9b !important;
}
.btn-primary.btn-animation:hover, .btn-primary.btn-animation:focus, .btn-primary.btn-animation:active, .btn-primary.btn-animation:focus-visible {
  color: #003d9b;
  background-color: rgba(0, 61, 155, 0.1);
}

.btn-secondary.btn-animation {
  background-color: #0286c7;
  border-color: #0286c7 !important;
}
.btn-secondary.btn-animation:hover, .btn-secondary.btn-animation:focus, .btn-secondary.btn-animation:active, .btn-secondary.btn-animation:focus-visible {
  color: #0286c7;
  background-color: rgba(2, 134, 199, 0.1);
}

.btn-success.btn-animation {
  background-color: #45CB85;
  border-color: #45CB85 !important;
}
.btn-success.btn-animation:hover, .btn-success.btn-animation:focus, .btn-success.btn-animation:active, .btn-success.btn-animation:focus-visible {
  color: #45CB85;
  background-color: rgba(69, 203, 133, 0.1);
}

.btn-info.btn-animation {
  background-color: #299cdb;
  border-color: #299cdb !important;
}
.btn-info.btn-animation:hover, .btn-info.btn-animation:focus, .btn-info.btn-animation:active, .btn-info.btn-animation:focus-visible {
  color: #299cdb;
  background-color: rgba(41, 156, 219, 0.1);
}

.btn-warning.btn-animation {
  background-color: #ffbe0b;
  border-color: #ffbe0b !important;
}
.btn-warning.btn-animation:hover, .btn-warning.btn-animation:focus, .btn-warning.btn-animation:active, .btn-warning.btn-animation:focus-visible {
  color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.1);
}

.btn-danger.btn-animation {
  background-color: #f06548;
  border-color: #f06548 !important;
}
.btn-danger.btn-animation:hover, .btn-danger.btn-animation:focus, .btn-danger.btn-animation:active, .btn-danger.btn-animation:focus-visible {
  color: #f06548;
  background-color: rgba(240, 101, 72, 0.1);
}

.btn-light.btn-animation {
  background-color: #f3f6f9;
  border-color: #f3f6f9 !important;
}
.btn-light.btn-animation:hover, .btn-light.btn-animation:focus, .btn-light.btn-animation:active, .btn-light.btn-animation:focus-visible {
  color: #f3f6f9;
  background-color: rgba(243, 246, 249, 0.1);
}

.btn-dark.btn-animation {
  background-color: #000;
  border-color: #000 !important;
}
.btn-dark.btn-animation:hover, .btn-dark.btn-animation:focus, .btn-dark.btn-animation:active, .btn-dark.btn-animation:focus-visible {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.btn-gray.btn-animation {
  background-color: #878a99;
  border-color: #878a99 !important;
}
.btn-gray.btn-animation:hover, .btn-gray.btn-animation:focus, .btn-gray.btn-animation:active, .btn-gray.btn-animation:focus-visible {
  color: #878a99;
  background-color: rgba(135, 138, 153, 0.1);
}

.btn-important.btn-animation {
  background-color: #ed213a;
  border-color: #ed213a !important;
}
.btn-important.btn-animation:hover, .btn-important.btn-animation:focus, .btn-important.btn-animation:active, .btn-important.btn-animation:focus-visible {
  color: #ed213a;
  background-color: rgba(237, 33, 58, 0.1);
}

.btn-dark-green.btn-animation {
  background-color: #1e7e33;
  border-color: #1e7e33 !important;
}
.btn-dark-green.btn-animation:hover, .btn-dark-green.btn-animation:focus, .btn-dark-green.btn-animation:active, .btn-dark-green.btn-animation:focus-visible {
  color: #1e7e33;
  background-color: rgba(30, 126, 51, 0.1);
}

.btn-blue.btn-animation {
  background-color: #3577f1;
  border-color: #3577f1 !important;
}
.btn-blue.btn-animation:hover, .btn-blue.btn-animation:focus, .btn-blue.btn-animation:active, .btn-blue.btn-animation:focus-visible {
  color: #3577f1;
  background-color: rgba(53, 119, 241, 0.1);
}

.btn-indigo.btn-animation {
  background-color: #4b38b3;
  border-color: #4b38b3 !important;
}
.btn-indigo.btn-animation:hover, .btn-indigo.btn-animation:focus, .btn-indigo.btn-animation:active, .btn-indigo.btn-animation:focus-visible {
  color: #4b38b3;
  background-color: rgba(75, 56, 179, 0.1);
}

.btn-purple.btn-animation {
  background-color: #6559cc;
  border-color: #6559cc !important;
}
.btn-purple.btn-animation:hover, .btn-purple.btn-animation:focus, .btn-purple.btn-animation:active, .btn-purple.btn-animation:focus-visible {
  color: #6559cc;
  background-color: rgba(101, 89, 204, 0.1);
}

.btn-pink.btn-animation {
  background-color: #f672a7;
  border-color: #f672a7 !important;
}
.btn-pink.btn-animation:hover, .btn-pink.btn-animation:focus, .btn-pink.btn-animation:active, .btn-pink.btn-animation:focus-visible {
  color: #f672a7;
  background-color: rgba(246, 114, 167, 0.1);
}

.btn-red.btn-animation {
  background-color: #f06548;
  border-color: #f06548 !important;
}
.btn-red.btn-animation:hover, .btn-red.btn-animation:focus, .btn-red.btn-animation:active, .btn-red.btn-animation:focus-visible {
  color: #f06548;
  background-color: rgba(240, 101, 72, 0.1);
}

.btn-orange.btn-animation {
  background-color: #f1963b;
  border-color: #f1963b !important;
}
.btn-orange.btn-animation:hover, .btn-orange.btn-animation:focus, .btn-orange.btn-animation:active, .btn-orange.btn-animation:focus-visible {
  color: #f1963b;
  background-color: rgba(241, 150, 59, 0.1);
}

.btn-yellow.btn-animation {
  background-color: #ffbe0b;
  border-color: #ffbe0b !important;
}
.btn-yellow.btn-animation:hover, .btn-yellow.btn-animation:focus, .btn-yellow.btn-animation:active, .btn-yellow.btn-animation:focus-visible {
  color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.1);
}

.btn-green.btn-animation {
  background-color: #45CB85;
  border-color: #45CB85 !important;
}
.btn-green.btn-animation:hover, .btn-green.btn-animation:focus, .btn-green.btn-animation:active, .btn-green.btn-animation:focus-visible {
  color: #45CB85;
  background-color: rgba(69, 203, 133, 0.1);
}

.btn-teal.btn-animation {
  background-color: #02a8b5;
  border-color: #02a8b5 !important;
}
.btn-teal.btn-animation:hover, .btn-teal.btn-animation:focus, .btn-teal.btn-animation:active, .btn-teal.btn-animation:focus-visible {
  color: #02a8b5;
  background-color: rgba(2, 168, 181, 0.1);
}

.btn-cyan.btn-animation {
  background-color: #299cdb;
  border-color: #299cdb !important;
}
.btn-cyan.btn-animation:hover, .btn-cyan.btn-animation:focus, .btn-cyan.btn-animation:active, .btn-cyan.btn-animation:focus-visible {
  color: #299cdb;
  background-color: rgba(41, 156, 219, 0.1);
}

.btn-white.btn-animation {
  background-color: #fff;
  border-color: #fff !important;
}
.btn-white.btn-animation:hover, .btn-white.btn-animation:focus, .btn-white.btn-animation:active, .btn-white.btn-animation:focus-visible {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.btn-gray-dark.btn-animation {
  background-color: #343a40;
  border-color: #343a40 !important;
}
.btn-gray-dark.btn-animation:hover, .btn-gray-dark.btn-animation:focus, .btn-gray-dark.btn-animation:active, .btn-gray-dark.btn-animation:focus-visible {
  color: #343a40;
  background-color: rgba(52, 58, 64, 0.1);
}

.btn-group-vertical label {
  margin-bottom: 0;
}

.btn-group.radio .btn {
  border: none;
}
.btn-group.radio .btn-check:active + .btn-light,
.btn-group.radio .btn-check:checked + .btn-light,
.btn-group.radio .btn-light.active,
.btn-group.radio .btn-light.dropdown-toggle.show,
.btn-group.radio .btn-light:active {
  background-color: rgba(41, 156, 219, 0.2);
  color: #299cdb;
}

.btn-load .spinner-border,
.btn-load .spinner-grow {
  height: 19px;
  width: 19px;
}

.btn-primary.btn-border,
.btn-outline-primary.btn-border,
.btn-soft-primary.btn-border {
  border-bottom: 2px solid #002d72;
}

.btn-secondary.btn-border,
.btn-outline-secondary.btn-border,
.btn-soft-secondary.btn-border {
  border-bottom: 2px solid #026b9f;
}

.btn-success.btn-border,
.btn-outline-success.btn-border,
.btn-soft-success.btn-border {
  border-bottom: 2px solid #33b571;
}

.btn-info.btn-border,
.btn-outline-info.btn-border,
.btn-soft-info.btn-border {
  border-bottom: 2px solid #2084bc;
}

.btn-warning.btn-border,
.btn-outline-warning.btn-border,
.btn-soft-warning.btn-border {
  border-bottom: 2px solid #e1a500;
}

.btn-danger.btn-border,
.btn-outline-danger.btn-border,
.btn-soft-danger.btn-border {
  border-bottom: 2px solid #ed4522;
}

.btn-light.btn-border,
.btn-outline-light.btn-border,
.btn-soft-light.btn-border {
  border-bottom: 2px solid #d8e2eb;
}

.btn-dark.btn-border,
.btn-outline-dark.btn-border,
.btn-soft-dark.btn-border {
  border-bottom: 2px solid black;
}

.btn-gray.btn-border,
.btn-outline-gray.btn-border,
.btn-soft-gray.btn-border {
  border-bottom: 2px solid #727586;
}

.btn-important.btn-border,
.btn-outline-important.btn-border,
.btn-soft-important.btn-border {
  border-bottom: 2px solid #d41129;
}

.btn-dark-green.btn-border,
.btn-outline-dark-green.btn-border,
.btn-soft-dark-green.btn-border {
  border-bottom: 2px solid #165d26;
}

.btn-blue.btn-border,
.btn-outline-blue.btn-border,
.btn-soft-blue.btn-border {
  border-bottom: 2px solid #105eed;
}

.btn-indigo.btn-border,
.btn-outline-indigo.btn-border,
.btn-soft-indigo.btn-border {
  border-bottom: 2px solid #3e2e94;
}

.btn-purple.btn-border,
.btn-outline-purple.btn-border,
.btn-soft-purple.btn-border {
  border-bottom: 2px solid #493bc1;
}

.btn-pink.btn-border,
.btn-outline-pink.btn-border,
.btn-soft-pink.btn-border {
  border-bottom: 2px solid #f44c8f;
}

.btn-red.btn-border,
.btn-outline-red.btn-border,
.btn-soft-red.btn-border {
  border-bottom: 2px solid #ed4522;
}

.btn-orange.btn-border,
.btn-outline-orange.btn-border,
.btn-soft-orange.btn-border {
  border-bottom: 2px solid #ee8215;
}

.btn-yellow.btn-border,
.btn-outline-yellow.btn-border,
.btn-soft-yellow.btn-border {
  border-bottom: 2px solid #e1a500;
}

.btn-green.btn-border,
.btn-outline-green.btn-border,
.btn-soft-green.btn-border {
  border-bottom: 2px solid #33b571;
}

.btn-teal.btn-border,
.btn-outline-teal.btn-border,
.btn-soft-teal.btn-border {
  border-bottom: 2px solid #02838d;
}

.btn-cyan.btn-border,
.btn-outline-cyan.btn-border,
.btn-soft-cyan.btn-border {
  border-bottom: 2px solid #2084bc;
}

.btn-white.btn-border,
.btn-outline-white.btn-border,
.btn-soft-white.btn-border {
  border-bottom: 2px solid #ebebeb;
}

.btn-gray-dark.btn-border,
.btn-outline-gray-dark.btn-border,
.btn-soft-gray-dark.btn-border {
  border-bottom: 2px solid #222629;
}

.btn-light:active {
  color: inherit !important;
}

.custom-toggle .icon-off {
  display: none;
}
.custom-toggle.active .icon-on {
  display: none;
}
.custom-toggle.active .icon-off {
  display: block;
}

.breadcrumb-item > a {
  color: #495057;
}
.breadcrumb-item + .breadcrumb-item::before {
  font-family: "Material Design Icons";
  font-size: 15px;
  line-height: 20px;
}

.card {
  margin-bottom: 1.5rem;
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
}

.card-header {
  border-bottom: 1px solid #e9ebec;
}

.card-header-dropdown .dropdown-btn {
  padding: 1rem 0;
}

.card-footer {
  border-top: 1px solid #e9ebec;
}

.card-drop {
  color: #212529;
}

.card-title {
  font-size: 16px;
  margin: 0 0 7px 0;
}

.card-title-desc {
  margin-bottom: 24px;
}

.card-height-100 {
  height: calc(100% - 1.5rem);
}

.card-animate {
  transition: all 0.4s;
}
.card-animate:hover {
  transform: translateY(calc(-1.5rem / 5));
  box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
}

.card-primary {
  color: #fff;
  background-color: #003d9b;
}
.card-primary .card-header, .card-primary .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-primary .card-title {
  color: #fff;
}

.card-secondary {
  color: #fff;
  background-color: #0286c7;
}
.card-secondary .card-header, .card-secondary .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-secondary .card-title {
  color: #fff;
}

.card-success {
  color: #fff;
  background-color: #45CB85;
}
.card-success .card-header, .card-success .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-success .card-title {
  color: #fff;
}

.card-info {
  color: #fff;
  background-color: #299cdb;
}
.card-info .card-header, .card-info .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-info .card-title {
  color: #fff;
}

.card-warning {
  color: #fff;
  background-color: #ffbe0b;
}
.card-warning .card-header, .card-warning .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-warning .card-title {
  color: #fff;
}

.card-danger {
  color: #fff;
  background-color: #f06548;
}
.card-danger .card-header, .card-danger .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-danger .card-title {
  color: #fff;
}

.card-light {
  color: #fff;
  background-color: #f3f6f9;
}
.card-light .card-header, .card-light .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-light .card-title {
  color: #fff;
}

.card-dark {
  color: #fff;
  background-color: #000;
}
.card-dark .card-header, .card-dark .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-dark .card-title {
  color: #fff;
}

.card-gray {
  color: #fff;
  background-color: #878a99;
}
.card-gray .card-header, .card-gray .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-gray .card-title {
  color: #fff;
}

.card-important {
  color: #fff;
  background-color: #ed213a;
}
.card-important .card-header, .card-important .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-important .card-title {
  color: #fff;
}

.card-dark-green {
  color: #fff;
  background-color: #1e7e33;
}
.card-dark-green .card-header, .card-dark-green .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-dark-green .card-title {
  color: #fff;
}

.card-blue {
  color: #fff;
  background-color: #3577f1;
}
.card-blue .card-header, .card-blue .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-blue .card-title {
  color: #fff;
}

.card-indigo {
  color: #fff;
  background-color: #4b38b3;
}
.card-indigo .card-header, .card-indigo .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-indigo .card-title {
  color: #fff;
}

.card-purple {
  color: #fff;
  background-color: #6559cc;
}
.card-purple .card-header, .card-purple .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-purple .card-title {
  color: #fff;
}

.card-pink {
  color: #fff;
  background-color: #f672a7;
}
.card-pink .card-header, .card-pink .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-pink .card-title {
  color: #fff;
}

.card-red {
  color: #fff;
  background-color: #f06548;
}
.card-red .card-header, .card-red .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-red .card-title {
  color: #fff;
}

.card-orange {
  color: #fff;
  background-color: #f1963b;
}
.card-orange .card-header, .card-orange .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-orange .card-title {
  color: #fff;
}

.card-yellow {
  color: #fff;
  background-color: #ffbe0b;
}
.card-yellow .card-header, .card-yellow .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-yellow .card-title {
  color: #fff;
}

.card-green {
  color: #fff;
  background-color: #45CB85;
}
.card-green .card-header, .card-green .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-green .card-title {
  color: #fff;
}

.card-teal {
  color: #fff;
  background-color: #02a8b5;
}
.card-teal .card-header, .card-teal .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-teal .card-title {
  color: #fff;
}

.card-cyan {
  color: #fff;
  background-color: #299cdb;
}
.card-cyan .card-header, .card-cyan .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-cyan .card-title {
  color: #fff;
}

.card-white {
  color: #fff;
  background-color: #fff;
}
.card-white .card-header, .card-white .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-white .card-title {
  color: #fff;
}

.card-gray-dark {
  color: #fff;
  background-color: #343a40;
}
.card-gray-dark .card-header, .card-gray-dark .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: transparent;
}
.card-gray-dark .card-title {
  color: #fff;
}

.card-border-primary {
  border-color: #003d9b !important;
}
.card-border-primary .card-header, .card-border-primary .card-footer {
  border-color: #003d9b;
}

.card-border-secondary {
  border-color: #0286c7 !important;
}
.card-border-secondary .card-header, .card-border-secondary .card-footer {
  border-color: #0286c7;
}

.card-border-success {
  border-color: #45CB85 !important;
}
.card-border-success .card-header, .card-border-success .card-footer {
  border-color: #45CB85;
}

.card-border-info {
  border-color: #299cdb !important;
}
.card-border-info .card-header, .card-border-info .card-footer {
  border-color: #299cdb;
}

.card-border-warning {
  border-color: #ffbe0b !important;
}
.card-border-warning .card-header, .card-border-warning .card-footer {
  border-color: #ffbe0b;
}

.card-border-danger {
  border-color: #f06548 !important;
}
.card-border-danger .card-header, .card-border-danger .card-footer {
  border-color: #f06548;
}

.card-border-light {
  border-color: #f3f6f9 !important;
}
.card-border-light .card-header, .card-border-light .card-footer {
  border-color: #f3f6f9;
}

.card-border-dark {
  border-color: #000 !important;
}
.card-border-dark .card-header, .card-border-dark .card-footer {
  border-color: #000;
}

.card-border-gray {
  border-color: #878a99 !important;
}
.card-border-gray .card-header, .card-border-gray .card-footer {
  border-color: #878a99;
}

.card-border-important {
  border-color: #ed213a !important;
}
.card-border-important .card-header, .card-border-important .card-footer {
  border-color: #ed213a;
}

.card-border-dark-green {
  border-color: #1e7e33 !important;
}
.card-border-dark-green .card-header, .card-border-dark-green .card-footer {
  border-color: #1e7e33;
}

.card-border-blue {
  border-color: #3577f1 !important;
}
.card-border-blue .card-header, .card-border-blue .card-footer {
  border-color: #3577f1;
}

.card-border-indigo {
  border-color: #4b38b3 !important;
}
.card-border-indigo .card-header, .card-border-indigo .card-footer {
  border-color: #4b38b3;
}

.card-border-purple {
  border-color: #6559cc !important;
}
.card-border-purple .card-header, .card-border-purple .card-footer {
  border-color: #6559cc;
}

.card-border-pink {
  border-color: #f672a7 !important;
}
.card-border-pink .card-header, .card-border-pink .card-footer {
  border-color: #f672a7;
}

.card-border-red {
  border-color: #f06548 !important;
}
.card-border-red .card-header, .card-border-red .card-footer {
  border-color: #f06548;
}

.card-border-orange {
  border-color: #f1963b !important;
}
.card-border-orange .card-header, .card-border-orange .card-footer {
  border-color: #f1963b;
}

.card-border-yellow {
  border-color: #ffbe0b !important;
}
.card-border-yellow .card-header, .card-border-yellow .card-footer {
  border-color: #ffbe0b;
}

.card-border-green {
  border-color: #45CB85 !important;
}
.card-border-green .card-header, .card-border-green .card-footer {
  border-color: #45CB85;
}

.card-border-teal {
  border-color: #02a8b5 !important;
}
.card-border-teal .card-header, .card-border-teal .card-footer {
  border-color: #02a8b5;
}

.card-border-cyan {
  border-color: #299cdb !important;
}
.card-border-cyan .card-header, .card-border-cyan .card-footer {
  border-color: #299cdb;
}

.card-border-white {
  border-color: #fff !important;
}
.card-border-white .card-header, .card-border-white .card-footer {
  border-color: #fff;
}

.card-border-gray-dark {
  border-color: #343a40 !important;
}
.card-border-gray-dark .card-header, .card-border-gray-dark .card-footer {
  border-color: #343a40;
}

.card-light {
  background-color: #fff;
}
.card-light .card-header, .card-light .card-footer {
  color: #212529 !important;
  background-color: rgba(52, 58, 64, 0.1);
}
.card-light .card-title, .card-light .card-text {
  color: #212529 !important;
}

.stretched-link {
  position: static;
}

.card-preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 9999;
}

.card-status {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
}

.custom-loader {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.card-overlay {
  position: relative;
  overflow: hidden;
}
.card-overlay:before {
  content: "";
  background-color: rgba(0, 61, 155, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.card-overlay .card-header, .card-overlay .card-footer {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.card-toolbar-menu {
  line-height: 0.8;
}
.card-toolbar-menu a {
  font-size: 17px;
}
.card-toolbar-menu .minimize-card .plus {
  display: none;
}
.card-toolbar-menu .minimize-card .minus {
  display: block;
}
.card-toolbar-menu .minimize-card.collapsed .plus {
  display: block;
}
.card-toolbar-menu .minimize-card.collapsed .minus {
  display: none;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  font-size: 15px;
  line-height: 15px;
  content: "\f0140";
  font-family: "Material Design Icons";
}

.dropdown-menu {
  box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  animation-name: DropDownSlide;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  position: absolute;
  z-index: 1000;
}
.dropdown-menu.dropdown-megamenu {
  padding: 20px;
  left: 0 !important;
  right: 0 !important;
}
.dropdown-menu[data-popper-placement=top-start] {
  animation-name: DropDownSlideDown;
}
.dropdown-menu.dropdown-min-width {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

@keyframes DropDownSlide {
  100% {
    margin-top: -1px;
  }
  0% {
    margin-top: 8px;
  }
}
@keyframes DropDownSlideDown {
  100% {
    margin-bottom: 0;
  }
  0% {
    margin-bottom: 8px;
  }
}
@media (min-width: 600px) {
  .dropdown-menu-xl {
    width: 420px;
  }
  .dropdown-menu-lg {
    width: 320px;
  }
  .dropdown-menu-md {
    width: 240px;
  }
}
.dropdown-toggle-split {
  border-left: none;
}
.dropdown-toggle-split::after {
  margin-left: 0px;
}
.dropdown-toggle-split:before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.12);
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: 0;
  border-radius: 0 0.25rem 0.25rem 0;
}

.dropdown-mega {
  position: static !important;
}

.dropdown-mega-menu-xl {
  width: 38rem;
}

.dropdown-mega-menu-lg {
  width: 26rem;
}

[dir=ltr] .dropdown-menu-start {
  --bs-position: end;
}
[dir=ltr] .dropdown-menu-end {
  --bs-position: start;
}

.dropdown-head .nav-tabs-custom {
  border: 0;
}
.dropdown-head .nav-tabs-custom .nav-link {
  color: rgba(255, 255, 255, 0.6);
}
.dropdown-head .nav-tabs-custom .nav-link.active {
  background-color: #fff;
}
.dropdown-head .nav-tabs-custom .nav-link:hover {
  color: #fff;
}

.dropdownmenu-primary .dropdown-item:focus, .dropdownmenu-primary .dropdown-item:hover, .dropdownmenu-primary .dropdown-item.active {
  background-color: rgba(0, 61, 155, 0.07);
  color: #003d9b;
}

.dropdownmenu-secondary .dropdown-item:focus, .dropdownmenu-secondary .dropdown-item:hover, .dropdownmenu-secondary .dropdown-item.active {
  background-color: rgba(2, 134, 199, 0.07);
  color: #0286c7;
}

.dropdownmenu-success .dropdown-item:focus, .dropdownmenu-success .dropdown-item:hover, .dropdownmenu-success .dropdown-item.active {
  background-color: rgba(69, 203, 133, 0.07);
  color: #45CB85;
}

.dropdownmenu-info .dropdown-item:focus, .dropdownmenu-info .dropdown-item:hover, .dropdownmenu-info .dropdown-item.active {
  background-color: rgba(41, 156, 219, 0.07);
  color: #299cdb;
}

.dropdownmenu-warning .dropdown-item:focus, .dropdownmenu-warning .dropdown-item:hover, .dropdownmenu-warning .dropdown-item.active {
  background-color: rgba(255, 190, 11, 0.07);
  color: #ffbe0b;
}

.dropdownmenu-danger .dropdown-item:focus, .dropdownmenu-danger .dropdown-item:hover, .dropdownmenu-danger .dropdown-item.active {
  background-color: rgba(240, 101, 72, 0.07);
  color: #f06548;
}

.dropdownmenu-light .dropdown-item:focus, .dropdownmenu-light .dropdown-item:hover, .dropdownmenu-light .dropdown-item.active {
  background-color: rgba(243, 246, 249, 0.07);
  color: #f3f6f9;
}

.dropdownmenu-dark .dropdown-item:focus, .dropdownmenu-dark .dropdown-item:hover, .dropdownmenu-dark .dropdown-item.active {
  background-color: rgba(0, 0, 0, 0.07);
  color: #000;
}

.dropdownmenu-gray .dropdown-item:focus, .dropdownmenu-gray .dropdown-item:hover, .dropdownmenu-gray .dropdown-item.active {
  background-color: rgba(135, 138, 153, 0.07);
  color: #878a99;
}

.dropdownmenu-important .dropdown-item:focus, .dropdownmenu-important .dropdown-item:hover, .dropdownmenu-important .dropdown-item.active {
  background-color: rgba(237, 33, 58, 0.07);
  color: #ed213a;
}

.dropdownmenu-dark-green .dropdown-item:focus, .dropdownmenu-dark-green .dropdown-item:hover, .dropdownmenu-dark-green .dropdown-item.active {
  background-color: rgba(30, 126, 51, 0.07);
  color: #1e7e33;
}

.dropdownmenu-blue .dropdown-item:focus, .dropdownmenu-blue .dropdown-item:hover, .dropdownmenu-blue .dropdown-item.active {
  background-color: rgba(53, 119, 241, 0.07);
  color: #3577f1;
}

.dropdownmenu-indigo .dropdown-item:focus, .dropdownmenu-indigo .dropdown-item:hover, .dropdownmenu-indigo .dropdown-item.active {
  background-color: rgba(75, 56, 179, 0.07);
  color: #4b38b3;
}

.dropdownmenu-purple .dropdown-item:focus, .dropdownmenu-purple .dropdown-item:hover, .dropdownmenu-purple .dropdown-item.active {
  background-color: rgba(101, 89, 204, 0.07);
  color: #6559cc;
}

.dropdownmenu-pink .dropdown-item:focus, .dropdownmenu-pink .dropdown-item:hover, .dropdownmenu-pink .dropdown-item.active {
  background-color: rgba(246, 114, 167, 0.07);
  color: #f672a7;
}

.dropdownmenu-red .dropdown-item:focus, .dropdownmenu-red .dropdown-item:hover, .dropdownmenu-red .dropdown-item.active {
  background-color: rgba(240, 101, 72, 0.07);
  color: #f06548;
}

.dropdownmenu-orange .dropdown-item:focus, .dropdownmenu-orange .dropdown-item:hover, .dropdownmenu-orange .dropdown-item.active {
  background-color: rgba(241, 150, 59, 0.07);
  color: #f1963b;
}

.dropdownmenu-yellow .dropdown-item:focus, .dropdownmenu-yellow .dropdown-item:hover, .dropdownmenu-yellow .dropdown-item.active {
  background-color: rgba(255, 190, 11, 0.07);
  color: #ffbe0b;
}

.dropdownmenu-green .dropdown-item:focus, .dropdownmenu-green .dropdown-item:hover, .dropdownmenu-green .dropdown-item.active {
  background-color: rgba(69, 203, 133, 0.07);
  color: #45CB85;
}

.dropdownmenu-teal .dropdown-item:focus, .dropdownmenu-teal .dropdown-item:hover, .dropdownmenu-teal .dropdown-item.active {
  background-color: rgba(2, 168, 181, 0.07);
  color: #02a8b5;
}

.dropdownmenu-cyan .dropdown-item:focus, .dropdownmenu-cyan .dropdown-item:hover, .dropdownmenu-cyan .dropdown-item.active {
  background-color: rgba(41, 156, 219, 0.07);
  color: #299cdb;
}

.dropdownmenu-white .dropdown-item:focus, .dropdownmenu-white .dropdown-item:hover, .dropdownmenu-white .dropdown-item.active {
  background-color: rgba(255, 255, 255, 0.07);
  color: #fff;
}

.dropdownmenu-gray-dark .dropdown-item:focus, .dropdownmenu-gray-dark .dropdown-item:hover, .dropdownmenu-gray-dark .dropdown-item.active {
  background-color: rgba(52, 58, 64, 0.07);
  color: #343a40;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  color: #495057;
  font-weight: 500;
}

.nav-pills > a {
  color: #495057;
  font-weight: 500;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
}

.nav-tabs-custom {
  border-bottom: 1px solid #e9ebec;
}
.nav-tabs-custom .nav-item {
  position: relative;
}
.nav-tabs-custom .nav-item .nav-link {
  border: none;
  font-weight: 500;
}
.nav-tabs-custom .nav-item .nav-link::after {
  content: "";
  background: #003d9b;
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all 250ms ease 0s;
  transform: scale(0);
}
.nav-tabs-custom .nav-item .nav-link.active {
  color: #003d9b;
}
.nav-tabs-custom .nav-item .nav-link.active:after {
  transform: scale(1);
}
.nav-tabs-custom.card-header-tabs {
  margin-top: -1rem;
}
.nav-tabs-custom.card-header-tabs .nav-link {
  padding: 1rem 1rem;
}

.vertical-nav .nav .nav-link {
  padding: 24px 16px;
  text-align: center;
  margin-bottom: 8px;
}
.vertical-nav .nav .nav-link .nav-icon {
  font-size: 24px;
}

.navtab-bg li > a {
  background-color: #e9ebec;
  margin: 0 5px;
}

.arrow-navtabs .nav-item .nav-link {
  position: relative;
  text-align: center;
}
.arrow-navtabs .nav-item .nav-link:before {
  content: "";
  position: absolute;
  border: 6px solid transparent;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .arrow-navtabs .nav-item .nav-link:before {
    transition: none;
  }
}
.arrow-navtabs .nav-item .nav-link.active:before {
  border-top-color: #003d9b;
}

.custom-hover-nav-tabs .nav-item {
  text-align: center;
  overflow: hidden;
}
.custom-hover-nav-tabs .nav-item .nav-link {
  width: 120px;
  height: 45px;
  position: relative;
  border-radius: 0px;
}
.custom-hover-nav-tabs .nav-item .nav-link .nav-icon {
  font-size: 22px;
}
.custom-hover-nav-tabs .nav-item .nav-link .nav-titl {
  font-size: 14px;
}
.custom-hover-nav-tabs .nav-item .nav-link.active .nav-tab-position {
  color: #fff;
}
.custom-hover-nav-tabs .nav-item .nav-link .nav-tab-position {
  position: absolute;
  left: 0;
  right: 0;
  transition: all 0.4s;
}
.custom-hover-nav-tabs .nav-item .nav-link .nav-tab-position.nav-icon {
  top: 50%;
  transform: translateY(-50%);
}
.custom-hover-nav-tabs .nav-item .nav-link .nav-tab-position.nav-titl {
  bottom: -20px;
}
.custom-hover-nav-tabs .nav-item .nav-link:hover .nav-titl {
  bottom: 50%;
  transform: translateY(50%);
}
.custom-hover-nav-tabs .nav-item .nav-link:hover .nav-icon {
  top: -20px;
}

.custom-verti-nav-pills .nav-link {
  background-color: #f3f6f9;
  margin-top: 7px;
  position: relative;
}
@media (min-width: 992px) {
  .custom-verti-nav-pills .nav-link::before {
    content: "";
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    border: 12px solid transparent;
    border-left-color: transparent;
    transition: border-left-color 0.04 ease;
  }
  .custom-verti-nav-pills .nav-link.active::before {
    border-left-color: #003d9b;
  }
}

.animation-nav li {
  position: relative;
}
.animation-nav li a {
  color: #212529;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s;
  z-index: 1;
}
.animation-nav li a span {
  position: relative;
}
.animation-nav li a::before {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  right: 0;
  height: 100%;
  transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s;
  background-color: #003d9b;
  z-index: -1;
}
.animation-nav li a:hover, .animation-nav li a.active {
  color: #fff;
  background-color: transparent !important;
}
.animation-nav li a:hover::before, .animation-nav li a.active::before {
  width: 100%;
  left: 0;
}

.nav-border-top .nav-link {
  border-top: 3px solid transparent;
}
.nav-border-top .nav-link.active {
  border-top-color: #003d9b;
}

.nav-border-top-primary .nav-link.active {
  color: #003d9b;
  border-top-color: #003d9b;
}

.nav-border-top-secondary .nav-link.active {
  color: #0286c7;
  border-top-color: #0286c7;
}

.nav-border-top-success .nav-link.active {
  color: #45CB85;
  border-top-color: #45CB85;
}

.nav-border-top-info .nav-link.active {
  color: #299cdb;
  border-top-color: #299cdb;
}

.nav-border-top-warning .nav-link.active {
  color: #ffbe0b;
  border-top-color: #ffbe0b;
}

.nav-border-top-danger .nav-link.active {
  color: #f06548;
  border-top-color: #f06548;
}

.nav-border-top-light .nav-link.active {
  color: #f3f6f9;
  border-top-color: #f3f6f9;
}

.nav-border-top-dark .nav-link.active {
  color: #000;
  border-top-color: #000;
}

.nav-border-top-gray .nav-link.active {
  color: #878a99;
  border-top-color: #878a99;
}

.nav-border-top-important .nav-link.active {
  color: #ed213a;
  border-top-color: #ed213a;
}

.nav-border-top-dark-green .nav-link.active {
  color: #1e7e33;
  border-top-color: #1e7e33;
}

.nav-border-top-blue .nav-link.active {
  color: #3577f1;
  border-top-color: #3577f1;
}

.nav-border-top-indigo .nav-link.active {
  color: #4b38b3;
  border-top-color: #4b38b3;
}

.nav-border-top-purple .nav-link.active {
  color: #6559cc;
  border-top-color: #6559cc;
}

.nav-border-top-pink .nav-link.active {
  color: #f672a7;
  border-top-color: #f672a7;
}

.nav-border-top-red .nav-link.active {
  color: #f06548;
  border-top-color: #f06548;
}

.nav-border-top-orange .nav-link.active {
  color: #f1963b;
  border-top-color: #f1963b;
}

.nav-border-top-yellow .nav-link.active {
  color: #ffbe0b;
  border-top-color: #ffbe0b;
}

.nav-border-top-green .nav-link.active {
  color: #45CB85;
  border-top-color: #45CB85;
}

.nav-border-top-teal .nav-link.active {
  color: #02a8b5;
  border-top-color: #02a8b5;
}

.nav-border-top-cyan .nav-link.active {
  color: #299cdb;
  border-top-color: #299cdb;
}

.nav-border-top-white .nav-link.active {
  color: #fff;
  border-top-color: #fff;
}

.nav-border-top-gray-dark .nav-link.active {
  color: #343a40;
  border-top-color: #343a40;
}

.nav-custom {
  background-color: #003d9b;
  border-radius: 0.25rem;
}
.nav-custom .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.75);
}
.nav-custom .nav-item .nav-link.active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.nav-custom.nav-custom-light .nav-item .nav-link {
  color: rgba(52, 58, 64, 0.75);
}
.nav-custom.nav-custom-light .nav-item .nav-link.active {
  color: #f3f6f9;
  background-color: #003d9b;
}

.nav-custom-primary {
  background-color: #003d9b;
}

.nav-custom-secondary {
  background-color: #0286c7;
}

.nav-custom-success {
  background-color: #45CB85;
}

.nav-custom-info {
  background-color: #299cdb;
}

.nav-custom-warning {
  background-color: #ffbe0b;
}

.nav-custom-danger {
  background-color: #f06548;
}

.nav-custom-light {
  background-color: #f3f6f9;
}

.nav-custom-dark {
  background-color: #000;
}

.nav-custom-gray {
  background-color: #878a99;
}

.nav-custom-important {
  background-color: #ed213a;
}

.nav-custom-dark-green {
  background-color: #1e7e33;
}

.nav-custom-blue {
  background-color: #3577f1;
}

.nav-custom-indigo {
  background-color: #4b38b3;
}

.nav-custom-purple {
  background-color: #6559cc;
}

.nav-custom-pink {
  background-color: #f672a7;
}

.nav-custom-red {
  background-color: #f06548;
}

.nav-custom-orange {
  background-color: #f1963b;
}

.nav-custom-yellow {
  background-color: #ffbe0b;
}

.nav-custom-green {
  background-color: #45CB85;
}

.nav-custom-teal {
  background-color: #02a8b5;
}

.nav-custom-cyan {
  background-color: #299cdb;
}

.nav-custom-white {
  background-color: #fff;
}

.nav-custom-gray-dark {
  background-color: #343a40;
}

.nav-custom-light {
  background-color: #f3f6f9;
}

.nav-primary .nav-link.active {
  color: #fff;
  background-color: #003d9b;
}
.nav-primary.nav-tabs .nav-link.active {
  color: #003d9b;
  background-color: #fff;
}
.nav-primary.nav-tabs-custom .nav-link.active {
  color: #003d9b;
  background-color: #fff;
}
.nav-primary.nav-tabs-custom .nav-link.active::after {
  background-color: #003d9b;
}
.nav-primary.arrow-navtabs .nav-link.active::before {
  border-top-color: #003d9b;
}
.nav-primary.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #003d9b;
}

.nav-secondary .nav-link.active {
  color: #fff;
  background-color: #0286c7;
}
.nav-secondary.nav-tabs .nav-link.active {
  color: #0286c7;
  background-color: #fff;
}
.nav-secondary.nav-tabs-custom .nav-link.active {
  color: #0286c7;
  background-color: #fff;
}
.nav-secondary.nav-tabs-custom .nav-link.active::after {
  background-color: #0286c7;
}
.nav-secondary.arrow-navtabs .nav-link.active::before {
  border-top-color: #0286c7;
}
.nav-secondary.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #0286c7;
}

.nav-success .nav-link.active {
  color: #fff;
  background-color: #45CB85;
}
.nav-success.nav-tabs .nav-link.active {
  color: #45CB85;
  background-color: #fff;
}
.nav-success.nav-tabs-custom .nav-link.active {
  color: #45CB85;
  background-color: #fff;
}
.nav-success.nav-tabs-custom .nav-link.active::after {
  background-color: #45CB85;
}
.nav-success.arrow-navtabs .nav-link.active::before {
  border-top-color: #45CB85;
}
.nav-success.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #45CB85;
}

.nav-info .nav-link.active {
  color: #fff;
  background-color: #299cdb;
}
.nav-info.nav-tabs .nav-link.active {
  color: #299cdb;
  background-color: #fff;
}
.nav-info.nav-tabs-custom .nav-link.active {
  color: #299cdb;
  background-color: #fff;
}
.nav-info.nav-tabs-custom .nav-link.active::after {
  background-color: #299cdb;
}
.nav-info.arrow-navtabs .nav-link.active::before {
  border-top-color: #299cdb;
}
.nav-info.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #299cdb;
}

.nav-warning .nav-link.active {
  color: #fff;
  background-color: #ffbe0b;
}
.nav-warning.nav-tabs .nav-link.active {
  color: #ffbe0b;
  background-color: #fff;
}
.nav-warning.nav-tabs-custom .nav-link.active {
  color: #ffbe0b;
  background-color: #fff;
}
.nav-warning.nav-tabs-custom .nav-link.active::after {
  background-color: #ffbe0b;
}
.nav-warning.arrow-navtabs .nav-link.active::before {
  border-top-color: #ffbe0b;
}
.nav-warning.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #ffbe0b;
}

.nav-danger .nav-link.active {
  color: #fff;
  background-color: #f06548;
}
.nav-danger.nav-tabs .nav-link.active {
  color: #f06548;
  background-color: #fff;
}
.nav-danger.nav-tabs-custom .nav-link.active {
  color: #f06548;
  background-color: #fff;
}
.nav-danger.nav-tabs-custom .nav-link.active::after {
  background-color: #f06548;
}
.nav-danger.arrow-navtabs .nav-link.active::before {
  border-top-color: #f06548;
}
.nav-danger.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #f06548;
}

.nav-light .nav-link.active {
  color: #fff;
  background-color: #f3f6f9;
}
.nav-light.nav-tabs .nav-link.active {
  color: #f3f6f9;
  background-color: #fff;
}
.nav-light.nav-tabs-custom .nav-link.active {
  color: #f3f6f9;
  background-color: #fff;
}
.nav-light.nav-tabs-custom .nav-link.active::after {
  background-color: #f3f6f9;
}
.nav-light.arrow-navtabs .nav-link.active::before {
  border-top-color: #f3f6f9;
}
.nav-light.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #f3f6f9;
}

.nav-dark .nav-link.active {
  color: #fff;
  background-color: #000;
}
.nav-dark.nav-tabs .nav-link.active {
  color: #000;
  background-color: #fff;
}
.nav-dark.nav-tabs-custom .nav-link.active {
  color: #000;
  background-color: #fff;
}
.nav-dark.nav-tabs-custom .nav-link.active::after {
  background-color: #000;
}
.nav-dark.arrow-navtabs .nav-link.active::before {
  border-top-color: #000;
}
.nav-dark.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #000;
}

.nav-gray .nav-link.active {
  color: #fff;
  background-color: #878a99;
}
.nav-gray.nav-tabs .nav-link.active {
  color: #878a99;
  background-color: #fff;
}
.nav-gray.nav-tabs-custom .nav-link.active {
  color: #878a99;
  background-color: #fff;
}
.nav-gray.nav-tabs-custom .nav-link.active::after {
  background-color: #878a99;
}
.nav-gray.arrow-navtabs .nav-link.active::before {
  border-top-color: #878a99;
}
.nav-gray.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #878a99;
}

.nav-important .nav-link.active {
  color: #fff;
  background-color: #ed213a;
}
.nav-important.nav-tabs .nav-link.active {
  color: #ed213a;
  background-color: #fff;
}
.nav-important.nav-tabs-custom .nav-link.active {
  color: #ed213a;
  background-color: #fff;
}
.nav-important.nav-tabs-custom .nav-link.active::after {
  background-color: #ed213a;
}
.nav-important.arrow-navtabs .nav-link.active::before {
  border-top-color: #ed213a;
}
.nav-important.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #ed213a;
}

.nav-dark-green .nav-link.active {
  color: #fff;
  background-color: #1e7e33;
}
.nav-dark-green.nav-tabs .nav-link.active {
  color: #1e7e33;
  background-color: #fff;
}
.nav-dark-green.nav-tabs-custom .nav-link.active {
  color: #1e7e33;
  background-color: #fff;
}
.nav-dark-green.nav-tabs-custom .nav-link.active::after {
  background-color: #1e7e33;
}
.nav-dark-green.arrow-navtabs .nav-link.active::before {
  border-top-color: #1e7e33;
}
.nav-dark-green.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #1e7e33;
}

.nav-blue .nav-link.active {
  color: #fff;
  background-color: #3577f1;
}
.nav-blue.nav-tabs .nav-link.active {
  color: #3577f1;
  background-color: #fff;
}
.nav-blue.nav-tabs-custom .nav-link.active {
  color: #3577f1;
  background-color: #fff;
}
.nav-blue.nav-tabs-custom .nav-link.active::after {
  background-color: #3577f1;
}
.nav-blue.arrow-navtabs .nav-link.active::before {
  border-top-color: #3577f1;
}
.nav-blue.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #3577f1;
}

.nav-indigo .nav-link.active {
  color: #fff;
  background-color: #4b38b3;
}
.nav-indigo.nav-tabs .nav-link.active {
  color: #4b38b3;
  background-color: #fff;
}
.nav-indigo.nav-tabs-custom .nav-link.active {
  color: #4b38b3;
  background-color: #fff;
}
.nav-indigo.nav-tabs-custom .nav-link.active::after {
  background-color: #4b38b3;
}
.nav-indigo.arrow-navtabs .nav-link.active::before {
  border-top-color: #4b38b3;
}
.nav-indigo.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #4b38b3;
}

.nav-purple .nav-link.active {
  color: #fff;
  background-color: #6559cc;
}
.nav-purple.nav-tabs .nav-link.active {
  color: #6559cc;
  background-color: #fff;
}
.nav-purple.nav-tabs-custom .nav-link.active {
  color: #6559cc;
  background-color: #fff;
}
.nav-purple.nav-tabs-custom .nav-link.active::after {
  background-color: #6559cc;
}
.nav-purple.arrow-navtabs .nav-link.active::before {
  border-top-color: #6559cc;
}
.nav-purple.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #6559cc;
}

.nav-pink .nav-link.active {
  color: #fff;
  background-color: #f672a7;
}
.nav-pink.nav-tabs .nav-link.active {
  color: #f672a7;
  background-color: #fff;
}
.nav-pink.nav-tabs-custom .nav-link.active {
  color: #f672a7;
  background-color: #fff;
}
.nav-pink.nav-tabs-custom .nav-link.active::after {
  background-color: #f672a7;
}
.nav-pink.arrow-navtabs .nav-link.active::before {
  border-top-color: #f672a7;
}
.nav-pink.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #f672a7;
}

.nav-red .nav-link.active {
  color: #fff;
  background-color: #f06548;
}
.nav-red.nav-tabs .nav-link.active {
  color: #f06548;
  background-color: #fff;
}
.nav-red.nav-tabs-custom .nav-link.active {
  color: #f06548;
  background-color: #fff;
}
.nav-red.nav-tabs-custom .nav-link.active::after {
  background-color: #f06548;
}
.nav-red.arrow-navtabs .nav-link.active::before {
  border-top-color: #f06548;
}
.nav-red.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #f06548;
}

.nav-orange .nav-link.active {
  color: #fff;
  background-color: #f1963b;
}
.nav-orange.nav-tabs .nav-link.active {
  color: #f1963b;
  background-color: #fff;
}
.nav-orange.nav-tabs-custom .nav-link.active {
  color: #f1963b;
  background-color: #fff;
}
.nav-orange.nav-tabs-custom .nav-link.active::after {
  background-color: #f1963b;
}
.nav-orange.arrow-navtabs .nav-link.active::before {
  border-top-color: #f1963b;
}
.nav-orange.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #f1963b;
}

.nav-yellow .nav-link.active {
  color: #fff;
  background-color: #ffbe0b;
}
.nav-yellow.nav-tabs .nav-link.active {
  color: #ffbe0b;
  background-color: #fff;
}
.nav-yellow.nav-tabs-custom .nav-link.active {
  color: #ffbe0b;
  background-color: #fff;
}
.nav-yellow.nav-tabs-custom .nav-link.active::after {
  background-color: #ffbe0b;
}
.nav-yellow.arrow-navtabs .nav-link.active::before {
  border-top-color: #ffbe0b;
}
.nav-yellow.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #ffbe0b;
}

.nav-green .nav-link.active {
  color: #fff;
  background-color: #45CB85;
}
.nav-green.nav-tabs .nav-link.active {
  color: #45CB85;
  background-color: #fff;
}
.nav-green.nav-tabs-custom .nav-link.active {
  color: #45CB85;
  background-color: #fff;
}
.nav-green.nav-tabs-custom .nav-link.active::after {
  background-color: #45CB85;
}
.nav-green.arrow-navtabs .nav-link.active::before {
  border-top-color: #45CB85;
}
.nav-green.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #45CB85;
}

.nav-teal .nav-link.active {
  color: #fff;
  background-color: #02a8b5;
}
.nav-teal.nav-tabs .nav-link.active {
  color: #02a8b5;
  background-color: #fff;
}
.nav-teal.nav-tabs-custom .nav-link.active {
  color: #02a8b5;
  background-color: #fff;
}
.nav-teal.nav-tabs-custom .nav-link.active::after {
  background-color: #02a8b5;
}
.nav-teal.arrow-navtabs .nav-link.active::before {
  border-top-color: #02a8b5;
}
.nav-teal.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #02a8b5;
}

.nav-cyan .nav-link.active {
  color: #fff;
  background-color: #299cdb;
}
.nav-cyan.nav-tabs .nav-link.active {
  color: #299cdb;
  background-color: #fff;
}
.nav-cyan.nav-tabs-custom .nav-link.active {
  color: #299cdb;
  background-color: #fff;
}
.nav-cyan.nav-tabs-custom .nav-link.active::after {
  background-color: #299cdb;
}
.nav-cyan.arrow-navtabs .nav-link.active::before {
  border-top-color: #299cdb;
}
.nav-cyan.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #299cdb;
}

.nav-white .nav-link.active {
  color: #fff;
  background-color: #fff;
}
.nav-white.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #fff;
}
.nav-white.nav-tabs-custom .nav-link.active {
  color: #fff;
  background-color: #fff;
}
.nav-white.nav-tabs-custom .nav-link.active::after {
  background-color: #fff;
}
.nav-white.arrow-navtabs .nav-link.active::before {
  border-top-color: #fff;
}
.nav-white.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #fff;
}

.nav-gray-dark .nav-link.active {
  color: #fff;
  background-color: #343a40;
}
.nav-gray-dark.nav-tabs .nav-link.active {
  color: #343a40;
  background-color: #fff;
}
.nav-gray-dark.nav-tabs-custom .nav-link.active {
  color: #343a40;
  background-color: #fff;
}
.nav-gray-dark.nav-tabs-custom .nav-link.active::after {
  background-color: #343a40;
}
.nav-gray-dark.arrow-navtabs .nav-link.active::before {
  border-top-color: #343a40;
}
.nav-gray-dark.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #343a40;
}

.progress-nav {
  position: relative;
  margin-right: 1rem;
  margin-left: 1rem;
}
.progress-nav .progress {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.progress-nav .nav {
  margin-right: -1rem;
  margin-left: -1rem;
  justify-content: space-between;
}
.progress-nav .nav .nav-link {
  width: 2rem;
  height: 2rem;
  background-color: #f3f6f9;
  padding: 0;
  color: #000;
  font-weight: 500;
}
.progress-nav .nav .nav-link.active, .progress-nav .nav .nav-link.done {
  background-color: #003d9b;
  color: #fff;
}

.step-arrow-nav .nav {
  background-color: #f3f6f9;
}
.step-arrow-nav .nav .nav-link {
  border-radius: 0;
  position: relative;
  font-weight: 500;
  color: #000;
}
.step-arrow-nav .nav .nav-link::before {
  content: "";
  position: absolute;
  border: 7px solid transparent;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
}
.step-arrow-nav .nav .nav-link.done {
  background-color: rgba(0, 61, 155, 0.05);
  color: #003d9b;
}
.step-arrow-nav .nav .nav-link.done::before {
  border-left-color: transparent;
}
.step-arrow-nav .nav .nav-link.active {
  background-color: rgba(0, 61, 155, 0.1);
  color: #003d9b;
  box-shadow: none;
}
.step-arrow-nav .nav .nav-link.active::before {
  border-left-color: rgba(0, 61, 155, 0.1);
}
.step-arrow-nav .nav .nav-item:last-child .nav-link:before {
  display: none;
}

.vertical-navs-step .nav {
  gap: 16px;
}
.vertical-navs-step .nav .nav-link {
  text-align: left;
  background-color: rgba(233, 235, 236, 0.4);
  border: 1px solid #e9ebec;
  color: #000;
}
.vertical-navs-step .nav .nav-link .step-title {
  font-weight: 600;
}
.vertical-navs-step .nav .nav-link .step-icon {
  color: #f06548;
  vertical-align: middle;
  font-weight: 500;
  float: left;
}
.vertical-navs-step .nav .nav-link.active .step-icon, .vertical-navs-step .nav .nav-link.done .step-icon {
  color: #45CB85;
}
.vertical-navs-step .nav .nav-link.active .step-icon:before, .vertical-navs-step .nav .nav-link.done .step-icon:before {
  content: "\eb80";
}
.vertical-navs-step .nav .nav-link.active {
  border-color: #003d9b;
}
.vertical-navs-step .nav .nav-link.done {
  border-color: #45CB85;
}

.nav-custom-outline.nav .nav-link {
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
}
.nav-custom-outline.nav .nav-link.active {
  border-color: #003d9b;
  background-color: transparent;
  color: #003d9b;
}

.nav-primary.nav-custom-outline .nav-link.active {
  color: #003d9b;
  border-color: #003d9b;
}

.nav-secondary.nav-custom-outline .nav-link.active {
  color: #0286c7;
  border-color: #0286c7;
}

.nav-success.nav-custom-outline .nav-link.active {
  color: #45CB85;
  border-color: #45CB85;
}

.nav-info.nav-custom-outline .nav-link.active {
  color: #299cdb;
  border-color: #299cdb;
}

.nav-warning.nav-custom-outline .nav-link.active {
  color: #ffbe0b;
  border-color: #ffbe0b;
}

.nav-danger.nav-custom-outline .nav-link.active {
  color: #f06548;
  border-color: #f06548;
}

.nav-light.nav-custom-outline .nav-link.active {
  color: #f3f6f9;
  border-color: #f3f6f9;
}

.nav-dark.nav-custom-outline .nav-link.active {
  color: #000;
  border-color: #000;
}

.nav-gray.nav-custom-outline .nav-link.active {
  color: #878a99;
  border-color: #878a99;
}

.nav-important.nav-custom-outline .nav-link.active {
  color: #ed213a;
  border-color: #ed213a;
}

.nav-dark-green.nav-custom-outline .nav-link.active {
  color: #1e7e33;
  border-color: #1e7e33;
}

.nav-blue.nav-custom-outline .nav-link.active {
  color: #3577f1;
  border-color: #3577f1;
}

.nav-indigo.nav-custom-outline .nav-link.active {
  color: #4b38b3;
  border-color: #4b38b3;
}

.nav-purple.nav-custom-outline .nav-link.active {
  color: #6559cc;
  border-color: #6559cc;
}

.nav-pink.nav-custom-outline .nav-link.active {
  color: #f672a7;
  border-color: #f672a7;
}

.nav-red.nav-custom-outline .nav-link.active {
  color: #f06548;
  border-color: #f06548;
}

.nav-orange.nav-custom-outline .nav-link.active {
  color: #f1963b;
  border-color: #f1963b;
}

.nav-yellow.nav-custom-outline .nav-link.active {
  color: #ffbe0b;
  border-color: #ffbe0b;
}

.nav-green.nav-custom-outline .nav-link.active {
  color: #45CB85;
  border-color: #45CB85;
}

.nav-teal.nav-custom-outline .nav-link.active {
  color: #02a8b5;
  border-color: #02a8b5;
}

.nav-cyan.nav-custom-outline .nav-link.active {
  color: #299cdb;
  border-color: #299cdb;
}

.nav-white.nav-custom-outline .nav-link.active {
  color: #fff;
  border-color: #fff;
}

.nav-gray-dark.nav-custom-outline .nav-link.active {
  color: #343a40;
  border-color: #343a40;
}

.nav-customs.nav {
  padding-left: 34px;
  overflow: hidden;
}
.nav-customs.nav .nav-link {
  position: relative;
  display: block;
  float: right;
  background-color: #f2f2f7;
  margin-right: 46px;
  transition: all 0.5s ease;
}
.nav-customs.nav .nav-link::before, .nav-customs.nav .nav-link::after {
  display: block;
  content: " ";
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 37px;
  background-color: #f2f2f7;
  transition: all 0.5s ease;
}
.nav-customs.nav .nav-link::before {
  border-radius: 0 8px 0 0;
  right: -24px;
  transform: skew(30deg, 0deg);
}
.nav-customs.nav .nav-link::after {
  border-radius: 8px 0 0 0;
  left: -24px;
  transform: skew(-30deg, 0deg);
}
.nav-customs.nav .nav-link.active, .nav-customs.nav .nav-link.active:before, .nav-customs.nav .nav-link.active:after {
  background-color: #003d9b;
  color: #fff;
}
.nav-customs.nav .nav-link.active {
  z-index: 1;
}

.table th {
  font-weight: 600;
}
.table > thead {
  border-color: #e9ebec;
}
.table > :not(:first-child) {
  border-top-width: 1px;
}

.table-nowrap th,
.table-nowrap td {
  white-space: nowrap;
}

.table-card {
  margin: -1rem -1rem;
}
.table-card th:first-child,
.table-card td:first-child {
  padding-left: 1rem;
}
.table-card th:last-child,
.table-card td:last-child {
  padding-right: 1rem;
}
.table-card .table > :not(:first-child) {
  border-top-width: 1px;
}

.border-primary.table > thead {
  border-color: #003d9b !important;
}

.table-primary.table > thead {
  border-bottom-color: #0051ce !important;
}

.border-secondary.table > thead {
  border-color: #0286c7 !important;
}

.table-secondary.table > thead {
  border-bottom-color: #03a8f9 !important;
}

.border-success.table > thead {
  border-color: #45CB85 !important;
}

.table-success.table > thead {
  border-bottom-color: #6dd69f !important;
}

.border-info.table > thead {
  border-color: #299cdb !important;
}

.table-info.table > thead {
  border-bottom-color: #55b0e2 !important;
}

.border-warning.table > thead {
  border-color: #ffbe0b !important;
}

.table-warning.table > thead {
  border-bottom-color: #ffcc3e !important;
}

.border-danger.table > thead {
  border-color: #f06548 !important;
}

.table-danger.table > thead {
  border-bottom-color: #f48d77 !important;
}

.border-light.table > thead {
  border-color: #f3f6f9 !important;
}

.table-light.table > thead {
  border-bottom-color: white !important;
}

.border-dark.table > thead {
  border-color: #000 !important;
}

.table-dark.table > thead {
  border-bottom-color: #1a1a1a !important;
}

.border-gray.table > thead {
  border-color: #878a99 !important;
}

.table-gray.table > thead {
  border-bottom-color: #a3a5b0 !important;
}

.border-important.table > thead {
  border-color: #ed213a !important;
}

.table-important.table > thead {
  border-bottom-color: #f15064 !important;
}

.border-dark-green.table > thead {
  border-color: #1e7e33 !important;
}

.table-dark-green.table > thead {
  border-bottom-color: #28a744 !important;
}

.border-blue.table > thead {
  border-color: #3577f1 !important;
}

.table-blue.table > thead {
  border-bottom-color: #6597f4 !important;
}

.border-indigo.table > thead {
  border-color: #4b38b3 !important;
}

.table-indigo.table > thead {
  border-bottom-color: #6654ca !important;
}

.border-purple.table > thead {
  border-color: #6559cc !important;
}

.table-purple.table > thead {
  border-bottom-color: #8980d8 !important;
}

.border-pink.table > thead {
  border-color: #f672a7 !important;
}

.table-pink.table > thead {
  border-bottom-color: #f9a2c5 !important;
}

.border-red.table > thead {
  border-color: #f06548 !important;
}

.table-red.table > thead {
  border-bottom-color: #f48d77 !important;
}

.border-orange.table > thead {
  border-color: #f1963b !important;
}

.table-orange.table > thead {
  border-bottom-color: #f4b06b !important;
}

.border-yellow.table > thead {
  border-color: #ffbe0b !important;
}

.table-yellow.table > thead {
  border-bottom-color: #ffcc3e !important;
}

.border-green.table > thead {
  border-color: #45CB85 !important;
}

.table-green.table > thead {
  border-bottom-color: #6dd69f !important;
}

.border-teal.table > thead {
  border-color: #02a8b5 !important;
}

.table-teal.table > thead {
  border-bottom-color: #03d7e7 !important;
}

.border-cyan.table > thead {
  border-color: #299cdb !important;
}

.table-cyan.table > thead {
  border-bottom-color: #55b0e2 !important;
}

.border-white.table > thead {
  border-color: #fff !important;
}

.table-white.table > thead {
  border-bottom-color: white !important;
}

.border-gray-dark.table > thead {
  border-color: #343a40 !important;
}

.table-gray-dark.table > thead {
  border-bottom-color: #4b545c !important;
}

.table .form-check {
  padding-left: 0px;
  margin-bottom: 0px;
}
.table .form-check .form-check-input {
  margin-left: 0px;
  margin-top: 0px;
  float: none;
  vertical-align: middle;
}
.table .sort {
  position: relative;
}
.table .sort::before {
  content: "\f035d";
  position: absolute;
  right: 0.5rem;
  top: 18px;
  font-size: 0.8rem;
  font-family: "Material Design Icons";
}
.table .sort::after {
  position: absolute;
  right: 0.5rem;
  content: "\f0360";
  font-family: "Material Design Icons";
  font-size: 0.8rem;
  top: 12px;
}

.modal-title {
  font-weight: 600;
}

.modal-dialog:not(.modal-dialog-scrollable) .modal-header {
  padding-bottom: 0;
}
.modal-dialog:not(.modal-dialog-scrollable) .modal-header .btn-close {
  margin-top: -1.25rem 1.25rem;
}
.modal-dialog:not(.modal-dialog-scrollable) .modal-footer {
  padding-top: 0;
}

.modal.fadeInRight .modal-dialog {
  opacity: 0;
  transform: translateX(20%);
  transition: all 0.3s ease-in-out;
}
.modal.fadeInRight.show .modal-dialog {
  opacity: 1;
  transform: translateX(0);
}
.modal.fadeInLeft .modal-dialog {
  animation: fadeInLeft 0.3s ease-in-out;
  transform: translate(-50%, 0);
}
.modal.fadeInLeft.show .modal-dialog {
  transform: none;
}
.modal.fadeInUp .modal-dialog {
  animation: fadeInUp 0.3s ease-in-out;
  transform: translate(0, 30%);
}
.modal.fadeInUp.show .modal-dialog {
  transform: none;
}
.modal.flip {
  perspective: 1300px;
}
.modal.flip .modal-dialog {
  opacity: 0;
  transform: rotateY(-70deg);
  transition: all 0.3s;
}
.modal.flip.show .modal-dialog {
  opacity: 1;
  transform: rotateY(0deg);
}
.modal.zoomIn .modal-dialog {
  opacity: 0;
  transform: scale(0.7);
  transition: all 0.3s ease;
}
.modal.zoomIn.show .modal-dialog {
  opacity: 1;
  transform: scale(1);
}

.modal-dialog-right {
  margin-right: 1.75rem;
}

.modal-dialog-bottom {
  display: flex;
  align-items: flex-end;
  min-height: calc(100% - 1.75rem);
}
@media (min-width: 576px) {
  .modal-dialog-bottom {
    min-height: calc(100% - 3.5rem);
  }
}

.modal-dialog-bottom-right {
  display: flex;
  align-items: flex-end;
  min-height: calc(100% - 1.75rem);
  margin-right: 1.75rem;
}
@media (min-width: 576px) {
  .modal-dialog-bottom-right {
    min-height: calc(100% - 3.5rem);
  }
}

.btn-white {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-30%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.pagination-separated {
  margin-bottom: 0;
  flex-wrap: wrap;
}
.pagination-separated .page-item .page-link {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
}

.pagination-rounded .page-link {
  border-radius: 30px !important;
  margin: 0 3px !important;
  border: none;
  min-width: 32px;
  min-height: 32px;
  text-align: center;
}
.pagination-rounded.pagination-sm .page-link {
  min-width: 25px;
  min-height: 25px;
}

.progress-sm {
  height: 5px;
}

.progress-lg {
  height: 12px;
}

.progress-xl {
  height: 16px;
}

.custom-progess {
  position: relative;
}
.custom-progess .progress-icon {
  position: absolute;
  top: -12px;
}
.custom-progess .progress-icon .avatar-title {
  background: #fff;
}

.animated-progress {
  position: relative;
}
.animated-progress .progress-bar {
  display: flex;
  align-content: center;
  justify-content: center;
  position: relative;
  overflow: unset;
  border-radius: 0.25rem;
  animation: animate-positive 1s;
}
.animated-progress .progress-bar span {
  padding: 0 0.25rem;
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}
.custom-progress {
  height: 15px;
  padding: 4px;
  border-radius: 30px;
}
.custom-progress .progress-bar {
  position: relative;
  border-radius: 30px;
}
.custom-progress .progress-bar::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 7px;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
}

.progress-label {
  overflow: visible;
}
.progress-label .progress-bar {
  position: relative;
  overflow: visible;
}
.progress-label .progress-bar .label {
  position: absolute;
  top: -25px;
  right: -9px;
  background-color: #003d9b;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  padding: 0 4px;
  border-radius: 4px;
}
.progress-label .progress-bar .label:after {
  content: "";
  position: absolute;
  border: 4px solid transparent;
  border-top-color: #003d9b;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
}

.progress-step-arrow {
  height: 3.25rem;
}
.progress-step-arrow .progress-bar {
  position: relative;
  overflow: initial;
  font-size: 0.875rem;
  color: #fff;
}
.progress-step-arrow .progress-bar::after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
  bottom: 15px;
  right: -20px;
  z-index: 1;
}

.progress-primary .progress-bar {
  background-color: #003d9b;
}
.progress-primary .progress-bar::after {
  border-left-color: #003d9b;
}
.progress-primary .progress-bar:nth-child(2) {
  background-color: rgba(0, 61, 155, 0.1) !important;
  color: #003d9b !important;
}
.progress-primary .progress-bar:nth-child(2)::after {
  border-left-color: rgba(0, 61, 155, 0.1);
}

.progress-secondary .progress-bar {
  background-color: #0286c7;
}
.progress-secondary .progress-bar::after {
  border-left-color: #0286c7;
}
.progress-secondary .progress-bar:nth-child(2) {
  background-color: rgba(2, 134, 199, 0.1) !important;
  color: #0286c7 !important;
}
.progress-secondary .progress-bar:nth-child(2)::after {
  border-left-color: rgba(2, 134, 199, 0.1);
}

.progress-success .progress-bar {
  background-color: #45CB85;
}
.progress-success .progress-bar::after {
  border-left-color: #45CB85;
}
.progress-success .progress-bar:nth-child(2) {
  background-color: rgba(69, 203, 133, 0.1) !important;
  color: #45CB85 !important;
}
.progress-success .progress-bar:nth-child(2)::after {
  border-left-color: rgba(69, 203, 133, 0.1);
}

.progress-info .progress-bar {
  background-color: #299cdb;
}
.progress-info .progress-bar::after {
  border-left-color: #299cdb;
}
.progress-info .progress-bar:nth-child(2) {
  background-color: rgba(41, 156, 219, 0.1) !important;
  color: #299cdb !important;
}
.progress-info .progress-bar:nth-child(2)::after {
  border-left-color: rgba(41, 156, 219, 0.1);
}

.progress-warning .progress-bar {
  background-color: #ffbe0b;
}
.progress-warning .progress-bar::after {
  border-left-color: #ffbe0b;
}
.progress-warning .progress-bar:nth-child(2) {
  background-color: rgba(255, 190, 11, 0.1) !important;
  color: #ffbe0b !important;
}
.progress-warning .progress-bar:nth-child(2)::after {
  border-left-color: rgba(255, 190, 11, 0.1);
}

.progress-danger .progress-bar {
  background-color: #f06548;
}
.progress-danger .progress-bar::after {
  border-left-color: #f06548;
}
.progress-danger .progress-bar:nth-child(2) {
  background-color: rgba(240, 101, 72, 0.1) !important;
  color: #f06548 !important;
}
.progress-danger .progress-bar:nth-child(2)::after {
  border-left-color: rgba(240, 101, 72, 0.1);
}

.progress-light .progress-bar {
  background-color: #f3f6f9;
}
.progress-light .progress-bar::after {
  border-left-color: #f3f6f9;
}
.progress-light .progress-bar:nth-child(2) {
  background-color: rgba(243, 246, 249, 0.1) !important;
  color: #f3f6f9 !important;
}
.progress-light .progress-bar:nth-child(2)::after {
  border-left-color: rgba(243, 246, 249, 0.1);
}

.progress-dark .progress-bar {
  background-color: #000;
}
.progress-dark .progress-bar::after {
  border-left-color: #000;
}
.progress-dark .progress-bar:nth-child(2) {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000 !important;
}
.progress-dark .progress-bar:nth-child(2)::after {
  border-left-color: rgba(0, 0, 0, 0.1);
}

.progress-gray .progress-bar {
  background-color: #878a99;
}
.progress-gray .progress-bar::after {
  border-left-color: #878a99;
}
.progress-gray .progress-bar:nth-child(2) {
  background-color: rgba(135, 138, 153, 0.1) !important;
  color: #878a99 !important;
}
.progress-gray .progress-bar:nth-child(2)::after {
  border-left-color: rgba(135, 138, 153, 0.1);
}

.progress-important .progress-bar {
  background-color: #ed213a;
}
.progress-important .progress-bar::after {
  border-left-color: #ed213a;
}
.progress-important .progress-bar:nth-child(2) {
  background-color: rgba(237, 33, 58, 0.1) !important;
  color: #ed213a !important;
}
.progress-important .progress-bar:nth-child(2)::after {
  border-left-color: rgba(237, 33, 58, 0.1);
}

.progress-dark-green .progress-bar {
  background-color: #1e7e33;
}
.progress-dark-green .progress-bar::after {
  border-left-color: #1e7e33;
}
.progress-dark-green .progress-bar:nth-child(2) {
  background-color: rgba(30, 126, 51, 0.1) !important;
  color: #1e7e33 !important;
}
.progress-dark-green .progress-bar:nth-child(2)::after {
  border-left-color: rgba(30, 126, 51, 0.1);
}

.progress-blue .progress-bar {
  background-color: #3577f1;
}
.progress-blue .progress-bar::after {
  border-left-color: #3577f1;
}
.progress-blue .progress-bar:nth-child(2) {
  background-color: rgba(53, 119, 241, 0.1) !important;
  color: #3577f1 !important;
}
.progress-blue .progress-bar:nth-child(2)::after {
  border-left-color: rgba(53, 119, 241, 0.1);
}

.progress-indigo .progress-bar {
  background-color: #4b38b3;
}
.progress-indigo .progress-bar::after {
  border-left-color: #4b38b3;
}
.progress-indigo .progress-bar:nth-child(2) {
  background-color: rgba(75, 56, 179, 0.1) !important;
  color: #4b38b3 !important;
}
.progress-indigo .progress-bar:nth-child(2)::after {
  border-left-color: rgba(75, 56, 179, 0.1);
}

.progress-purple .progress-bar {
  background-color: #6559cc;
}
.progress-purple .progress-bar::after {
  border-left-color: #6559cc;
}
.progress-purple .progress-bar:nth-child(2) {
  background-color: rgba(101, 89, 204, 0.1) !important;
  color: #6559cc !important;
}
.progress-purple .progress-bar:nth-child(2)::after {
  border-left-color: rgba(101, 89, 204, 0.1);
}

.progress-pink .progress-bar {
  background-color: #f672a7;
}
.progress-pink .progress-bar::after {
  border-left-color: #f672a7;
}
.progress-pink .progress-bar:nth-child(2) {
  background-color: rgba(246, 114, 167, 0.1) !important;
  color: #f672a7 !important;
}
.progress-pink .progress-bar:nth-child(2)::after {
  border-left-color: rgba(246, 114, 167, 0.1);
}

.progress-red .progress-bar {
  background-color: #f06548;
}
.progress-red .progress-bar::after {
  border-left-color: #f06548;
}
.progress-red .progress-bar:nth-child(2) {
  background-color: rgba(240, 101, 72, 0.1) !important;
  color: #f06548 !important;
}
.progress-red .progress-bar:nth-child(2)::after {
  border-left-color: rgba(240, 101, 72, 0.1);
}

.progress-orange .progress-bar {
  background-color: #f1963b;
}
.progress-orange .progress-bar::after {
  border-left-color: #f1963b;
}
.progress-orange .progress-bar:nth-child(2) {
  background-color: rgba(241, 150, 59, 0.1) !important;
  color: #f1963b !important;
}
.progress-orange .progress-bar:nth-child(2)::after {
  border-left-color: rgba(241, 150, 59, 0.1);
}

.progress-yellow .progress-bar {
  background-color: #ffbe0b;
}
.progress-yellow .progress-bar::after {
  border-left-color: #ffbe0b;
}
.progress-yellow .progress-bar:nth-child(2) {
  background-color: rgba(255, 190, 11, 0.1) !important;
  color: #ffbe0b !important;
}
.progress-yellow .progress-bar:nth-child(2)::after {
  border-left-color: rgba(255, 190, 11, 0.1);
}

.progress-green .progress-bar {
  background-color: #45CB85;
}
.progress-green .progress-bar::after {
  border-left-color: #45CB85;
}
.progress-green .progress-bar:nth-child(2) {
  background-color: rgba(69, 203, 133, 0.1) !important;
  color: #45CB85 !important;
}
.progress-green .progress-bar:nth-child(2)::after {
  border-left-color: rgba(69, 203, 133, 0.1);
}

.progress-teal .progress-bar {
  background-color: #02a8b5;
}
.progress-teal .progress-bar::after {
  border-left-color: #02a8b5;
}
.progress-teal .progress-bar:nth-child(2) {
  background-color: rgba(2, 168, 181, 0.1) !important;
  color: #02a8b5 !important;
}
.progress-teal .progress-bar:nth-child(2)::after {
  border-left-color: rgba(2, 168, 181, 0.1);
}

.progress-cyan .progress-bar {
  background-color: #299cdb;
}
.progress-cyan .progress-bar::after {
  border-left-color: #299cdb;
}
.progress-cyan .progress-bar:nth-child(2) {
  background-color: rgba(41, 156, 219, 0.1) !important;
  color: #299cdb !important;
}
.progress-cyan .progress-bar:nth-child(2)::after {
  border-left-color: rgba(41, 156, 219, 0.1);
}

.progress-white .progress-bar {
  background-color: #fff;
}
.progress-white .progress-bar::after {
  border-left-color: #fff;
}
.progress-white .progress-bar:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}
.progress-white .progress-bar:nth-child(2)::after {
  border-left-color: rgba(255, 255, 255, 0.1);
}

.progress-gray-dark .progress-bar {
  background-color: #343a40;
}
.progress-gray-dark .progress-bar::after {
  border-left-color: #343a40;
}
.progress-gray-dark .progress-bar:nth-child(2) {
  background-color: rgba(52, 58, 64, 0.1) !important;
  color: #343a40 !important;
}
.progress-gray-dark .progress-bar:nth-child(2)::after {
  border-left-color: rgba(52, 58, 64, 0.1);
}

.popover {
  box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
}

.letter-spacing {
  letter-spacing: 0.075em;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75) !important;
}

.text-shadow {
  text-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
}

.custom-blockquote.blockquote {
  padding: 16px;
  border-left: 3px solid;
}
.custom-blockquote.blockquote.blockquote-outline {
  background-color: #fff !important;
  border: 1px solid;
  border-left: 3px solid;
}

.custom-blockquote.blockquote.blockquote-primary {
  color: #003d9b;
  border-color: #003d9b;
  background-color: rgba(0, 61, 155, 0.15);
}
.custom-blockquote.blockquote.blockquote-primary .blockquote-footer {
  color: #003d9b;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-primary {
  border-color: #003d9b;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-primary .blockquote-footer {
  color: #003d9b;
}

.custom-blockquote.blockquote.blockquote-secondary {
  color: #0286c7;
  border-color: #0286c7;
  background-color: rgba(2, 134, 199, 0.15);
}
.custom-blockquote.blockquote.blockquote-secondary .blockquote-footer {
  color: #0286c7;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-secondary {
  border-color: #0286c7;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-secondary .blockquote-footer {
  color: #0286c7;
}

.custom-blockquote.blockquote.blockquote-success {
  color: #45CB85;
  border-color: #45CB85;
  background-color: rgba(69, 203, 133, 0.15);
}
.custom-blockquote.blockquote.blockquote-success .blockquote-footer {
  color: #45CB85;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-success {
  border-color: #45CB85;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-success .blockquote-footer {
  color: #45CB85;
}

.custom-blockquote.blockquote.blockquote-info {
  color: #299cdb;
  border-color: #299cdb;
  background-color: rgba(41, 156, 219, 0.15);
}
.custom-blockquote.blockquote.blockquote-info .blockquote-footer {
  color: #299cdb;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-info {
  border-color: #299cdb;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-info .blockquote-footer {
  color: #299cdb;
}

.custom-blockquote.blockquote.blockquote-warning {
  color: #ffbe0b;
  border-color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.15);
}
.custom-blockquote.blockquote.blockquote-warning .blockquote-footer {
  color: #ffbe0b;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-warning {
  border-color: #ffbe0b;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-warning .blockquote-footer {
  color: #ffbe0b;
}

.custom-blockquote.blockquote.blockquote-danger {
  color: #f06548;
  border-color: #f06548;
  background-color: rgba(240, 101, 72, 0.15);
}
.custom-blockquote.blockquote.blockquote-danger .blockquote-footer {
  color: #f06548;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-danger {
  border-color: #f06548;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-danger .blockquote-footer {
  color: #f06548;
}

.custom-blockquote.blockquote.blockquote-light {
  color: #f3f6f9;
  border-color: #f3f6f9;
  background-color: rgba(243, 246, 249, 0.15);
}
.custom-blockquote.blockquote.blockquote-light .blockquote-footer {
  color: #f3f6f9;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-light {
  border-color: #f3f6f9;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-light .blockquote-footer {
  color: #f3f6f9;
}

.custom-blockquote.blockquote.blockquote-dark {
  color: #000;
  border-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.custom-blockquote.blockquote.blockquote-dark .blockquote-footer {
  color: #000;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-dark {
  border-color: #000;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-dark .blockquote-footer {
  color: #000;
}

.custom-blockquote.blockquote.blockquote-gray {
  color: #878a99;
  border-color: #878a99;
  background-color: rgba(135, 138, 153, 0.15);
}
.custom-blockquote.blockquote.blockquote-gray .blockquote-footer {
  color: #878a99;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-gray {
  border-color: #878a99;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-gray .blockquote-footer {
  color: #878a99;
}

.custom-blockquote.blockquote.blockquote-important {
  color: #ed213a;
  border-color: #ed213a;
  background-color: rgba(237, 33, 58, 0.15);
}
.custom-blockquote.blockquote.blockquote-important .blockquote-footer {
  color: #ed213a;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-important {
  border-color: #ed213a;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-important .blockquote-footer {
  color: #ed213a;
}

.custom-blockquote.blockquote.blockquote-dark-green {
  color: #1e7e33;
  border-color: #1e7e33;
  background-color: rgba(30, 126, 51, 0.15);
}
.custom-blockquote.blockquote.blockquote-dark-green .blockquote-footer {
  color: #1e7e33;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-dark-green {
  border-color: #1e7e33;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-dark-green .blockquote-footer {
  color: #1e7e33;
}

.custom-blockquote.blockquote.blockquote-blue {
  color: #3577f1;
  border-color: #3577f1;
  background-color: rgba(53, 119, 241, 0.15);
}
.custom-blockquote.blockquote.blockquote-blue .blockquote-footer {
  color: #3577f1;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-blue {
  border-color: #3577f1;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-blue .blockquote-footer {
  color: #3577f1;
}

.custom-blockquote.blockquote.blockquote-indigo {
  color: #4b38b3;
  border-color: #4b38b3;
  background-color: rgba(75, 56, 179, 0.15);
}
.custom-blockquote.blockquote.blockquote-indigo .blockquote-footer {
  color: #4b38b3;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-indigo {
  border-color: #4b38b3;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-indigo .blockquote-footer {
  color: #4b38b3;
}

.custom-blockquote.blockquote.blockquote-purple {
  color: #6559cc;
  border-color: #6559cc;
  background-color: rgba(101, 89, 204, 0.15);
}
.custom-blockquote.blockquote.blockquote-purple .blockquote-footer {
  color: #6559cc;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-purple {
  border-color: #6559cc;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-purple .blockquote-footer {
  color: #6559cc;
}

.custom-blockquote.blockquote.blockquote-pink {
  color: #f672a7;
  border-color: #f672a7;
  background-color: rgba(246, 114, 167, 0.15);
}
.custom-blockquote.blockquote.blockquote-pink .blockquote-footer {
  color: #f672a7;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-pink {
  border-color: #f672a7;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-pink .blockquote-footer {
  color: #f672a7;
}

.custom-blockquote.blockquote.blockquote-red {
  color: #f06548;
  border-color: #f06548;
  background-color: rgba(240, 101, 72, 0.15);
}
.custom-blockquote.blockquote.blockquote-red .blockquote-footer {
  color: #f06548;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-red {
  border-color: #f06548;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-red .blockquote-footer {
  color: #f06548;
}

.custom-blockquote.blockquote.blockquote-orange {
  color: #f1963b;
  border-color: #f1963b;
  background-color: rgba(241, 150, 59, 0.15);
}
.custom-blockquote.blockquote.blockquote-orange .blockquote-footer {
  color: #f1963b;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-orange {
  border-color: #f1963b;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-orange .blockquote-footer {
  color: #f1963b;
}

.custom-blockquote.blockquote.blockquote-yellow {
  color: #ffbe0b;
  border-color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.15);
}
.custom-blockquote.blockquote.blockquote-yellow .blockquote-footer {
  color: #ffbe0b;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-yellow {
  border-color: #ffbe0b;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-yellow .blockquote-footer {
  color: #ffbe0b;
}

.custom-blockquote.blockquote.blockquote-green {
  color: #45CB85;
  border-color: #45CB85;
  background-color: rgba(69, 203, 133, 0.15);
}
.custom-blockquote.blockquote.blockquote-green .blockquote-footer {
  color: #45CB85;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-green {
  border-color: #45CB85;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-green .blockquote-footer {
  color: #45CB85;
}

.custom-blockquote.blockquote.blockquote-teal {
  color: #02a8b5;
  border-color: #02a8b5;
  background-color: rgba(2, 168, 181, 0.15);
}
.custom-blockquote.blockquote.blockquote-teal .blockquote-footer {
  color: #02a8b5;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-teal {
  border-color: #02a8b5;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-teal .blockquote-footer {
  color: #02a8b5;
}

.custom-blockquote.blockquote.blockquote-cyan {
  color: #299cdb;
  border-color: #299cdb;
  background-color: rgba(41, 156, 219, 0.15);
}
.custom-blockquote.blockquote.blockquote-cyan .blockquote-footer {
  color: #299cdb;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-cyan {
  border-color: #299cdb;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-cyan .blockquote-footer {
  color: #299cdb;
}

.custom-blockquote.blockquote.blockquote-white {
  color: #fff;
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.custom-blockquote.blockquote.blockquote-white .blockquote-footer {
  color: #fff;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-white {
  border-color: #fff;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-white .blockquote-footer {
  color: #fff;
}

.custom-blockquote.blockquote.blockquote-gray-dark {
  color: #343a40;
  border-color: #343a40;
  background-color: rgba(52, 58, 64, 0.15);
}
.custom-blockquote.blockquote.blockquote-gray-dark .blockquote-footer {
  color: #343a40;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-gray-dark {
  border-color: #343a40;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-gray-dark .blockquote-footer {
  color: #343a40;
}

.custom-blockquote.blockquote.blockquote-dark {
  color: #000;
  border-color: #000;
  background-color: rgba(52, 58, 64, 0.15);
}
.custom-blockquote.blockquote.blockquote-dark .blockquote-footer {
  color: #000;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-dark {
  border-color: #000;
}
.custom-blockquote.blockquote.blockquote-outline.blockquote-dark .blockquote-footer {
  color: #000;
}

.text-truncate-2-lines > * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-truncate-3-lines > * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.form-check {
  position: relative;
  text-align: left;
}
.form-check .form-check-input {
  cursor: pointer;
}
.form-check label {
  cursor: pointer;
}

.form-check-primary .form-check-input:checked {
  background-color: #003d9b;
  border-color: #003d9b;
}

.form-radio-primary .form-check-input:checked {
  border-color: #003d9b;
  background-color: #003d9b;
}
.form-radio-primary .form-check-input:checked:after {
  background-color: #003d9b;
}

.form-check-secondary .form-check-input:checked {
  background-color: #0286c7;
  border-color: #0286c7;
}

.form-radio-secondary .form-check-input:checked {
  border-color: #0286c7;
  background-color: #0286c7;
}
.form-radio-secondary .form-check-input:checked:after {
  background-color: #0286c7;
}

.form-check-success .form-check-input:checked {
  background-color: #45CB85;
  border-color: #45CB85;
}

.form-radio-success .form-check-input:checked {
  border-color: #45CB85;
  background-color: #45CB85;
}
.form-radio-success .form-check-input:checked:after {
  background-color: #45CB85;
}

.form-check-info .form-check-input:checked {
  background-color: #299cdb;
  border-color: #299cdb;
}

.form-radio-info .form-check-input:checked {
  border-color: #299cdb;
  background-color: #299cdb;
}
.form-radio-info .form-check-input:checked:after {
  background-color: #299cdb;
}

.form-check-warning .form-check-input:checked {
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}

.form-radio-warning .form-check-input:checked {
  border-color: #ffbe0b;
  background-color: #ffbe0b;
}
.form-radio-warning .form-check-input:checked:after {
  background-color: #ffbe0b;
}

.form-check-danger .form-check-input:checked {
  background-color: #f06548;
  border-color: #f06548;
}

.form-radio-danger .form-check-input:checked {
  border-color: #f06548;
  background-color: #f06548;
}
.form-radio-danger .form-check-input:checked:after {
  background-color: #f06548;
}

.form-check-light .form-check-input:checked {
  background-color: #f3f6f9;
  border-color: #f3f6f9;
}

.form-radio-light .form-check-input:checked {
  border-color: #f3f6f9;
  background-color: #f3f6f9;
}
.form-radio-light .form-check-input:checked:after {
  background-color: #f3f6f9;
}

.form-check-dark .form-check-input:checked {
  background-color: #000;
  border-color: #000;
}

.form-radio-dark .form-check-input:checked {
  border-color: #000;
  background-color: #000;
}
.form-radio-dark .form-check-input:checked:after {
  background-color: #000;
}

.form-check-gray .form-check-input:checked {
  background-color: #878a99;
  border-color: #878a99;
}

.form-radio-gray .form-check-input:checked {
  border-color: #878a99;
  background-color: #878a99;
}
.form-radio-gray .form-check-input:checked:after {
  background-color: #878a99;
}

.form-check-important .form-check-input:checked {
  background-color: #ed213a;
  border-color: #ed213a;
}

.form-radio-important .form-check-input:checked {
  border-color: #ed213a;
  background-color: #ed213a;
}
.form-radio-important .form-check-input:checked:after {
  background-color: #ed213a;
}

.form-check-dark-green .form-check-input:checked {
  background-color: #1e7e33;
  border-color: #1e7e33;
}

.form-radio-dark-green .form-check-input:checked {
  border-color: #1e7e33;
  background-color: #1e7e33;
}
.form-radio-dark-green .form-check-input:checked:after {
  background-color: #1e7e33;
}

.form-check-blue .form-check-input:checked {
  background-color: #3577f1;
  border-color: #3577f1;
}

.form-radio-blue .form-check-input:checked {
  border-color: #3577f1;
  background-color: #3577f1;
}
.form-radio-blue .form-check-input:checked:after {
  background-color: #3577f1;
}

.form-check-indigo .form-check-input:checked {
  background-color: #4b38b3;
  border-color: #4b38b3;
}

.form-radio-indigo .form-check-input:checked {
  border-color: #4b38b3;
  background-color: #4b38b3;
}
.form-radio-indigo .form-check-input:checked:after {
  background-color: #4b38b3;
}

.form-check-purple .form-check-input:checked {
  background-color: #6559cc;
  border-color: #6559cc;
}

.form-radio-purple .form-check-input:checked {
  border-color: #6559cc;
  background-color: #6559cc;
}
.form-radio-purple .form-check-input:checked:after {
  background-color: #6559cc;
}

.form-check-pink .form-check-input:checked {
  background-color: #f672a7;
  border-color: #f672a7;
}

.form-radio-pink .form-check-input:checked {
  border-color: #f672a7;
  background-color: #f672a7;
}
.form-radio-pink .form-check-input:checked:after {
  background-color: #f672a7;
}

.form-check-red .form-check-input:checked {
  background-color: #f06548;
  border-color: #f06548;
}

.form-radio-red .form-check-input:checked {
  border-color: #f06548;
  background-color: #f06548;
}
.form-radio-red .form-check-input:checked:after {
  background-color: #f06548;
}

.form-check-orange .form-check-input:checked {
  background-color: #f1963b;
  border-color: #f1963b;
}

.form-radio-orange .form-check-input:checked {
  border-color: #f1963b;
  background-color: #f1963b;
}
.form-radio-orange .form-check-input:checked:after {
  background-color: #f1963b;
}

.form-check-yellow .form-check-input:checked {
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}

.form-radio-yellow .form-check-input:checked {
  border-color: #ffbe0b;
  background-color: #ffbe0b;
}
.form-radio-yellow .form-check-input:checked:after {
  background-color: #ffbe0b;
}

.form-check-green .form-check-input:checked {
  background-color: #45CB85;
  border-color: #45CB85;
}

.form-radio-green .form-check-input:checked {
  border-color: #45CB85;
  background-color: #45CB85;
}
.form-radio-green .form-check-input:checked:after {
  background-color: #45CB85;
}

.form-check-teal .form-check-input:checked {
  background-color: #02a8b5;
  border-color: #02a8b5;
}

.form-radio-teal .form-check-input:checked {
  border-color: #02a8b5;
  background-color: #02a8b5;
}
.form-radio-teal .form-check-input:checked:after {
  background-color: #02a8b5;
}

.form-check-cyan .form-check-input:checked {
  background-color: #299cdb;
  border-color: #299cdb;
}

.form-radio-cyan .form-check-input:checked {
  border-color: #299cdb;
  background-color: #299cdb;
}
.form-radio-cyan .form-check-input:checked:after {
  background-color: #299cdb;
}

.form-check-white .form-check-input:checked {
  background-color: #fff;
  border-color: #fff;
}

.form-radio-white .form-check-input:checked {
  border-color: #fff;
  background-color: #fff;
}
.form-radio-white .form-check-input:checked:after {
  background-color: #fff;
}

.form-check-gray-dark .form-check-input:checked {
  background-color: #343a40;
  border-color: #343a40;
}

.form-radio-gray-dark .form-check-input:checked {
  border-color: #343a40;
  background-color: #343a40;
}
.form-radio-gray-dark .form-check-input:checked:after {
  background-color: #343a40;
}

.form-radio-white .form-check-input {
  border-color: #fff;
  background-color: transparent;
  border-width: 2px;
}
.form-radio-white .form-check-input:checked {
  border-color: #fff;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2300054d'/%3e%3c/svg%3e");
}

.form-check-label {
  cursor: pointer;
  margin-bottom: 0;
}

.form-check-right {
  padding-left: 0;
  display: inline-block;
}
.form-check-right .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.6em;
}
.form-check-right .form-check-label {
  display: block;
}
.form-check-right.form-switch .form-check-input {
  margin-right: -2.56em;
}

.form-check-outline.form-check-primary .form-check-input:checked[type=checkbox] {
  color: #003d9b;
  background-color: transparent;
  border-color: #003d9b;
}

.form-check-outline.form-check-secondary .form-check-input:checked[type=checkbox] {
  color: #0286c7;
  background-color: transparent;
  border-color: #0286c7;
}

.form-check-outline.form-check-success .form-check-input:checked[type=checkbox] {
  color: #45CB85;
  background-color: transparent;
  border-color: #45CB85;
}

.form-check-outline.form-check-info .form-check-input:checked[type=checkbox] {
  color: #299cdb;
  background-color: transparent;
  border-color: #299cdb;
}

.form-check-outline.form-check-warning .form-check-input:checked[type=checkbox] {
  color: #ffbe0b;
  background-color: transparent;
  border-color: #ffbe0b;
}

.form-check-outline.form-check-danger .form-check-input:checked[type=checkbox] {
  color: #f06548;
  background-color: transparent;
  border-color: #f06548;
}

.form-check-outline.form-check-light .form-check-input:checked[type=checkbox] {
  color: #f3f6f9;
  background-color: transparent;
  border-color: #f3f6f9;
}

.form-check-outline.form-check-dark .form-check-input:checked[type=checkbox] {
  color: #000;
  background-color: transparent;
  border-color: #000;
}

.form-check-outline.form-check-gray .form-check-input:checked[type=checkbox] {
  color: #878a99;
  background-color: transparent;
  border-color: #878a99;
}

.form-check-outline.form-check-important .form-check-input:checked[type=checkbox] {
  color: #ed213a;
  background-color: transparent;
  border-color: #ed213a;
}

.form-check-outline.form-check-dark-green .form-check-input:checked[type=checkbox] {
  color: #1e7e33;
  background-color: transparent;
  border-color: #1e7e33;
}

.form-check-outline.form-check-blue .form-check-input:checked[type=checkbox] {
  color: #3577f1;
  background-color: transparent;
  border-color: #3577f1;
}

.form-check-outline.form-check-indigo .form-check-input:checked[type=checkbox] {
  color: #4b38b3;
  background-color: transparent;
  border-color: #4b38b3;
}

.form-check-outline.form-check-purple .form-check-input:checked[type=checkbox] {
  color: #6559cc;
  background-color: transparent;
  border-color: #6559cc;
}

.form-check-outline.form-check-pink .form-check-input:checked[type=checkbox] {
  color: #f672a7;
  background-color: transparent;
  border-color: #f672a7;
}

.form-check-outline.form-check-red .form-check-input:checked[type=checkbox] {
  color: #f06548;
  background-color: transparent;
  border-color: #f06548;
}

.form-check-outline.form-check-orange .form-check-input:checked[type=checkbox] {
  color: #f1963b;
  background-color: transparent;
  border-color: #f1963b;
}

.form-check-outline.form-check-yellow .form-check-input:checked[type=checkbox] {
  color: #ffbe0b;
  background-color: transparent;
  border-color: #ffbe0b;
}

.form-check-outline.form-check-green .form-check-input:checked[type=checkbox] {
  color: #45CB85;
  background-color: transparent;
  border-color: #45CB85;
}

.form-check-outline.form-check-teal .form-check-input:checked[type=checkbox] {
  color: #02a8b5;
  background-color: transparent;
  border-color: #02a8b5;
}

.form-check-outline.form-check-cyan .form-check-input:checked[type=checkbox] {
  color: #299cdb;
  background-color: transparent;
  border-color: #299cdb;
}

.form-check-outline.form-check-white .form-check-input:checked[type=checkbox] {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.form-check-outline.form-check-gray-dark .form-check-input:checked[type=checkbox] {
  color: #343a40;
  background-color: transparent;
  border-color: #343a40;
}

.form-check-outline .form-check-input {
  position: relative;
}
.form-check-outline .form-check-input:checked[type=checkbox] {
  background-image: none;
}
.form-check-outline .form-check-input:checked[type=checkbox]::before {
  content: "\f012c";
  font-family: "Material Design Icons";
  top: -2px;
  position: absolute;
  font-weight: 700;
  font-size: 11px;
  left: 1px;
}

.form-radio-outline.form-radio-primary .form-check-input:checked[type=radio] {
  color: #003d9b;
  background-color: transparent;
  border-color: #003d9b;
}

.form-radio-outline.form-radio-secondary .form-check-input:checked[type=radio] {
  color: #0286c7;
  background-color: transparent;
  border-color: #0286c7;
}

.form-radio-outline.form-radio-success .form-check-input:checked[type=radio] {
  color: #45CB85;
  background-color: transparent;
  border-color: #45CB85;
}

.form-radio-outline.form-radio-info .form-check-input:checked[type=radio] {
  color: #299cdb;
  background-color: transparent;
  border-color: #299cdb;
}

.form-radio-outline.form-radio-warning .form-check-input:checked[type=radio] {
  color: #ffbe0b;
  background-color: transparent;
  border-color: #ffbe0b;
}

.form-radio-outline.form-radio-danger .form-check-input:checked[type=radio] {
  color: #f06548;
  background-color: transparent;
  border-color: #f06548;
}

.form-radio-outline.form-radio-light .form-check-input:checked[type=radio] {
  color: #f3f6f9;
  background-color: transparent;
  border-color: #f3f6f9;
}

.form-radio-outline.form-radio-dark .form-check-input:checked[type=radio] {
  color: #000;
  background-color: transparent;
  border-color: #000;
}

.form-radio-outline.form-radio-gray .form-check-input:checked[type=radio] {
  color: #878a99;
  background-color: transparent;
  border-color: #878a99;
}

.form-radio-outline.form-radio-important .form-check-input:checked[type=radio] {
  color: #ed213a;
  background-color: transparent;
  border-color: #ed213a;
}

.form-radio-outline.form-radio-dark-green .form-check-input:checked[type=radio] {
  color: #1e7e33;
  background-color: transparent;
  border-color: #1e7e33;
}

.form-radio-outline.form-radio-blue .form-check-input:checked[type=radio] {
  color: #3577f1;
  background-color: transparent;
  border-color: #3577f1;
}

.form-radio-outline.form-radio-indigo .form-check-input:checked[type=radio] {
  color: #4b38b3;
  background-color: transparent;
  border-color: #4b38b3;
}

.form-radio-outline.form-radio-purple .form-check-input:checked[type=radio] {
  color: #6559cc;
  background-color: transparent;
  border-color: #6559cc;
}

.form-radio-outline.form-radio-pink .form-check-input:checked[type=radio] {
  color: #f672a7;
  background-color: transparent;
  border-color: #f672a7;
}

.form-radio-outline.form-radio-red .form-check-input:checked[type=radio] {
  color: #f06548;
  background-color: transparent;
  border-color: #f06548;
}

.form-radio-outline.form-radio-orange .form-check-input:checked[type=radio] {
  color: #f1963b;
  background-color: transparent;
  border-color: #f1963b;
}

.form-radio-outline.form-radio-yellow .form-check-input:checked[type=radio] {
  color: #ffbe0b;
  background-color: transparent;
  border-color: #ffbe0b;
}

.form-radio-outline.form-radio-green .form-check-input:checked[type=radio] {
  color: #45CB85;
  background-color: transparent;
  border-color: #45CB85;
}

.form-radio-outline.form-radio-teal .form-check-input:checked[type=radio] {
  color: #02a8b5;
  background-color: transparent;
  border-color: #02a8b5;
}

.form-radio-outline.form-radio-cyan .form-check-input:checked[type=radio] {
  color: #299cdb;
  background-color: transparent;
  border-color: #299cdb;
}

.form-radio-outline.form-radio-white .form-check-input:checked[type=radio] {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.form-radio-outline.form-radio-gray-dark .form-check-input:checked[type=radio] {
  color: #343a40;
  background-color: transparent;
  border-color: #343a40;
}

.form-radio-outline .form-check-input {
  position: relative;
}
.form-radio-outline .form-check-input:checked[type=radio] {
  background-image: none;
}
.form-radio-outline .form-check-input:checked[type=radio]::before {
  content: "\f0765";
  font-family: "Material Design Icons";
  top: 0px;
  position: absolute;
  font-size: 8px;
  left: 2.2px;
}

.form-switch-md {
  padding-left: 2.5rem;
  min-height: 22px;
  line-height: 22px;
}
.form-switch-md .form-check-input {
  width: 40px;
  height: 20px;
  left: -0.5rem;
  position: relative;
}
.form-switch-md .form-check-label {
  vertical-align: middle;
}

.form-switch-lg {
  padding-left: 2.75rem;
  min-height: 28px;
  line-height: 28px;
}
.form-switch-lg .form-check-input {
  width: 48px;
  height: 24px;
  left: -0.75rem;
  position: relative;
}

.input-group-text {
  margin-bottom: 0px;
}

.form-switch-primary .form-check-input:checked {
  background-color: #003d9b;
  border-color: #003d9b;
}

.form-switch-custom.form-switch-primary .form-check-input:checked::before {
  color: #003d9b;
}

.form-switch-secondary .form-check-input:checked {
  background-color: #0286c7;
  border-color: #0286c7;
}

.form-switch-custom.form-switch-secondary .form-check-input:checked::before {
  color: #0286c7;
}

.form-switch-success .form-check-input:checked {
  background-color: #45CB85;
  border-color: #45CB85;
}

.form-switch-custom.form-switch-success .form-check-input:checked::before {
  color: #45CB85;
}

.form-switch-info .form-check-input:checked {
  background-color: #299cdb;
  border-color: #299cdb;
}

.form-switch-custom.form-switch-info .form-check-input:checked::before {
  color: #299cdb;
}

.form-switch-warning .form-check-input:checked {
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}

.form-switch-custom.form-switch-warning .form-check-input:checked::before {
  color: #ffbe0b;
}

.form-switch-danger .form-check-input:checked {
  background-color: #f06548;
  border-color: #f06548;
}

.form-switch-custom.form-switch-danger .form-check-input:checked::before {
  color: #f06548;
}

.form-switch-light .form-check-input:checked {
  background-color: #f3f6f9;
  border-color: #f3f6f9;
}

.form-switch-custom.form-switch-light .form-check-input:checked::before {
  color: #f3f6f9;
}

.form-switch-dark .form-check-input:checked {
  background-color: #000;
  border-color: #000;
}

.form-switch-custom.form-switch-dark .form-check-input:checked::before {
  color: #000;
}

.form-switch-gray .form-check-input:checked {
  background-color: #878a99;
  border-color: #878a99;
}

.form-switch-custom.form-switch-gray .form-check-input:checked::before {
  color: #878a99;
}

.form-switch-important .form-check-input:checked {
  background-color: #ed213a;
  border-color: #ed213a;
}

.form-switch-custom.form-switch-important .form-check-input:checked::before {
  color: #ed213a;
}

.form-switch-dark-green .form-check-input:checked {
  background-color: #1e7e33;
  border-color: #1e7e33;
}

.form-switch-custom.form-switch-dark-green .form-check-input:checked::before {
  color: #1e7e33;
}

.form-switch-blue .form-check-input:checked {
  background-color: #3577f1;
  border-color: #3577f1;
}

.form-switch-custom.form-switch-blue .form-check-input:checked::before {
  color: #3577f1;
}

.form-switch-indigo .form-check-input:checked {
  background-color: #4b38b3;
  border-color: #4b38b3;
}

.form-switch-custom.form-switch-indigo .form-check-input:checked::before {
  color: #4b38b3;
}

.form-switch-purple .form-check-input:checked {
  background-color: #6559cc;
  border-color: #6559cc;
}

.form-switch-custom.form-switch-purple .form-check-input:checked::before {
  color: #6559cc;
}

.form-switch-pink .form-check-input:checked {
  background-color: #f672a7;
  border-color: #f672a7;
}

.form-switch-custom.form-switch-pink .form-check-input:checked::before {
  color: #f672a7;
}

.form-switch-red .form-check-input:checked {
  background-color: #f06548;
  border-color: #f06548;
}

.form-switch-custom.form-switch-red .form-check-input:checked::before {
  color: #f06548;
}

.form-switch-orange .form-check-input:checked {
  background-color: #f1963b;
  border-color: #f1963b;
}

.form-switch-custom.form-switch-orange .form-check-input:checked::before {
  color: #f1963b;
}

.form-switch-yellow .form-check-input:checked {
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}

.form-switch-custom.form-switch-yellow .form-check-input:checked::before {
  color: #ffbe0b;
}

.form-switch-green .form-check-input:checked {
  background-color: #45CB85;
  border-color: #45CB85;
}

.form-switch-custom.form-switch-green .form-check-input:checked::before {
  color: #45CB85;
}

.form-switch-teal .form-check-input:checked {
  background-color: #02a8b5;
  border-color: #02a8b5;
}

.form-switch-custom.form-switch-teal .form-check-input:checked::before {
  color: #02a8b5;
}

.form-switch-cyan .form-check-input:checked {
  background-color: #299cdb;
  border-color: #299cdb;
}

.form-switch-custom.form-switch-cyan .form-check-input:checked::before {
  color: #299cdb;
}

.form-switch-white .form-check-input:checked {
  background-color: #fff;
  border-color: #fff;
}

.form-switch-custom.form-switch-white .form-check-input:checked::before {
  color: #fff;
}

.form-switch-gray-dark .form-check-input:checked {
  background-color: #343a40;
  border-color: #343a40;
}

.form-switch-custom.form-switch-gray-dark .form-check-input:checked::before {
  color: #343a40;
}

.form-switch-custom .form-check-input {
  position: relative;
  background-image: none;
}
.form-switch-custom .form-check-input::before {
  content: "\f0765";
  font-family: "Material Design Icons";
  top: -9px;
  position: absolute;
  font-size: 20px;
  left: -3px;
  color: #878a99;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch-custom .form-check-input::before {
    transition: none;
  }
}
.form-switch-custom .form-check-input:checked {
  background-image: none;
  background-color: #fff;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch-custom .form-check-input:checked {
    transition: none;
  }
}
.form-switch-custom .form-check-input:checked::before {
  right: -3px;
  left: auto;
}
.form-switch-custom .form-check-input:focus {
  background-image: none;
}

.form-switch-right {
  display: inline-block;
  padding-right: 0.8em;
  margin-bottom: 0;
  padding-left: 0 !important;
}
.form-switch-right .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.6em;
  margin-top: 0.1em !important;
}
.form-switch-right label {
  margin-bottom: 0;
  margin-right: 1rem;
}

.card-radio {
  padding: 0;
}
.card-radio .form-check-label {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  position: relative;
  padding-right: 32px;
}
.card-radio .form-check-label:hover {
  cursor: pointer;
}
.card-radio .form-check-input {
  display: none;
}
.card-radio .form-check-input:checked + .form-check-label {
  border-color: #003d9b !important;
}
.card-radio .form-check-input:checked + .form-check-label:before {
  content: "\eb80";
  font-family: "remixicon";
  position: absolute;
  top: 2px;
  right: 6px;
  font-size: 16px;
  color: #003d9b;
}
.card-radio.dark .form-check-input:checked + .form-check-label:before {
  color: #fff;
}

.form-icon {
  position: relative;
}
.form-icon .form-control-icon {
  padding-left: 2.7rem;
  position: relative;
}
.form-icon i {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 18px;
  display: flex;
  align-items: center;
}
.form-icon.right .form-control-icon {
  padding-right: 2.7rem;
  padding-left: 0.9rem;
  position: relative;
}
.form-icon.right i {
  left: auto;
  right: 18px;
}

.form-control.disabled,
.form-select.disabled {
  background-color: #eff2f7;
  cursor: default;
}

.form-select {
  -moz-padding-start: 0.9rem;
}

.list-group-fill-primary .list-group-item.active {
  background-color: #003d9b !important;
  border-color: #003d9b;
}

.list-group-fill-secondary .list-group-item.active {
  background-color: #0286c7 !important;
  border-color: #0286c7;
}

.list-group-fill-success .list-group-item.active {
  background-color: #45CB85 !important;
  border-color: #45CB85;
}

.list-group-fill-info .list-group-item.active {
  background-color: #299cdb !important;
  border-color: #299cdb;
}

.list-group-fill-warning .list-group-item.active {
  background-color: #ffbe0b !important;
  border-color: #ffbe0b;
}

.list-group-fill-danger .list-group-item.active {
  background-color: #f06548 !important;
  border-color: #f06548;
}

.list-group-fill-light .list-group-item.active {
  background-color: #f3f6f9 !important;
  border-color: #f3f6f9;
}

.list-group-fill-dark .list-group-item.active {
  background-color: #000 !important;
  border-color: #000;
}

.list-group-fill-gray .list-group-item.active {
  background-color: #878a99 !important;
  border-color: #878a99;
}

.list-group-fill-important .list-group-item.active {
  background-color: #ed213a !important;
  border-color: #ed213a;
}

.list-group-fill-dark-green .list-group-item.active {
  background-color: #1e7e33 !important;
  border-color: #1e7e33;
}

.list-group-fill-blue .list-group-item.active {
  background-color: #3577f1 !important;
  border-color: #3577f1;
}

.list-group-fill-indigo .list-group-item.active {
  background-color: #4b38b3 !important;
  border-color: #4b38b3;
}

.list-group-fill-purple .list-group-item.active {
  background-color: #6559cc !important;
  border-color: #6559cc;
}

.list-group-fill-pink .list-group-item.active {
  background-color: #f672a7 !important;
  border-color: #f672a7;
}

.list-group-fill-red .list-group-item.active {
  background-color: #f06548 !important;
  border-color: #f06548;
}

.list-group-fill-orange .list-group-item.active {
  background-color: #f1963b !important;
  border-color: #f1963b;
}

.list-group-fill-yellow .list-group-item.active {
  background-color: #ffbe0b !important;
  border-color: #ffbe0b;
}

.list-group-fill-green .list-group-item.active {
  background-color: #45CB85 !important;
  border-color: #45CB85;
}

.list-group-fill-teal .list-group-item.active {
  background-color: #02a8b5 !important;
  border-color: #02a8b5;
}

.list-group-fill-cyan .list-group-item.active {
  background-color: #299cdb !important;
  border-color: #299cdb;
}

.list-group-fill-white .list-group-item.active {
  background-color: #fff !important;
  border-color: #fff;
}

.list-group-fill-gray-dark .list-group-item.active {
  background-color: #343a40 !important;
  border-color: #343a40;
}

.list-group-fill-light {
  color: #000 !important;
}

.list-group-item {
  margin-bottom: 0px;
}
.list-group-item .list-text {
  color: #878a99;
}
.list-group-item.active {
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
}
.list-group-item.active .list-title {
  color: #fff;
}
.list-group-item.active .list-text {
  color: rgba(255, 255, 255, 0.5);
}

.offcanvas.offcanvas-bottom {
  height: auto !important;
  max-height: auto !important;
}
.offcanvas.offcanvas-bottom .offcanvas-header {
  border-bottom: 1px solid #e9ebec;
}
.offcanvas.offcanvas-bottom .offcanvas-footer {
  padding: 1rem 1rem;
  border-top: 1px solid #e9ebec;
}

.sitemap {
  list-style: none;
  padding-left: 0.5rem;
}
.sitemap li {
  line-height: 1.5rem;
  margin-bottom: 0;
  vertical-align: top;
  list-style: none;
  position: relative;
  padding-left: 0;
}
.sitemap ul {
  padding: 0;
  margin: 0 0 0 0.5rem;
}
.sitemap ul li {
  position: relative;
}
.sitemap ul li:after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-bottom: 1px solid #e9ebec;
  border-left: 1px solid #e9ebec;
  position: absolute;
  top: -0.75rem;
  left: 0;
}
.sitemap ul ul {
  margin: 0 0 0 0.75rem;
}
.sitemap label {
  margin-bottom: 0 !important;
  font-weight: 400;
}
.sitemap .form-check-input {
  margin: 0.2rem 0.5rem 0 1.5rem;
}

.simplebar-track.simplebar-vertical {
  width: 9px !important;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  border-radius: 0;
  background-color: #adb5bd;
}

.swiper-button-next, .swiper-button-prev {
  height: 32px;
  width: 32px;
  background-color: rgba(0, 61, 155, 0.2);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 8px;
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-family: remixicon;
  font-size: 28px;
  color: #003d9b;
  transition: all 0.3s ease;
}

.swiper-button-prev::after {
  content: "\ea64" !important;
}

.swiper-button-next::after {
  content: "\ea6e" !important;
}

.swiper-pagination {
  bottom: 0 !important;
}

.swiper-pagination-bullet {
  width: 22px;
  height: 5px;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
}
.swiper-pagination-bullet .swiper-pagination-bullet-active {
  opacity: 1;
}

.dynamic-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.dynamic-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  width: 20px;
}

.swiper-pagination-fraction {
  color: #fff;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.pagination-custom {
  bottom: 0.5rem;
}
.pagination-custom .swiper-pagination-bullet {
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 8px;
  background-color: #fff;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #0286c7;
  opacity: 1;
}

.swiper-pagination-progressbar {
  height: 6px !important;
  background-color: rgba(69, 203, 133, 0.25);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #45CB85;
}

.swiper-scrollbar {
  background-color: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 1.2px;
  height: 6px !important;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #fff;
}

.swiper-pagination-dark .swiper-pagination-bullet {
  background-color: #000;
}
.swiper-pagination-dark .dynamic-pagination .swiper-pagination-bullet {
  background-color: #000;
}
.swiper-pagination-dark.pagination-custom .swiper-pagination-bullet {
  color: #fff;
}
.swiper-pagination-dark.pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination-dark.swiper-scrollbar {
  background-color: rgba(0, 0, 0, 0.35);
}

.noUi-connect {
  background: #f3f6f9;
}

.noUi-handle {
  background: #0286c7;
  border: 2px solid #fff;
  box-shadow: none;
  cursor: pointer;
  border-radius: 50%;
}

.noUi-horizontal {
  height: 0.25rem;
}
.noUi-horizontal .noUi-handle {
  height: 1rem;
  width: 1rem;
  right: -0.5rem !important;
  top: -0.5rem;
}
.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {
  display: none;
}
.noUi-horizontal .noUi-handle:focus {
  outline: 0;
}

.noUi-pips-horizontal {
  height: 50px;
}

.noUi-tooltip {
  padding: 0.4rem 0.7rem;
  border-color: #e9ebec;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #212529;
}

.noUi-vertical {
  width: 4px;
}
.noUi-vertical .noUi-handle {
  height: 16px;
  width: 16px;
  right: -8px;
  top: -12px;
  left: auto;
  border-radius: 50%;
}
.noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {
  display: none;
}
.noUi-vertical .noUi-handle:focus {
  outline: 0;
}
.noUi-vertical .noUi-origin {
  top: 0;
}

.noUi-value {
  font-size: 12px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 12px;
}

.noUi-value-horizontal {
  padding-top: 4px;
}

.noUi-target {
  box-shadow: none;
  background-color: #f3f6f9;
  border-color: #f3f6f9;
}

.noUi-touch-area:focus {
  outline: 0;
}

.form-control.keyboard {
  max-width: 340px !important;
}

.noUi-tooltip {
  display: none;
}

.noUi-active .noUi-tooltip {
  display: block;
}

[data-slider-color=primary] .noUi-connect {
  background: #003d9b;
}
[data-slider-color=primary] .noUi-handle {
  background: #003d9b;
}
[data-slider-color=primary][data-slider-style=border] .noUi-handle, [data-slider-color=primary][data-slider-style=square] .noUi-handle {
  border-color: #003d9b;
}

[data-slider-color=secondary] .noUi-connect {
  background: #0286c7;
}
[data-slider-color=secondary] .noUi-handle {
  background: #0286c7;
}
[data-slider-color=secondary][data-slider-style=border] .noUi-handle, [data-slider-color=secondary][data-slider-style=square] .noUi-handle {
  border-color: #0286c7;
}

[data-slider-color=success] .noUi-connect {
  background: #45CB85;
}
[data-slider-color=success] .noUi-handle {
  background: #45CB85;
}
[data-slider-color=success][data-slider-style=border] .noUi-handle, [data-slider-color=success][data-slider-style=square] .noUi-handle {
  border-color: #45CB85;
}

[data-slider-color=info] .noUi-connect {
  background: #299cdb;
}
[data-slider-color=info] .noUi-handle {
  background: #299cdb;
}
[data-slider-color=info][data-slider-style=border] .noUi-handle, [data-slider-color=info][data-slider-style=square] .noUi-handle {
  border-color: #299cdb;
}

[data-slider-color=warning] .noUi-connect {
  background: #ffbe0b;
}
[data-slider-color=warning] .noUi-handle {
  background: #ffbe0b;
}
[data-slider-color=warning][data-slider-style=border] .noUi-handle, [data-slider-color=warning][data-slider-style=square] .noUi-handle {
  border-color: #ffbe0b;
}

[data-slider-color=danger] .noUi-connect {
  background: #f06548;
}
[data-slider-color=danger] .noUi-handle {
  background: #f06548;
}
[data-slider-color=danger][data-slider-style=border] .noUi-handle, [data-slider-color=danger][data-slider-style=square] .noUi-handle {
  border-color: #f06548;
}

[data-slider-color=light] .noUi-connect {
  background: #f3f6f9;
}
[data-slider-color=light] .noUi-handle {
  background: #f3f6f9;
}
[data-slider-color=light][data-slider-style=border] .noUi-handle, [data-slider-color=light][data-slider-style=square] .noUi-handle {
  border-color: #f3f6f9;
}

[data-slider-color=dark] .noUi-connect {
  background: #000;
}
[data-slider-color=dark] .noUi-handle {
  background: #000;
}
[data-slider-color=dark][data-slider-style=border] .noUi-handle, [data-slider-color=dark][data-slider-style=square] .noUi-handle {
  border-color: #000;
}

[data-slider-color=gray] .noUi-connect {
  background: #878a99;
}
[data-slider-color=gray] .noUi-handle {
  background: #878a99;
}
[data-slider-color=gray][data-slider-style=border] .noUi-handle, [data-slider-color=gray][data-slider-style=square] .noUi-handle {
  border-color: #878a99;
}

[data-slider-color=important] .noUi-connect {
  background: #ed213a;
}
[data-slider-color=important] .noUi-handle {
  background: #ed213a;
}
[data-slider-color=important][data-slider-style=border] .noUi-handle, [data-slider-color=important][data-slider-style=square] .noUi-handle {
  border-color: #ed213a;
}

[data-slider-color=dark-green] .noUi-connect {
  background: #1e7e33;
}
[data-slider-color=dark-green] .noUi-handle {
  background: #1e7e33;
}
[data-slider-color=dark-green][data-slider-style=border] .noUi-handle, [data-slider-color=dark-green][data-slider-style=square] .noUi-handle {
  border-color: #1e7e33;
}

[data-slider-color=blue] .noUi-connect {
  background: #3577f1;
}
[data-slider-color=blue] .noUi-handle {
  background: #3577f1;
}
[data-slider-color=blue][data-slider-style=border] .noUi-handle, [data-slider-color=blue][data-slider-style=square] .noUi-handle {
  border-color: #3577f1;
}

[data-slider-color=indigo] .noUi-connect {
  background: #4b38b3;
}
[data-slider-color=indigo] .noUi-handle {
  background: #4b38b3;
}
[data-slider-color=indigo][data-slider-style=border] .noUi-handle, [data-slider-color=indigo][data-slider-style=square] .noUi-handle {
  border-color: #4b38b3;
}

[data-slider-color=purple] .noUi-connect {
  background: #6559cc;
}
[data-slider-color=purple] .noUi-handle {
  background: #6559cc;
}
[data-slider-color=purple][data-slider-style=border] .noUi-handle, [data-slider-color=purple][data-slider-style=square] .noUi-handle {
  border-color: #6559cc;
}

[data-slider-color=pink] .noUi-connect {
  background: #f672a7;
}
[data-slider-color=pink] .noUi-handle {
  background: #f672a7;
}
[data-slider-color=pink][data-slider-style=border] .noUi-handle, [data-slider-color=pink][data-slider-style=square] .noUi-handle {
  border-color: #f672a7;
}

[data-slider-color=red] .noUi-connect {
  background: #f06548;
}
[data-slider-color=red] .noUi-handle {
  background: #f06548;
}
[data-slider-color=red][data-slider-style=border] .noUi-handle, [data-slider-color=red][data-slider-style=square] .noUi-handle {
  border-color: #f06548;
}

[data-slider-color=orange] .noUi-connect {
  background: #f1963b;
}
[data-slider-color=orange] .noUi-handle {
  background: #f1963b;
}
[data-slider-color=orange][data-slider-style=border] .noUi-handle, [data-slider-color=orange][data-slider-style=square] .noUi-handle {
  border-color: #f1963b;
}

[data-slider-color=yellow] .noUi-connect {
  background: #ffbe0b;
}
[data-slider-color=yellow] .noUi-handle {
  background: #ffbe0b;
}
[data-slider-color=yellow][data-slider-style=border] .noUi-handle, [data-slider-color=yellow][data-slider-style=square] .noUi-handle {
  border-color: #ffbe0b;
}

[data-slider-color=green] .noUi-connect {
  background: #45CB85;
}
[data-slider-color=green] .noUi-handle {
  background: #45CB85;
}
[data-slider-color=green][data-slider-style=border] .noUi-handle, [data-slider-color=green][data-slider-style=square] .noUi-handle {
  border-color: #45CB85;
}

[data-slider-color=teal] .noUi-connect {
  background: #02a8b5;
}
[data-slider-color=teal] .noUi-handle {
  background: #02a8b5;
}
[data-slider-color=teal][data-slider-style=border] .noUi-handle, [data-slider-color=teal][data-slider-style=square] .noUi-handle {
  border-color: #02a8b5;
}

[data-slider-color=cyan] .noUi-connect {
  background: #299cdb;
}
[data-slider-color=cyan] .noUi-handle {
  background: #299cdb;
}
[data-slider-color=cyan][data-slider-style=border] .noUi-handle, [data-slider-color=cyan][data-slider-style=square] .noUi-handle {
  border-color: #299cdb;
}

[data-slider-color=white] .noUi-connect {
  background: #fff;
}
[data-slider-color=white] .noUi-handle {
  background: #fff;
}
[data-slider-color=white][data-slider-style=border] .noUi-handle, [data-slider-color=white][data-slider-style=square] .noUi-handle {
  border-color: #fff;
}

[data-slider-color=gray-dark] .noUi-connect {
  background: #343a40;
}
[data-slider-color=gray-dark] .noUi-handle {
  background: #343a40;
}
[data-slider-color=gray-dark][data-slider-style=border] .noUi-handle, [data-slider-color=gray-dark][data-slider-style=square] .noUi-handle {
  border-color: #343a40;
}

[data-slider-size=lg].noUi-horizontal {
  height: 12px;
}
[data-slider-size=lg].noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
}

[data-slider-size=md].noUi-horizontal {
  height: 8px;
}
[data-slider-size=md].noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
}

[data-slider-size=sm].noUi-horizontal {
  height: 4px;
}
[data-slider-size=sm].noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
}

[data-slider-style=line].noUi-horizontal .noUi-handle {
  width: 8px;
  border-radius: 50%;
  right: -8px;
}
[data-slider-style=line].noUi-vertical .noUi-handle {
  height: 8px;
  border-radius: 50%;
  top: -3px;
}

[data-slider-style=border] .noUi-handle {
  border-color: #45CB85;
  background-color: #fff;
}

[data-slider-style=square] .noUi-handle {
  border-radius: 0px;
  transform: rotate(45deg);
  height: 10px;
  width: 10px;
  top: -4px;
  border-color: #45CB85;
  background-color: #fff;
}

.autoComplete_wrapper {
  display: block;
}
.autoComplete_wrapper > input {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.5rem 0.9rem;
  font-size: 0.925rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  background-image: none;
}
.autoComplete_wrapper > input::-moz-placeholder {
  padding: 0 !important;
  color: #878a99 !important;
  font-size: 0.925rem !important;
}
.autoComplete_wrapper > input::placeholder {
  padding: 0 !important;
  color: #878a99 !important;
  font-size: 0.925rem !important;
}
.autoComplete_wrapper > input:focus {
  border: 1px solid #809ecd;
  color: #212529;
}
.autoComplete_wrapper > input:hover {
  color: #212529;
}
.autoComplete_wrapper > ul {
  border-radius: 0.25rem;
  border-color: #e9ebec;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  padding: 0;
  overflow: auto;
  max-height: 160px;
  margin: 0;
  animation-name: DropDownSlide;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.autoComplete_wrapper > ul > li {
  font-size: 0.925rem;
  margin: 0;
  padding: 0.35rem 1.2rem;
  border-radius: 0;
  background-color: #fff;
  color: #212529;
}
.autoComplete_wrapper > ul > li mark {
  color: #f06548;
  font-weight: 600;
  padding: 1px;
}
.autoComplete_wrapper > ul > li[aria-selected=true], .autoComplete_wrapper > ul > li:hover {
  color: #1e2125;
  background-color: #f3f6f9;
}
.autoComplete_wrapper > ul .no_result {
  padding: 0.7rem 1.2rem;
  font-style: italic;
  font-weight: 500;
}

.dialogelfinder {
  z-index: 10000 !important;
}

.elfinder {
  color: #546e7a;
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.elfinder.ui-widget.ui-widget-content {
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  border-radius: 0;
  border: 0;
}

.elfinder * {
  outline: 0 !important;
}

/** Loading **/
.elfinder-info-spinner,
.elfinder-navbar-spinner,
.elfinder-button-icon-spinner {
  background: url("./../images/elfinder/loading.svg") center center no-repeat !important;
  width: 16px;
  height: 16px;
}

/** Progress Bar **/
@keyframes progress-animation {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.elfinder-notify-progressbar {
  border: 0;
}

.elfinder-notify-progress,
.elfinder-notify-progressbar {
  border-radius: 0;
}

.elfinder-notify-progress,
.elfinder-resize-spinner {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  animation: progress-animation 1s linear infinite;
  background-color: #0275d8;
  height: 1rem;
}

/** Toast Notification **/
.elfinder .elfinder-toast > div {
  background-color: #323232 !important;
  color: #d6d6d6;
  box-shadow: none;
  opacity: inherit;
  padding: 10px 60px;
}

.elfinder .elfinder-toast > div button.ui-button {
  color: #fff;
}

.elfinder .elfinder-toast > .toast-info button.ui-button {
  background-color: #3498db;
}

.elfinder .elfinder-toast > .toast-error button.ui-button {
  background-color: #f44336;
}

.elfinder .elfinder-toast > .toast-success button.ui-button {
  background-color: #4caf50;
}

.elfinder .elfinder-toast > .toast-warning button.ui-button {
  background-color: #ff9800;
}

.elfinder-toast-msg {
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-size: 17px;
}

/** For Ace Editor **/
#ace_settingsmenu {
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6) !important;
  background-color: #1d2736 !important;
  color: #e6e6e6 !important;
}

#ace_settingsmenu,
#kbshortcutmenu {
  padding: 0;
}

.ace_optionsMenuEntry {
  padding: 5px 10px;
}

.ace_optionsMenuEntry:hover {
  background-color: #111721;
}

.ace_optionsMenuEntry label {
  font-size: 13px;
}

#ace_settingsmenu input[type=text],
#ace_settingsmenu select {
  margin: 1px 2px 2px;
  padding: 2px 5px;
  border-radius: 3px;
  border: 0;
  background: rgba(9, 53, 121, 0.75);
  color: white !important;
}

/** Icons **/
@font-face {
  font-family: elfinder;
  src: url("./../fonts/elfinder.eot?91804974");
  src: url("./../fonts/elfinder.eot?91804974#iefix") format("embedded-opentype"), url("./../fonts/elfinder.woff2?91804974") format("woff2"), url("./../fonts/elfinder.woff?91804974") format("woff"), url("./../fonts/elfinder.ttf?91804974") format("truetype"), url("./../fonts/elfinder.svg?91804974#elfinder") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: elfinder;
    src: url("./../fonts/elfinder.svg?91804974#elfinder") format("svg");
  }
}
.elfinder .ui-icon,
.elfinder-button-icon,
.ui-widget-header .ui-icon,
.ui-widget-content .ui-icon {
  font: normal normal normal 14px/1 elfinder;
  background-image: inherit;
  text-indent: inherit;
}

.elfinder .ui-button-icon-only .ui-icon {
  font: normal normal normal 14px/1 elfinder;
  background-image: inherit !important;
  text-indent: 0;
  font-size: 16px;
}

.elfinder-button-icon {
  background: inherit;
}

.elfinder-button-icon-home:before {
  content: "\e800";
}

.elfinder-button-icon-back:before {
  content: "\e801";
}

.elfinder-button-icon-forward:before {
  content: "\e802";
}

.elfinder-button-icon-up:before {
  content: "\e803";
}

.elfinder-button-icon-dir:before {
  content: "\e804";
}

.elfinder-button-icon-opendir:before {
  content: "\e805";
}

.elfinder-button-icon-reload:before {
  content: "\e806";
}

.elfinder-button-icon-open:before {
  content: "\e807";
}

.elfinder-button-icon-mkdir:before {
  content: "\e808";
}

.elfinder-button-icon-mkfile:before {
  content: "\e809";
}

.elfinder-button-icon-rm:before {
  content: "\e80a";
}

.elfinder-button-icon-trash:before {
  content: "\e80b";
}

.elfinder-button-icon-restore:before {
  content: "\e80c";
}

.elfinder-button-icon-copy:before {
  content: "\e80d";
}

.elfinder-button-icon-cut:before {
  content: "\e80e";
}

.elfinder-button-icon-paste:before {
  content: "\e80f";
}

.elfinder-button-icon-getfile:before {
  content: "\e810";
}

.elfinder-button-icon-duplicate:before {
  content: "\e811";
}

.elfinder-button-icon-rename:before {
  content: "\e812";
}

.elfinder-button-icon-edit:before {
  content: "\e813";
}

.elfinder-button-icon-quicklook:before {
  content: "\e814";
}

.elfinder-button-icon-upload:before {
  content: "\e815";
}

.elfinder-button-icon-download:before {
  content: "\e816";
}

.elfinder-button-icon-info:before {
  content: "\e817";
}

.elfinder-button-icon-extract:before {
  content: "\e818";
}

.elfinder-button-icon-archive:before {
  content: "\e819";
}

.elfinder-button-icon-view:before {
  content: "\e81a";
}

.elfinder-button-icon-view-list:before {
  content: "\e81b";
}

.elfinder-button-icon-help:before {
  content: "\e81c";
}

.elfinder-button-icon-resize:before {
  content: "\e81d";
}

.elfinder-button-icon-link:before {
  content: "\e81e";
}

.elfinder-button-icon-search:before {
  content: "\e81f";
}

.elfinder-button-icon-sort:before {
  content: "\e820";
}

.elfinder-button-icon-rotate-r:before {
  content: "\e821";
}

.elfinder-button-icon-rotate-l:before {
  content: "\e822";
}

.elfinder-button-icon-netmount:before {
  content: "\e823";
}

.elfinder-button-icon-netunmount:before {
  content: "\e824";
}

.elfinder-button-icon-places:before {
  content: "\e825";
}

.elfinder-button-icon-chmod:before {
  content: "\e826";
}

.elfinder-button-icon-accept:before {
  content: "\e827";
}

.elfinder-button-icon-menu:before {
  content: "\e828";
}

.elfinder-button-icon-colwidth:before {
  content: "\e829";
}

.elfinder-button-icon-fullscreen:before {
  content: "\e82a";
}

.elfinder-button-icon-unfullscreen:before {
  content: "\e82b";
}

.elfinder-button-icon-empty:before {
  content: "\e82c";
}

.elfinder-button-icon-undo:before {
  content: "\e82d";
}

.elfinder-button-icon-redo:before {
  content: "\e82e";
}

.elfinder-button-icon-preference:before {
  content: "\e82f";
}

.elfinder-button-icon-mkdirin:before {
  content: "\e830";
}

.elfinder-button-icon-selectall:before {
  content: "\e831";
}

.elfinder-button-icon-selectnone:before {
  content: "\e832";
}

.elfinder-button-icon-selectinvert:before {
  content: "\e833";
}

.elfinder-button-icon-logout:before {
  content: "\e85a";
}

.elfinder-button-icon-opennew:before {
  content: "\e85b";
}

.elfinder-button-icon-hide:before {
  content: "\e85d";
}

.elfinder-button-search .ui-icon.ui-icon-search {
  font-size: 17px;
}

.elfinder-button-search .ui-icon:hover {
  opacity: 1;
}

.elfinder-navbar-icon {
  font: normal normal normal 16px/1 elfinder;
  background-image: inherit !important;
}

.elfinder-navbar-icon:before {
  content: "\e804";
}

.elfinder-droppable-active .elfinder-navbar-icon:before,
.elfinder .ui-state-active .elfinder-navbar-icon:before,
.elfinder .ui-state-hover .elfinder-navbar-icon:before {
  content: "\e805";
}

.elfinder-navbar-root-local .elfinder-navbar-icon:before {
  content: "\e83d" !important;
}

.elfinder-navbar-root-ftp .elfinder-navbar-icon:before {
  content: "\e823" !important;
}

.elfinder-navbar-root-sql .elfinder-navbar-icon:before {
  content: "\e83e" !important;
}

.elfinder-navbar-root-dropbox .elfinder-navbar-icon:before {
  content: "\e83f" !important;
}

.elfinder-navbar-root-googledrive .elfinder-navbar-icon:before {
  content: "\e840" !important;
}

.elfinder-navbar-root-onedrive .elfinder-navbar-icon:before {
  content: "\e841" !important;
}

.elfinder-navbar-root-box .elfinder-navbar-icon:before {
  content: "\e842" !important;
}

.elfinder-navbar-root-trash .elfinder-navbar-icon:before {
  content: "\e80b" !important;
}

.elfinder-navbar-root-zip .elfinder-navbar-icon:before {
  content: "\e85c" !important;
}

.elfinder-navbar-root-network .elfinder-navbar-icon:before {
  content: "\e823" !important;
}

.elfinder-places .elfinder-navbar-root .elfinder-navbar-icon:before {
  content: "\e825" !important;
}

.elfinder-navbar-arrow {
  background-image: inherit !important;
  font: normal normal normal 14px/1 elfinder;
  font-size: 10px;
  padding-top: 3px;
  padding-left: 2px;
  color: #a9a9a9;
}

.elfinder .ui-state-active .elfinder-navbar-arrow {
  color: #fff;
}

.elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow:before {
  content: "\e857";
}

.elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow:before {
  content: "\e858";
}

.elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow:before,
.elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow:before {
  content: "\e851";
}

div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon {
  font-size: 8px;
  margin-top: 5px;
  margin-right: 5px;
}

div.elfinder-cwd-wrapper-list .ui-icon-grip-dotted-vertical {
  margin: 2px;
}

.elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon,
.elfinder-navbar-root-local .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon,
.elfinder-navbar-root-ftp .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon,
.elfinder-navbar-root-sql .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon,
.elfinder-navbar-root-dropbox .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon,
.elfinder-navbar-root-googledrive .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon,
.elfinder-navbar-root-onedrive .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon,
.elfinder-navbar-root-box .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon,
.elfinder-navbar-root-trash .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon,
.elfinder-navbar-root-zip .elfinder-cwd-icon,
.elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon,
.elfinder-navbar-root-network .elfinder-cwd-icon {
  background-image: inherit;
}

.elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon:before,
.elfinder-navbar-root-local .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon:before,
.elfinder-navbar-root-ftp .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon:before,
.elfinder-navbar-root-sql .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon:before,
.elfinder-navbar-root-dropbox .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon:before,
.elfinder-navbar-root-googledrive .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon:before,
.elfinder-navbar-root-onedrive .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon:before,
.elfinder-navbar-root-box .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon:before,
.elfinder-navbar-root-trash .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon:before,
.elfinder-navbar-root-zip .elfinder-cwd-icon:before,
.elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon:before,
.elfinder-navbar-root-network .elfinder-cwd-icon:before {
  font-family: elfinder;
  background-color: transparent;
  color: #525252;
  font-size: 55px;
  position: relative;
  top: -10px !important;
  padding: 0;
  display: contents !important;
}

.elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon:before,
.elfinder-navbar-root-local .elfinder-cwd-icon:before {
  content: "\e83d";
}

.elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon:before,
.elfinder-navbar-root-ftp .elfinder-cwd-icon:before {
  content: "\e823";
}

.elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon:before,
.elfinder-navbar-root-sql .elfinder-cwd-icon:before {
  content: "\e83e";
}

.elfinder-cwd-view-list .elfinder-navbar-roor-dropbox td .elfinder-cwd-icon:before,
.elfinder-navbar-roor-dropbox .elfinder-cwd-icon:before {
  content: "\e83f";
}

.elfinder-cwd-view-list .elfinder-navbar-roor-googledrive td .elfinder-cwd-icon:before,
.elfinder-navbar-roor-googledrive .elfinder-cwd-icon:before {
  content: "\e840";
}

.elfinder-cwd-view-list .elfinder-navbar-roor-onedrive td .elfinder-cwd-icon:before,
.elfinder-navbar-roor-onedrive .elfinder-cwd-icon:before {
  content: "\e841";
}

.elfinder-cwd-view-list .elfinder-navbar-roor-box td .elfinder-cwd-icon:before,
.elfinder-navbar-roor-box .elfinder-cwd-icon:before {
  content: "\e842";
}

.elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon:before,
.elfinder-navbar-root-trash .elfinder-cwd-icon:before {
  content: "\e80b";
}

.elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon:before,
.elfinder-navbar-root-zip .elfinder-cwd-icon:before {
  content: "\e85c";
}

.elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon:before,
.elfinder-navbar-root-network .elfinder-cwd-icon:before {
  content: "\e823";
}

.elfinder-dialog-icon {
  font: normal normal normal 14px/1 elfinder;
  background: inherit;
  color: #524949;
  font-size: 37px;
}

.elfinder-dialog-icon:before {
  content: "\e843";
}

.elfinder-dialog-icon-mkdir:before {
  content: "\e808";
}

.elfinder-dialog-icon-mkfile:before {
  content: "\e809";
}

.elfinder-dialog-icon-copy:before {
  content: "\e80d";
}

.elfinder-dialog-icon-prepare:before,
.elfinder-dialog-icon-move:before {
  content: "\e844";
}

.elfinder-dialog-icon-upload:before,
.elfinder-dialog-icon-chunkmerge:before {
  content: "\e815";
}

.elfinder-dialog-icon-rm:before {
  content: "\e80a";
}

.elfinder-dialog-icon-open:before,
.elfinder-dialog-icon-readdir:before,
.elfinder-dialog-icon-file:before {
  content: "\e807";
}

.elfinder-dialog-icon-reload:before {
  content: "\e806";
}

.elfinder-dialog-icon-download:before {
  content: "\e816";
}

.elfinder-dialog-icon-save:before {
  content: "\e845";
}

.elfinder-dialog-icon-rename:before {
  content: "\e812";
}

.elfinder-dialog-icon-zipdl:before,
.elfinder-dialog-icon-archive:before {
  content: "\e819";
}

.elfinder-dialog-icon-extract:before {
  content: "\e818";
}

.elfinder-dialog-icon-search:before {
  content: "\e81f";
}

.elfinder-dialog-icon-loadimg:before {
  content: "\e846";
}

.elfinder-dialog-icon-url:before {
  content: "\e81e";
}

.elfinder-dialog-icon-resize:before {
  content: "\e81d";
}

.elfinder-dialog-icon-netmount:before {
  content: "\e823";
}

.elfinder-dialog-icon-netunmount:before {
  content: "\e824";
}

.elfinder-dialog-icon-chmod:before {
  content: "\e826";
}

.elfinder-dialog-icon-preupload:before,
.elfinder-dialog-icon-dim:before {
  content: "\e847";
}

.elfinder-contextmenu .elfinder-contextmenu-item span.elfinder-contextmenu-icon {
  font-size: 16px;
}

.elfinder-contextmenu .elfinder-contextmenu-item .elfinder-contextsubmenu-item .ui-icon {
  font-size: 15px;
}

.elfinder-contextmenu .elfinder-contextmenu-item .elfinder-button-icon-link:before {
  content: "\e837";
}

.elfinder .elfinder-contextmenu-extra-icon {
  margin-top: -6px;
}

.elfinder .elfinder-contextmenu-extra-icon a {
  padding: 5px;
  margin: -16px;
}

.elfinder-button-icon-link:before {
  content: "\e81e" !important;
}

.elfinder .elfinder-contextmenu-arrow {
  font: normal normal normal 14px/1 elfinder;
  background-image: inherit;
  font-size: 10px !important;
  padding-top: 3px;
}

.elfinder .elfinder-contextmenu-arrow:before {
  content: "\e857";
}

.elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow {
  background-image: inherit;
}

.elfinder-quicklook .ui-resizable-se {
  background: inherit;
}

.elfinder-quicklook-navbar-icon {
  background: transparent;
  font: normal normal normal 14px/1 elfinder;
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: #fff;
}

.elfinder-quicklook-titlebar-icon {
  margin-top: -8px;
}

.elfinder-quicklook-titlebar-icon .ui-icon {
  border: 0;
  opacity: 0.8;
  font-size: 15px;
  padding: 1px;
}

.elfinder-quicklook-titlebar .ui-icon-circle-close,
.elfinder-quicklook .ui-icon-gripsmall-diagonal-se {
  color: #f1f1f1;
}

.elfinder-quicklook-navbar-icon-prev:before {
  content: "\e848";
}

.elfinder-quicklook-navbar-icon-next:before {
  content: "\e849";
}

.elfinder-quicklook-navbar-icon-fullscreen:before {
  content: "\e84a";
}

.elfinder-quicklook-navbar-icon-fullscreen-off:before {
  content: "\e84b";
}

.elfinder-quicklook-navbar-icon-close:before {
  content: "\e84c";
}

.elfinder .ui-button-icon {
  background-image: inherit;
}

.elfinder .ui-icon-search:before {
  content: "\e81f";
}

.elfinder .ui-icon-closethick:before,
.elfinder .ui-icon-close:before {
  content: "\e839";
}

.elfinder .ui-icon-circle-close:before {
  content: "\e84c";
}

.elfinder .ui-icon-gear:before {
  content: "\e82f";
}

.elfinder .ui-icon-gripsmall-diagonal-se:before {
  content: "\e838";
}

.elfinder .ui-icon-locked:before {
  content: "\e834";
}

.elfinder .ui-icon-unlocked:before {
  content: "\e836";
}

.elfinder .ui-icon-arrowrefresh-1-n:before {
  content: "\e821";
}

.elfinder .ui-icon-plusthick:before {
  content: "\e83a";
}

.elfinder .ui-icon-arrowreturnthick-1-s:before {
  content: "\e83b";
}

.elfinder .ui-icon-minusthick:before {
  content: "\e83c";
}

.elfinder .ui-icon-pin-s:before {
  content: "\e84d";
}

.elfinder .ui-icon-check:before {
  content: "\e84e";
}

.elfinder .ui-icon-arrowthick-1-s:before {
  content: "\e84f";
}

.elfinder .ui-icon-arrowthick-1-n:before {
  content: "\e850";
}

.elfinder .ui-icon-triangle-1-s:before {
  content: "\e851";
}

.elfinder .ui-icon-triangle-1-n:before {
  content: "\e852";
}

.elfinder .ui-icon-grip-dotted-vertical:before {
  content: "\e853";
}

.elfinder-lock,
.elfinder-perms,
.elfinder-symlink {
  background-image: inherit;
  font: normal normal normal 18px/1 elfinder;
  color: #d8d8d8;
}

.elfinder-na .elfinder-perms:before {
  content: "\e824";
}

.elfinder-ro .elfinder-perms:before {
  content: "\e835";
}

.elfinder-wo .elfinder-perms:before {
  content: "\e854";
}

.elfinder-group .elfinder-perms:before {
  content: "\e800";
}

.elfinder-lock:before {
  content: "\e84d";
}

.elfinder-symlink:before {
  content: "\e837";
}

.elfinder .elfinder-toast > div {
  font: normal normal normal 14px/1 elfinder;
}

.elfinder .elfinder-toast > div:before {
  font-size: 45px;
  position: absolute;
  left: 5px;
  top: 15px;
}

.elfinder .elfinder-toast > .toast-info,
.elfinder .elfinder-toast > .toast-error,
.elfinder .elfinder-toast > .toast-success,
.elfinder .elfinder-toast > .toast-warning {
  background-image: inherit !important;
}

.elfinder .elfinder-toast > .toast-info:before {
  content: "\e817";
  color: #3498db;
}

.elfinder .elfinder-toast > .toast-error:before {
  content: "\e855";
  color: #f44336;
}

.elfinder .elfinder-toast > .toast-success:before {
  content: "\e84e";
  color: #4caf50;
}

.elfinder .elfinder-toast > .toast-warning:before {
  content: "\e856";
  color: #ff9800;
}

.elfinder-drag-helper-icon-status {
  font: normal normal normal 14px/1 elfinder;
  background: inherit;
}

.elfinder-drag-helper-icon-status:before {
  content: "\e824";
}

.elfinder-drag-helper-move .elfinder-drag-helper-icon-status {
  transform: rotate(180deg);
}

.elfinder-drag-helper-move .elfinder-drag-helper-icon-status:before {
  content: "\e854";
}

.elfinder-drag-helper-plus .elfinder-drag-helper-icon-status {
  transform: rotate(90deg);
}

.elfinder-drag-helper-plus .elfinder-drag-helper-icon-status:before {
  content: "\e84c";
}

/** MIME Types **/
.elfinder-cwd-view-list td .elfinder-cwd-icon {
  background-image: url("./../images/elfinder/icons-small.svg");
}

.elfinder-cwd-icon {
  background: url("./../images/elfinder/icons-big.svg") 0 0 no-repeat;
  border-radius: 0;
}

.elfinder-cwd-icon:before {
  font-size: 10px;
  position: relative;
  top: 27px;
  left: inherit;
  padding: 1px;
  background-color: transparent;
}

.elfinder-cwd-icon-directory {
  background-position: 0 -50px;
}

.elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon {
  background-position: 0 -100px;
}

.elfinder-cwd-icon-group {
  background-position: 0 -150px;
}

.elfinder-cwd-icon-application {
  background-position: 0 -200px;
}

.elfinder-cwd-icon-rtf,
.elfinder-cwd-icon-rtfd,
.elfinder-cwd-icon-text {
  background-position: 0 -250px;
}

.elfinder-cwd-icon-image {
  background-position: 0 -300px;
}

.elfinder-cwd-icon-audio {
  background-position: 0 -350px;
}

.elfinder-cwd-icon-video,
.elfinder-cwd-icon-flash-video,
.elfinder-cwd-icon-dash-xml,
.elfinder-cwd-icon-vnd-apple-mpegurl,
.elfinder-cwd-icon-x-mpegurl {
  background-position: 0 -400px;
}

.elfinder-cwd-icon-plain,
.elfinder-cwd-icon-x-empty {
  background-position: 0 -450px;
}

.elfinder-cwd-icon-pdf {
  background-position: 0 -500px;
}

.elfinder-cwd-icon-vnd-ms-office {
  background-position: 0 -550px;
}

.elfinder-cwd-icon-x-msaccess {
  background-position: 0 -600px;
}

.elfinder-cwd-icon-x-msaccess:before {
  content: none !important;
}

.elfinder-cwd-icon-ms-excel,
.elfinder-cwd-icon-vnd-ms-excel,
.elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12 {
  background-position: 0 -650px;
}

.elfinder-cwd-icon-ms-excel:before,
.elfinder-cwd-icon-vnd-ms-excel:before,
.elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12:before {
  content: none !important;
}

.elfinder-cwd-icon-vnd-ms-powerpoint,
.elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12 {
  background-position: 0 -700px;
}

.elfinder-cwd-icon-vnd-ms-powerpoint:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12:before {
  content: none !important;
}

.elfinder-cwd-icon-msword,
.elfinder-cwd-icon-vnd-ms-word,
.elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12 {
  background-position: 0 -750px;
}

.elfinder-cwd-icon-msword:before,
.elfinder-cwd-icon-vnd-ms-word:before,
.elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12:before,
.elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12:before {
  content: none !important;
}

.elfinder-cwd-icon-vnd-oasis-opendocument-base,
.elfinder-cwd-icon-vnd-oasis-opendocument-chart,
.elfinder-cwd-icon-vnd-oasis-opendocument-database,
.elfinder-cwd-icon-vnd-oasis-opendocument-formula,
.elfinder-cwd-icon-vnd-oasis-opendocument-graphics,
.elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template,
.elfinder-cwd-icon-vnd-oasis-opendocument-image,
.elfinder-cwd-icon-vnd-openofficeorg-extension {
  background-position: 0 -800px;
}

.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet,
.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template {
  background-position: 0 -850px;
}

.elfinder-cwd-icon-vnd-oasis-opendocument-presentation,
.elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template {
  background-position: 0 -900px;
}

.elfinder-cwd-icon-vnd-oasis-opendocument-text,
.elfinder-cwd-icon-vnd-oasis-opendocument-text-master,
.elfinder-cwd-icon-vnd-oasis-opendocument-text-template,
.elfinder-cwd-icon-vnd-oasis-opendocument-text-web,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template {
  background-position: 0 -950px;
}

.elfinder-cwd-icon-zip,
.elfinder-cwd-icon-x-zip,
.elfinder-cwd-icon-x-xz,
.elfinder-cwd-icon-x-7z-compressed,
.elfinder-cwd-icon-x-gzip,
.elfinder-cwd-icon-x-tar,
.elfinder-cwd-icon-x-bzip,
.elfinder-cwd-icon-x-bzip2,
.elfinder-cwd-icon-x-rar,
.elfinder-cwd-icon-x-rar-compressed {
  background-position: 0 -1000px;
}

.elfinder-cwd-icon-postscript {
  background-position: 0 -1050px;
}

.elfinder-cwd-icon-vnd-adobe-photoshop {
  background-position: 0 -1100px;
}

.elfinder-cwd-icon-vnd-adobe-photoshop:before {
  content: none !important;
}

.elfinder-cwd-icon-x-shockwave-flash {
  background-position: 0 -1150px;
}

.elfinder-cwd-icon-vnd-android-package-archive {
  background-position: 0 -1200px;
}

.elfinder-cwd-icon-vnd-android-package-archive:before {
  content: none !important;
}

.elfinder-cwd-icon-x-c,
.elfinder-cwd-icon-x-csrc,
.elfinder-cwd-icon-x-chdr,
.elfinder-cwd-icon-x-c--,
.elfinder-cwd-icon-x-c--src,
.elfinder-cwd-icon-x-c--hdr {
  background-position: 0 -1250px;
}

.elfinder-cwd-icon-css {
  background-position: 0 -1300px;
}

.elfinder-cwd-icon-html {
  background-position: 0 -1350px;
}

.elfinder-cwd-icon-x-jar,
.elfinder-cwd-icon-x-java,
.elfinder-cwd-icon-x-java-source {
  background-position: 0 -1400px;
}

.elfinder-cwd-icon-x-jar:before,
.elfinder-cwd-icon-x-java:before,
.elfinder-cwd-icon-x-java-source:before {
  content: none !important;
}

.elfinder-cwd-icon-javascript,
.elfinder-cwd-icon-x-javascript {
  background-position: 0 -1450px;
}

.elfinder-cwd-icon-json {
  background-position: 0 -1500px;
}

.elfinder-cwd-icon-json:before {
  content: none !important;
}

.elfinder-cwd-icon-markdown,
.elfinder-cwd-icon-x-markdown {
  background-position: 0 -1550px;
}

.elfinder-cwd-icon-markdown:before,
.elfinder-cwd-icon-x-markdown:before {
  content: none !important;
}

.elfinder-cwd-icon-x-perl {
  background-position: 0 -1600px;
}

.elfinder-cwd-icon-x-php {
  background-position: 0 -1650px;
}

.elfinder-cwd-icon-x-python:after,
.elfinder-cwd-icon-x-python {
  background-position: 0 -1700px;
}

.elfinder-cwd-icon-x-ruby {
  background-position: 0 -1750px;
}

.elfinder-cwd-icon-x-sh,
.elfinder-cwd-icon-x-shellscript {
  background-position: 0 -1800px;
}

.elfinder-cwd-icon-sql,
.elfinder-cwd-icon-x-sql,
.elfinder-cwd-icon-x-sqlite3 {
  background-position: 0 -1850px;
}

.elfinder-cwd-icon-x-eps,
.elfinder-cwd-icon-svg,
.elfinder-cwd-icon-svg-xml {
  background-position: 0 -1900px;
}

.elfinder-cwd-icon-xml:after,
.elfinder-cwd-icon-xml {
  background-position: 0 -1950px;
}

.elfinder-cwd-icon-zip:before,
.elfinder-cwd-icon-x-zip:before {
  content: "zip" !important;
}

.elfinder-cwd-icon-x-xz:before {
  content: "xz" !important;
}

.elfinder-cwd-icon-x-7z-compressed:before {
  content: "7z" !important;
}

.elfinder-cwd-icon-x-gzip:before {
  content: "gzip" !important;
}

.elfinder-cwd-icon-x-tar:before {
  content: "tar" !important;
}

.elfinder-cwd-icon-x-bzip:before,
.elfinder-cwd-icon-x-bzip2:before {
  content: "bzip" !important;
}

.elfinder-cwd-icon-x-rar:before,
.elfinder-cwd-icon-x-rar-compressed:before {
  content: "rar" !important;
}

/** Toolbar **/
.elfinder-toolbar {
  background: #061325;
  border-radius: 0;
  border: 0;
  padding: 5px 0;
}

.elfinder-toolbar .elfinder-button-icon {
  font-size: 20px;
  color: #ddd;
  margin-top: -2px;
}

.elfinder-buttonset {
  border-radius: 0;
  border: 0;
  margin: 0 5px;
  height: 24px;
}

.elfinder .elfinder-button {
  background: transparent;
  border-radius: 0;
  cursor: pointer;
  color: #efefef;
}

.elfinder .elfinder-button-text {
  top: -3px;
  margin-left: 6px;
}

.elfinder-toolbar-button-separator {
  border: 0;
}

.elfinder-button-menu {
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  border: none;
  margin-top: 5px;
}

.elfinder-button-menu-item {
  color: #666;
  padding: 6px 19px;
}

.elfinder-button-menu-item.ui-state-hover {
  color: #141414;
  background-color: #f5f4f4;
}

.elfinder-button-menu-item-separated {
  border-top: 1px solid #e5e5e5;
}

.elfinder-button-menu-item-separated.ui-state-hover {
  border-top: 1px solid #e5e5e5;
}

.elfinder .elfinder-button-search {
  margin: 0 10px;
  min-height: inherit;
  overflow: hidden;
}

.elfinder .elfinder-button-search .ui-icon {
  color: #fff !important;
}

.elfinder .elfinder-button-search input {
  background: rgba(22, 43, 76, 0.75);
  border-radius: 2px;
  box-sizing: content-box;
  border: 0;
  margin: 0;
  padding: 0 23px;
  height: 24px !important;
  color: #fff;
}

.elfinder .elfinder-button-search .elfinder-button-menu {
  margin-top: 4px;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.elfinder .elfinder-button-search-menu {
  border-radius: 0;
  top: 30px !important;
}

.elfinder .elfinder-button-search-menu .ui-button {
  padding: 0.4em 1em !important;
}

/** Navbar **/
.elfinder .elfinder-navbar {
  background: #2a384d;
  border: none;
  padding: 5px;
}

.elfinder .elfinder-navbar .ui-resizable-handle {
  background: none;
}

.elfinder .elfinder-navbar .elfinder-lock,
.elfinder .elfinder-navbar .elfinder-perms,
.elfinder .elfinder-navbar .elfinder-symlink {
  color: #000;
  opacity: 0.8;
}

.elfinder-navbar-dir {
  color: #e6e6e6;
  cursor: pointer;
  border-radius: 4px;
  padding: 5px;
  border: none;
}

.elfinder-navbar-dir .elfinder-navbar-icon {
  color: #fff;
}

.elfinder-navbar-dir.ui-state-hover,
.elfinder-navbar-dir.ui-state-active.ui-state-hover {
  background: #17202c;
  color: #e6e6e6;
  border: none;
}

.elfinder-navbar-dir.ui-state-hover .elfinder-navbar-icon,
.elfinder-navbar-dir.ui-state-active.ui-state-hover .elfinder-navbar-icon {
  color: #fff;
}

.elfinder-navbar .ui-state-active,
.elfinder-disabled .elfinder-navbar .ui-state-active {
  background: #1b2533;
  color: #e8e8e8 !important;
  border: none;
}

.elfinder-navbar .ui-state-active.elfinder-navbar-dir .elfinder-navbar-icon,
.elfinder-disabled .elfinder-navbar .ui-state-active.elfinder-navbar-dir .elfinder-navbar-icon {
  color: #e8e8e8 !important;
}

/** Workzone **/
.elfinder-workzone {
  background: #0e1827;
}

.elfinder-cwd-file {
  color: #ddd;
  margin: 5px 0 0 5px !important;
}

.elfinder-cwd-file.ui-state-hover,
.elfinder-cwd-file.ui-selected.ui-state-hover {
  background: #1a283c;
  color: #ddd;
}

.elfinder-cwd-file.ui-selected {
  background: #152131;
  color: #ddd;
}

.elfinder-cwd-filename input,
.elfinder-cwd-filename textarea {
  padding: 2px;
  border-radius: 2px !important;
  background: #fff;
  color: #222;
}

.elfinder-cwd-filename input:focus,
.elfinder-cwd-filename textarea:focus {
  outline: none;
  border: 1px solid #555;
}

.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover,
.elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
.elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
.elfinder-disabled .elfinder-cwd table td.ui-state-hover,
.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active {
  background: transparent;
  color: #ddd;
}

.elfinder-cwd table {
  padding: 0;
}

.elfinder-cwd table thead td {
  padding: 5px 14px !important;
}

.elfinder-cwd table tr {
  border: 0 !important;
}

.elfinder-cwd table tr.ui-state-default,
.elfinder-cwd table tr.ui-widget-content .ui-state-default {
  background: none;
}

.elfinder-cwd table tr .ui-state-hover {
  background: #1a283c;
  color: #ddd;
}

.elfinder-cwd.elfinder-table-header-sticky table {
  border: 0;
}

.elfinder-cwd .elfinder-lock,
.elfinder-cwd .elfinder-perms,
.elfinder-cwd .elfinder-symlink {
  color: #d8d8d8;
}

.elfinder-cwd-view-icons .elfinder-lock {
  top: 0;
}

.elfinder-cwd-view-list thead td .ui-resizable-handle {
  top: 3px;
}

.elfinder-cwd-view-list .elfinder-lock,
.elfinder-cwd-view-list .elfinder-perms,
.elfinder-cwd-view-list .elfinder-symlink {
  font-size: 14px;
  opacity: 0.7;
}

.elfinder-cwd-view-list .elfinder-perms {
  left: inherit;
}

#elfinder-elfinder-cwd-thead td,
.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td {
  background: #010e21;
  color: #ddd !important;
  height: 18px;
}

#elfinder-elfinder-cwd-thead td.ui-state-hover,
.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td.ui-state-hover,
#elfinder-elfinder-cwd-thead td.ui-state-active,
.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td.ui-state-active {
  background: #000308 !important;
}

#elfinder-elfinder-cwd-thead td.ui-state-active.ui-state-hover,
.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list td.ui-state-active.ui-state-hover {
  background: #010812 !important;
}

.elfinder .ui-selectable-helper {
  border: 1px solid #022861;
  background-color: rgba(3, 62, 150, 0.38);
}

.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash {
  background-color: #e4e4e4;
}

.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file {
  color: #333;
}

.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-state-hover,
.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-selected.ui-state-hover {
  background: #1a283c;
  color: #ddd;
}

.elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-selected {
  background: #152131;
  color: #ddd;
}

.elfinder-info-title .elfinder-cwd-icon:before {
  top: 32px;
  display: block;
  margin: 0 auto;
}

.elfinder-info-title .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
  background-color: #313131 !important;
}

.elfinder-cwd-view-icons .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
  left: inherit;
  background-color: #313131;
}

.elfinder-cwd-icon:before,
.elfinder-quicklook .elfinder-cwd-icon:before,
.elfinder-cwd-size1 .elfinder-cwd-icon:before,
.elfinder-cwd-size2 .elfinder-cwd-icon:before,
.elfinder-cwd-size3 .elfinder-cwd-icon:before,
.elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:before,
.elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:before,
.elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
  top: 35px;
  left: 50% !important;
  position: relative !important;
  display: block !important;
  transform: translateX(-50%);
  max-width: 52px;
  color: #fff;
}

.elfinder .elfinder-cwd-view-icons .elfinder-cwd-bgurl:after,
.elfinder .elfinder-quicklook-info-wrapper .elfinder-cwd-bgurl:after {
  display: none;
}

.elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
  top: 53px;
  transform: scale(1.32) translateX(-50%);
}

.elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
  top: 74px;
  transform: scale(1.53) translateX(-50%);
}

.elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
  top: 87px;
  transform: scale(2.22) translateX(-50%);
}

/** Status Bar **/
.elfinder .elfinder-statusbar {
  background: #061325;
  border-radius: 0;
  border: 0;
  color: #cfd2d4;
  padding-top: 5px;
}

.elfinder-path,
.elfinder-stat-size {
  margin: 0 15px;
}

/** Input & Select **/
.elfinder input,
.elfinder select {
  padding: 4px;
  color: #666;
  background: #fff;
  border-radius: 3px;
  font-weight: normal;
  border-color: #888;
  box-shadow: none !important;
}

.elfinder input.ui-state-hover,
.elfinder select.ui-state-hover {
  background: #fff !important;
  color: #666 !important;
}

.elfinder input[type=checkbox] {
  position: relative;
  height: initial;
}

.elfinder input[type=checkbox]:after,
.elfinder input[type=checkbox]:focus:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #707070;
  background-color: #fff;
  border-radius: 2px;
}

.elfinder input[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 6px;
  display: table;
  width: 4px;
  height: 12px;
  border: 2px solid #707070;
  border-top-width: 0;
  border-left-width: 0;
  transform: rotate(45deg);
}

/** Buttons **/
.elfinder .ui-button,
.elfinder .ui-button:active,
.elfinder .ui-button.ui-state-default {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 3px;
  text-transform: uppercase;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.4s;
  background: #fff;
  color: #222;
  border: none;
  padding: 7px 6px;
}

.elfinder .ui-button .ui-icon,
.elfinder .ui-button:active .ui-icon,
.elfinder .ui-button.ui-state-default .ui-icon {
  color: #222;
}

.elfinder .ui-button:hover,
.elfinder a.ui-button:active,
.elfinder .ui-button:active,
.elfinder .ui-button:focus,
.elfinder .ui-button.ui-state-hover,
.elfinder .ui-button.ui-state-active {
  background: #3498db !important;
  color: #fff !important;
  border: none;
}

.elfinder .ui-button:hover .ui-icon,
.elfinder a.ui-button:active .ui-icon,
.elfinder .ui-button:active .ui-icon,
.elfinder .ui-button:focus .ui-icon,
.elfinder .ui-button.ui-state-hover .ui-icon,
.elfinder .ui-button.ui-state-active .ui-icon {
  color: #fff;
}

.elfinder .ui-button.ui-state-active:hover {
  background: #217dbb;
  color: #fff;
  border: none;
}

.elfinder .ui-button:focus {
  outline: none !important;
}

.elfinder .ui-controlgroup-horizontal .ui-button {
  border-radius: 0;
  border: 0;
}

.elfinder input:not([type=checkbox]),
.elfinder .elfinder-resize-preset-container .ui-button {
  height: 21px;
}

/** Context Menu **/
.elfinder .elfinder-contextmenu,
.elfinder .elfinder-contextmenu-sub {
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  border: none;
}

.elfinder .elfinder-contextmenu-separator,
.elfinder .elfinder-contextmenu-sub-separator {
  border-top: 1px solid #e5e5e5;
}

.elfinder .elfinder-contextmenu-item {
  color: #666;
  padding: 5px 30px;
}

.elfinder .elfinder-contextmenu-item.ui-state-hover {
  background-color: #f5f4f4;
  color: #141414;
}

.elfinder .elfinder-contextmenu-item.ui-state-active {
  background-color: #2196f3;
  color: #fff;
}

/** Dialogs **/
.elfinder .elfinder-dialog {
  border-radius: 0;
  border: 0;
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6);
}

.elfinder .elfinder-dialog .ui-dialog-content[id*=edit-elfinder-elfinder-] {
  padding: 0;
}

.elfinder .elfinder-dialog .ui-tabs {
  border-radius: 0;
  border: 0;
  padding: 0;
}

.elfinder .elfinder-dialog .ui-tabs-nav {
  border-radius: 0;
  border: 0;
  background: transparent;
  border-bottom: 1px solid #ddd;
}

.elfinder .elfinder-dialog .ui-tabs-nav li {
  border: 0;
  font-weight: normal;
  background: transparent;
  margin: 0;
  padding: 0;
}

.elfinder .elfinder-dialog .ui-tabs-nav li a {
  padding: 7px 9px;
}

.elfinder .elfinder-dialog .ui-tabs-nav .ui-tabs-selected a,
.elfinder .elfinder-dialog .ui-tabs-nav .ui-state-active a,
.elfinder .elfinder-dialog .ui-tabs-nav li:hover a {
  box-shadow: inset 0 -2px 0 #3498db;
  color: #3498db;
}

.elfinder .elfinder-dialog .ui-tabs .elfinder-tabstop.ui-state-hover {
  background: transparent;
  box-shadow: inset 0 -2px 0 #3498db;
  color: #3498db;
}

.elfinder .elfinder-dialog label.ui-state-hover {
  background: transparent;
}

.elfinder .elfinder-dialog .ui-resizable-se {
  display: none;
}

.std42-dialog .ui-dialog-titlebar {
  background: #0f1f2f;
  border-radius: 0;
  border: 0;
}

.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon {
  border-color: inherit;
  transition: 0.2s ease-out;
  opacity: 0.8;
  color: #fff;
  width: auto;
  height: auto;
  font-size: 12px;
  padding: 3px;
}

.std42-dialog,
.std42-dialog .ui-dialog-content,
.std42-dialog.elfinder-bg-translucent,
.std42-dialog.elfinder-bg-translucent .ui-widget-content {
  background-color: #fff;
}

.std42-dialog .ui-dialog-buttonpane button {
  margin: -1px 2px 2px;
  padding: 7px 6px;
}

.std42-dialog .ui-dialog-buttonpane button span.ui-icon {
  padding: 0;
}

.std42-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras select {
  margin-top: 0;
}

.std42-dialog,
.std42-dialog .ui-widget-content {
  background-color: #fff;
}

.elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
.std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon {
  background-color: #f44336;
}

.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon,
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon {
  background-color: #4caf50;
}

.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon,
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon {
  background-color: #ff9800;
}

.elfinder-dialog-title {
  color: #f1f1f1;
}

.elfinder .ui-widget-content {
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color: #546e7a;
}

.elfinder-upload-dialog-wrapper .elfinder-upload-dirselect {
  width: inherit;
  height: inherit;
  padding: 7px;
  margin-left: 5px;
  color: #222;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  background: #fff;
  bottom: 4px;
  border-radius: 2px;
}

.elfinder-upload-dialog-wrapper .elfinder-upload-dirselect.ui-state-hover {
  background: #3498db !important;
  color: #fff !important;
  outline: none;
}

.elfinder-upload-dialog-wrapper .ui-button {
  padding: 0.4em 3px;
  margin: 0 -15px 0 19px;
}

.elfinder-upload-dropbox {
  border: 2px dashed #bbb;
}

.elfinder-upload-dropbox:focus {
  outline: none;
}

.elfinder-upload-dropbox.ui-state-hover {
  background: #f1f1f1;
  border: 2px dashed #bbb;
}

.elfinder-dialog-resize .elfinder-resize-control-panel {
  margin-left: -5px;
}

.elfinder-dialog-resize .elfinder-resize-control-panel .ui-button {
  height: inherit;
  margin-bottom: 5px;
}

.elfinder-help * {
  color: #546e7a;
}

.elfinder-help a {
  color: #3498db;
}

.elfinder-help a:hover {
  color: #217dbb;
}

.elfinder .ui-slider.ui-slider-horizontal {
  height: 2px;
  border: 0;
  background-color: #bababa !important;
}

.elfinder .ui-slider .ui-slider-handle {
  background-image: none;
  background-color: #5d5858;
  border-radius: 50%;
  border: 0;
  margin-top: -3px;
}

.elfinder .ui-slider .ui-slider-handle.ui-state-hover {
  background: #5d5858 !important;
  box-shadow: none !important;
  border-radius: 50%;
  cursor: pointer;
}

/** Quick Look **/
.elfinder-quicklook {
  background: #232323;
  border-radius: 2px;
}

.elfinder-quicklook-navbar {
  height: 27px;
}

.elfinder-quicklook-titlebar {
  background: inherit;
}

.elfinder-quicklook-titlebar-icon,
.elfinder-quicklook-titlebar-icon .ui-icon {
  background: transparent;
  color: #fff;
}

.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar {
  border: inherit;
  opacity: inherit;
  border-radius: 4px;
  background: rgba(66, 66, 66, 0.73);
}

.elfinder .elfinder-navdock {
  border: 0;
}

.std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon,
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
.elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close:hover,
.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close,
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon,
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon,
.elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize:hover,
.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize,
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon,
.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon,
.elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full:hover,
.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full {
  background-image: none;
}

.elfinder-preference dt {
  margin-bottom: 10px;
}

.elfinder-preference dd input[type=checkbox] {
  margin-right: 4px;
  margin-left: 6px;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e9ebec, -1px 0 0 #e9ebec, 0 1px 0 #e9ebec, 0 -1px 0 #e9ebec, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 1056;
}
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
  width: 100%;
  box-shadow: none;
}
.flatpickr-calendar.inline .flatpickr-rContainer {
  display: block;
  width: 100%;
}
.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days {
  width: 100%;
  border: 1px solid #ced4da;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
  max-width: 100%;
  border-radius: 4px;
}
.flatpickr-calendar.inline .flatpickr-time {
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e9ebec;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar::before, .flatpickr-calendar::after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost::before, .flatpickr-calendar.arrowRight::before, .flatpickr-calendar.rightMost::after, .flatpickr-calendar.arrowRight::after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter::before, .flatpickr-calendar.arrowCenter::after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar::before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar::after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop::before {
  border-bottom-color: #003d9b;
}
.flatpickr-calendar.arrowTop::after {
  border-bottom-color: #003d9b;
}
.flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom::before {
  border-top-color: #fff;
}
.flatpickr-calendar.arrowBottom::after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: flex;
  background-color: #003d9b;
  border-radius: 5px 5px 0px 0px;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  fill: rgba(255, 255, 255, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(255, 255, 255, 0.9);
  fill: rgba(255, 255, 255, 0.9);
  line-height: 1;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: rgba(255, 255, 255, 0.9);
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 100%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}
.flatpickr-current-month span.arrowUp::after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 600;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.9);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  -webkit-appearance: menulist;
     -moz-appearance: menulist;
          appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 600;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background-color: transparent;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
  color: rgba(0, 0, 0, 0.8);
}

.flatpickr-weekdays {
  background-color: #003d9b;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 36px;
  border-bottom: 1px solid #e9ebec;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #003d9b;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: 500;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #212529;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day:hover, .flatpickr-day:focus {
  background-color: rgba(243, 246, 249, 0.7);
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background-color: #f3f6f9;
  border-color: #f3f6f9;
}
.flatpickr-day.today {
  border-color: #003d9b;
  background-color: rgba(0, 61, 155, 0.1);
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #003d9b;
  background-color: rgba(0, 61, 155, 0.15);
  color: #000;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #003d9b;
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
  color: #fff;
  border-color: #003d9b;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #003d9b;
}
.flatpickr-day.selected.startRange .endRange, .flatpickr-day.startRange.startRange .endRange, .flatpickr-day.endRange.startRange .endRange {
  border-radius: 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #f3f6f9, 5px 0 0 #f3f6f9;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(33, 37, 41, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(33, 37, 41, 0.3);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #003d9b, 5px 0 0 #003d9b;
}
.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 35px;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(0, 0, 0, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after, .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-bottom-color: #e9ebec;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #212529;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #212529;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
  background: rgba(0, 61, 155, 0.04);
}

.flatpickr-am-pm:focus, .flatpickr-am-pm:hover,
.numInput:focus,
.numInput:hover,
.numInputWrapper:focus,
.numInputWrapper:hover {
  background-color: transparent;
}

.flatpickr-input[readonly] {
  cursor: pointer;
  background-color: #fff;
}

[data-inline-date=true], [data-time-inline] {
  display: none;
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
[datepicker-inline],
[timepicker-inline] {
  display: none;
}

.nested-list .list-group-item {
  background-color: rgba(0, 61, 155, 0.05);
  border-color: rgba(0, 61, 155, 0.05);
  padding-bottom: 0 !important;
  border-radius: 0 !important;
}

.nested-sortable-handle .list-group-item {
  padding-left: 42px;
}
.nested-sortable-handle .list-group-item .handle {
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
}
.nested-sortable-handle .list-group-item .show-tree {
  display: block;
  transition: transform 0.2s;
  transform: rotate(0);
}
.nested-sortable-handle .list-group-item .show-tree.collapsed {
  transform: rotate(180deg) !important;
}

.ms-container {
  width: 100%;
}

.ms-container:after {
  content: "\f0e73";
  font-family: "Material Design Icons";
  font-size: 1rem;
  color: #878a99;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
  border: 1px solid #ced4da;
  background-color: #fff;
  border-radius: 0.25rem;
  color: #212529;
  float: left;
  width: calc(50% - 1rem);
}

.ms-container .ms-selection {
  float: right;
}

.ms-container .ms-list {
  transition: border linear 0.2s, box-shadow linear 0.2s;
  position: relative;
  height: 12.5rem;
  padding: 0;
  overflow-y: auto;
  resize: vertical;
}

.ms-container ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container {
  width: 100%;
}

.ms-container .ms-optgroup-label {
  margin: 0;
  padding: 0.5rem 0.9rem 0.3rem;
  font-size: 0.809375rem;
  color: #003d9b;
  cursor: pointer;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  border-bottom: 1px #eee solid;
  padding: 0.3rem 1.2rem;
  color: #212529;
  font-size: 0.925rem;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #0286c7;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
  background-color: #eff2f7;
  color: #878a99;
  cursor: text;
}

@font-face {
  font-family: "fileuploader";
  src: url("/assets/fonts/fileuploader.ttf?yhe2ig") format("truetype"), url("/assets/fonts/fileuploader.woff?yhe2ig") format("woff"), url("/assets/fonts/fileuploader.svg?yhe2ig#fileuploader") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=fileuploader-icon-], [class*=" fileuploader-icon-"] {
  display: inline-block;
  font-family: "fileuploader" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fileuploader-icon-main:before {
  content: "\e900";
}

.fileuploader-icon-alert:before {
  content: "\e901";
}

.fileuploader-icon-calendar:before {
  content: "\e902";
}

.fileuploader-icon-camera:before {
  content: "\e903";
}

.fileuploader-icon-success:before {
  content: "\e904";
}

.fileuploader-icon-arrow-left:before {
  content: "\e905";
}

.fileuploader-icon-arrow-right:before {
  content: "\e906";
}

.fileuploader-icon-crop:before {
  content: "\e908";
}

.fileuploader-icon-download:before {
  content: "\e909";
}

.fileuploader-icon-edit:before {
  content: "\e90a";
}

.fileuploader-icon-external:before {
  content: "\e90b";
}

.fileuploader-icon-eye:before {
  content: "\e90c";
}

.fileuploader-icon-file:before {
  content: "\e90d";
}

.fileuploader-icon-video:before {
  content: "\e90f";
}

.fileuploader-icon-folder:before {
  content: "\e910";
}

.fileuploader-icon-help:before {
  content: "\e911";
}

.fileuploader-icon-image:before {
  content: "\e912";
}

.fileuploader-icon-link:before {
  content: "\e913";
}

.fileuploader-icon-message:before {
  content: "\e914";
}

.fileuploader-icon-menu:before {
  content: "\e915";
}

.fileuploader-icon-sort:before {
  content: "\e916";
}

.fileuploader-icon-audio:before {
  content: "\e917";
}

.fileuploader-icon-plus:before {
  content: "\e918";
}

.fileuploader-icon-retry:before {
  content: "\e919";
}

.fileuploader-icon-rotate:before {
  content: "\e91a";
}

.fileuploader-icon-save:before {
  content: "\e91b";
}

.fileuploader-icon-search:before {
  content: "\e91c";
}

.fileuploader-icon-settings:before {
  content: "\e91d";
}

.fileuploader-icon-share:before {
  content: "\e91e";
}

.fileuploader-icon-deny:before {
  content: "\e91f";
}

.fileuploader-icon-trash:before {
  content: "\e920";
}

.fileuploader-icon-upload:before {
  content: "\e921";
}

.fileuploader-icon-user:before {
  content: "\e922";
}

.fileuploader-icon-remove:before {
  content: "\e923";
}

.fileuploader-icon-zoom-in:before {
  content: "\e924";
}

.fileuploader-icon-zoom-out:before {
  content: "\e925";
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action], .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action], .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar, .fileuploader-items .fileuploader-item .fileuploader-progressbar .bar, .fileuploader-items .fileuploader-item .fileuploader-action, .fileuploader-items .fileuploader-item span.fileuploader-action-popup, .fileuploader-input .fileuploader-input-caption, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}

.fileuploader-popup .fileuploader-popup-node, .fileuploader-popup, .fileuploader-items .fileuploader-item .fileuploader-action, .fileuploader-items .fileuploader-item .fileuploader-item-icon, .fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item {
  animation: fileuploaderFadeIn 0.2s ease;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  display: inline-block;
  margin: 0;
  padding: 0.45rem 0.9rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border: none;
  border-radius: 0.25rem;
  outline: 0;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  background: #e6ebf4;
  color: #90a0bc;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover {
  background: #edf1f7;
  transform: translateY(-1px);
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active {
  background: #dfe5f1;
  transform: translateY(1px);
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-input .fileuploader-input-button {
  background: #9658FE;
  background: linear-gradient(-45deg, #3A8FFE 0%, #9658FE 100%);
  background: -webkit-linear-gradient(-45deg, #3A8FFE 0%, #9658FE 100%);
  background-size: 140% auto;
  background-position: center;
  color: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover, .fileuploader-input .fileuploader-input-button:hover {
  background-position: left;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active, .fileuploader-input .fileuploader-input-button:active {
  background-position: right;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(2px);
}

.fileuploader-popup.loading:after, .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after, .fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after, .fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
  content: "";
  position: absolute;
  min-width: 24px;
  min-height: 24px;
  max-width: 48px;
  max-height: 48px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=") no-repeat center;
  background-size: contain;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after, .fileuploader-popup .fileuploader-popup-move:after, .fileuploader-popup.loading:after, .fileuploader-items .fileuploader-item .fileuploader-item-icon i, .fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.fileuploader-items .fileuploader-item .progress-bar2 span, .fileuploader-items .fileuploader-item .fileuploader-action {
  top: 50%;
  transform: translateY(-50%);
}

.fileuploader-popup .fileuploader-cropper,
.fileuploader-popup .fileuploader-cropper *, .fileuploader-popup .fileuploader-popup-move, .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action], .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon, .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar, .fileuploader-items .fileuploader-item .fileuploader-item-icon, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-input .fileuploader-input-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* configuration */
.fileuploader,
.fileuploader *,
.fileuploader :before,
.fileuploader :after,
.fileuploader-popup,
.fileuploader-popup *,
.fileuploader-popup :before,
.fileuploader-popup :after {
  box-sizing: border-box;
}

.fileuploader button,
.fileuploader-popup button {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 0;
  font: inherit;
  background: none;
  box-shadow: none;
}

.fileuploader button:focus,
.fileuploader-popup button:focus {
  outline: 0;
}

/* main */
.fileuploader {
  display: block;
  width: 100%;
  padding: 16px;
  margin: 16px 0;
  background: #fff;
  border-radius: 6px;
  line-height: normal;
}

.fileuploader-icon-main {
  display: inline-block;
  font-size: 18px;
  color: #789BEC;
}

/* input */
.fileuploader-input {
  position: relative;
  display: flex;
  border: 1px solid transparent;
  border-radius: 30px;
  cursor: pointer;
}
.fileuploader-input .fileuploader-input-caption {
  position: relative;
  display: inline-block;
  flex: 1;
  align-self: flex-start;
  padding: 13px 16px;
  margin-right: 16px;
  background: #fff;
  border: 1px solid #ebeef1;
  border-radius: 30px;
  color: #789BEC;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.01);
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /**
  .fileuploader.fileuploader-is-uploading & {
      padding-left: 40px;
      &:after {
          @extend %fileuploader-loader;
          left: 10px;
          top: 50%;
          margin-top: -12px;
      }
  }
  **/
}
.fileuploader-focused .fileuploader-input .fileuploader-input-caption {
  border-color: #789BEC;
}
.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-height: 22px;
  margin-right: 6px;
}
.fileuploader-input.fileuploader-dragging {
  background: #fff;
  border: 1px solid #ebeef1;
  border-style: dashed;
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
  border-color: transparent;
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-button {
  transform: translateX(100%);
  opacity: 0;
}
.fileuploader-disabled .fileuploader-input {
  opacity: 0.7;
  cursor: default;
  pointer-events: none !important;
}

/* items */
.fileuploader-items .fileuploader-items-list {
  display: block;
  margin: 0 -16px;
  padding: 0;
  list-style: none;
}
.fileuploader-items .fileuploader-item {
  position: relative;
  margin: 0;
  padding: 20px 16px 20px 22px;
  border-bottom: 1px solid #ebeef1;
  animation-duration: 0.6s;
}
.fileuploader-items .fileuploader-item:last-child {
  border-bottom: 0;
  margin-bottom: -16px;
}
.fileuploader-items .fileuploader-item.upload-failed {
  background: rgba(254, 84, 111, 0.06);
}
.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 36px;
  height: 36px;
}
.fileuploader-items .fileuploader-item .columns {
  position: relative;
  display: flex;
  z-index: 2;
}
.fileuploader-items .fileuploader-item .column-thumbnail {
  position: relative;
  width: 36px;
  height: 36px;
}
.fileuploader-items .fileuploader-item .column-title {
  flex: 1;
  padding-left: 16px;
  padding-right: 16px;
  color: #74809D;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .column-title a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #74809D;
  text-decoration: none;
}
.fileuploader-items .fileuploader-item .column-title div {
  width: 100%;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .column-title span {
  font-size: 12px;
  color: #979fb8;
}
.fileuploader-items .fileuploader-item .column-actions {
  margin: 0 16px;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
  content: "";
  width: 50%;
  height: 50%;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas {
  position: absolute;
  max-width: none;
  max-height: 100%;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 11px;
  background: #ddd;
  border-radius: 4px;
  cursor: default;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color {
  color: #888;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon i {
  position: absolute;
  display: block;
  width: 90%;
  font-style: normal;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 56, 71, 0.2);
  border-radius: 6px;
  cursor: pointer;
  opacity: 0;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover {
  opacity: 1;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active {
  background: rgba(43, 56, 71, 0.4);
}
.fileuploader-items .fileuploader-item .fileuploader-action {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #c0c6d2;
  cursor: pointer;
  vertical-align: top;
  text-align: center;
}
.fileuploader-items .fileuploader-item .fileuploader-action + .fileuploader-action {
  margin-left: 16px;
}
.fileuploader-items .fileuploader-item .fileuploader-action:hover {
  color: #789BEC;
}
.fileuploader-items .fileuploader-item .fileuploader-action:active {
  color: #668ee9;
}
.fileuploader-items .fileuploader-item .fileuploader-action i {
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 20px;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove {
  color: #fff;
  background: #FE7676;
  border-radius: 50%;
  box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i {
  font-size: 14px;
  text-shadow: none;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:hover {
  background-color: #fe8a8a;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:active {
  background-color: #fe6262;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success {
  color: #fff;
  background: #43D084;
  border-radius: 50%;
  box-shadow: -1px 1px 6px rgba(67, 208, 132, 0.8);
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i {
  font-size: 14px;
  text-shadow: none;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:hover {
  background-color: #53d48f;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:active {
  background-color: #33cc79;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before {
  content: "\e904";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover, .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active {
  background: #FE7676;
  box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover i:before, .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active i:before {
  content: "\e923";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active {
  background-color: #fe6262;
}
.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup {
  display: block;
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  border-radius: 6px;
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 6px;
  background: #789BEC;
  box-shadow: 0 4px 8px -1px rgba(120, 155, 236, 0.6);
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 0;
  background: rgba(104, 125, 219, 0.08);
  box-shadow: none;
}
.fileuploader-items .fileuploader-item .progress-bar2 span {
  position: absolute;
  right: 16px;
  color: rgba(151, 159, 184, 0.16);
  font-size: 48px;
}
.fileuploader-items .fileuploader-item.sorting {
  background: #fff;
  border-radius: 6px;
  opacity: 0.8;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 799;
}
.fileuploader-items .fileuploader-item.sorting, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon, .fileuploader-items .fileuploader-item.sorting .fileuploader-action {
  animation: none;
}
.fileuploader-items .fileuploader-sorter-placeholder {
  background: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0;
  animation: none;
}

/* popup */
.fileuploader-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #191d1e;
  z-index: 1090;
  animation-duration: 0.4s;
}
.fileuploader-popup.loading:after {
  width: 48px;
  height: 48px;
  z-index: 8;
}
.fileuploader-popup .fileuploader-popup-preview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 2;
}
.fileuploader-popup .fileuploader-popup-node {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  height: 100%;
  min-width: 20px;
  min-height: 20px;
  padding: 80px 56px 64px;
  overflow: hidden;
}
.fileuploader-popup .fileuploader-popup-node.is-zoomed {
  display: block;
}
.fileuploader-popup .fileuploader-popup-node .reader-node {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  transform: translateZ(0);
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-movable {
  cursor: grab;
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving, .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover {
  cursor: grabbing;
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point, .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point {
  cursor: grabbing !important;
}
.fileuploader-popup .fileuploader-popup-node .reader-node.has-node-centered {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.fileuploader-popup .fileuploader-popup-node.image .reader-node > img, .fileuploader-popup .fileuploader-popup-node.video .reader-node > video, .fileuploader-popup .fileuploader-popup-node.audio .reader-node > audio, .fileuploader-popup .fileuploader-popup-node.astext .reader-node > div {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  color: #47525d;
  background: #fafafa;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  transform: translateZ(0);
  border-radius: 0;
}
.fileuploader-popup .fileuploader-popup-node.audio .reader-node audio {
  width: 450px;
}
.fileuploader-popup .fileuploader-popup-node.application .reader-node iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
}
.fileuploader-popup .fileuploader-popup-node.astext .reader-node div {
  max-width: 992px;
  padding: 20px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  overflow-y: auto;
  white-space: pre-wrap;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+") no-repeat center;
  background-size: contain;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div {
  position: absolute;
  bottom: 14px;
  left: 0;
  padding: 4px 6px;
  border-radius: 4px;
  color: #fff;
  max-width: 100%;
  word-wrap: break-word;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color {
  color: #888;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i {
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  white-space: nowrap;
}
.fileuploader-popup .fileuploader-popup-content {
  color: #fdfdfd;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.fileuploader-popup .fileuploader-popup-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fileuploader-popup .fileuploader-popup-content ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.fileuploader-popup .fileuploader-popup-content ul li + li {
  margin-left: 16px;
}
.fileuploader-popup .fileuploader-popup-header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px;
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child {
  overflow: hidden;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span {
  display: block;
  color: #80868b;
  font-size: 14px;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5 {
  max-width: 100%;
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty) {
  flex: 1;
  margin-left: 16px;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
  margin-left: 16px;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  padding: 14px 24px;
  padding: 0.45rem 0.9rem;
  font-size: 0.875rem;
  line-height: 1.5;
  text-shadow: none;
}
.fileuploader-popup .fileuploader-popup-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] {
  display: inline-block;
  padding: 16px;
  padding-bottom: 13px;
  cursor: pointer;
  text-decoration: none;
  color: #fdfdfd;
  border-bottom: 3px solid transparent;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] i {
  display: inline-block;
  font-size: 18px;
  margin-top: -4px;
  margin-right: 6px;
  vertical-align: middle;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action]:hover {
  border-bottom-color: #789BEC;
  color: #fff;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
  font-size: 14px;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action] {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  border: none;
  border-radius: 50%;
  padding: 0;
  vertical-align: middle;
  color: #fdfdfd;
  background: rgba(255, 255, 255, 0.1);
  text-shadow: none;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action]:hover {
  background: rgba(255, 255, 255, 0.3);
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input {
  display: inline-block;
  -webkit-appearance: none;
  width: 130px;
  padding: 0;
  margin: 0 16px;
  vertical-align: middle;
  background: transparent;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus {
  outline: none;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #789BEC;
  border-radius: 6px;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #789BEC;
  border-radius: 6px;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  margin-left: 6px;
  color: #fff;
  vertical-align: middle;
}
.fileuploader-popup .fileuploader-popup-move {
  position: absolute;
  display: none;
  width: 56px;
  height: 100%;
  font-size: 24px;
  bottom: 0;
  left: 0;
  color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}
.fileuploader-popup .fileuploader-popup-move:hover {
  opacity: 1;
}
.fileuploader-popup .fileuploader-popup-move:after {
  position: absolute;
}
.fileuploader-popup .fileuploader-popup-move[data-action=next] {
  left: auto;
  right: 0;
}
.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move {
  display: inline-block;
}
.fileuploader-popup .fileuploader-cropper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 20, 27, 0.65);
  z-index: 9;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 2;
  transform: translateZ(0);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after {
  content: "";
  position: absolute;
  border: 1px solid rgba(250, 250, 250, 0.8);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 1;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
  top: 0;
  left: 50%;
  height: 100%;
  width: 34%;
  border-top: 0;
  border-bottom: 0;
  transform: translateX(-50%);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after {
  top: 50%;
  left: 0;
  height: 34%;
  width: 100%;
  border-left: 0;
  border-right: 0;
  transform: translateY(-50%);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after {
  opacity: 1;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 3;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a {
  top: -12px;
  left: -12px;
  cursor: nw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b {
  top: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: n-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c {
  top: -12px;
  right: -12px;
  cursor: ne-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d {
  top: 50%;
  right: -12px;
  margin-top: -12px;
  cursor: w-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e {
  bottom: -12px;
  right: -12px;
  cursor: nw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f {
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: s-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g {
  bottom: -12px;
  left: -12px;
  cursor: sw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h {
  left: -12px;
  top: 50%;
  margin-top: -12px;
  cursor: w-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: move;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  transform-origin: top left;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info {
  position: absolute;
  bottom: -12px;
  left: 50%;
  color: #fff;
  font-family: sans-serif;
  line-height: 1;
  font-size: 12px;
  text-align: center;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 14px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-50%) translateY(100%);
  transition: all 0.4s ease;
  z-index: 2;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info {
  opacity: 0;
}

/* responsive */
@media all and (max-width: 768px) {
  .fileuploader-popup .fileuploader-popup-header {
    display: block;
    padding: 0;
  }
  .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
    padding: 16px;
  }
  .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
    position: fixed;
    left: 0;
    bottom: 16px;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .fileuploader-popup .fileuploader-popup-node {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 117px;
  }
  .fileuploader-popup .fileuploader-popup-footer {
    bottom: 61px;
    background: none;
  }
  .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
    display: none;
  }
  .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover {
    border-color: transparent;
  }
  .fileuploader-popup .fileuploader-popup-move {
    width: 30px;
  }
  .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* animation */
@keyframes fileuploaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fileuploader-theme-boxafter {
  padding: 0;
  margin: 0;
}

.fileuploader-theme-boxafter .fileuploader-input {
  display: block;
  margin-top: 1.5rem;
  padding: 2.25rem 1.5rem;
  background: #f7f7f7;
  border: none;
  border-radius: 0.2rem;
  text-align: center;
  color: #bbc2d4;
  transition: all 0.2s ease;
}

.fileuploader-theme-boxafter .fileuploader-input {
  color: #6c757d;
  border: 2px dashed #e5e8eb;
}

.fileuploader-theme-boxafter .fileuploader-input a {
  color: #789bec;
  text-decoration: none;
  font-weight: 600;
}

.fileuploader-theme-boxafter .fileuploader-input.fileuploader-dragging {
  transform: scale(1.01);
  background: rgba(120, 155, 236, 0.1);
}

.fileuploader-theme-boxafter .fileuploader-items {
  margin: 0;
  padding: 0;
}

.fileuploader-theme-boxafter .fileuploader-items .fileuploader-items-list {
  margin: 0;
  padding: 0;
}

.fileuploader-theme-boxafter .fileuploader-items .fileuploader-items-list .fileuploader-item {
  margin: 0;
  padding: 1.5rem;
  border-bottom: 1px solid #e5e8eb;
}

.fileuploader-theme-boxafter .fileuploader-items .fileuploader-items-list .fileuploader-item:last-child {
  border-bottom: 0;
  margin-bottom: -1.5rem;
}

.fileuploader-theme-boxafter .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title {
  color: #6c757d;
}

.fileuploader-theme-boxafter .fileuploader-items .fileuploader-items-list .fileuploader-item .fileuploader-progressbar {
  flex: 0;
  bottom: -6px;
  margin-left: 52px;
  width: calc(100% - 52px);
  background: rgba(0, 0, 0, 0.06);
}

.fileuploader-theme-boxafter .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions {
  margin: 0;
}

.fileuploader-theme-avatar {
  position: relative;
  width: 100%;
  padding: 0;
  padding-bottom: 100%;
  margin: 0 0 0.75rem;
  background: none;
}

.fileuploader-theme-avatar .fileuploader-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
}

.fileuploader-theme-avatar .fileuploader-wrapper,
.fileuploader-theme-avatar .fileuploader-items .fileuploader-item .fileuploader-item-image {
  background: #f9f9fc;
}

.fileuploader-theme-avatar .fileuploader-items {
  height: 100%;
}

.fileuploader-theme-avatar .fileuploader-items .fileuploader-item {
  height: 100%;
  padding: 0;
  margin: 0;
}

.fileuploader-theme-avatar .fileuploader-items .fileuploader-item.is-image-waiting .fileuploader-item-image img {
  display: none;
}

.fileuploader-theme-avatar .fileuploader-droparea {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(43, 56, 71, 0.6);
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: -1;
  opacity: 0;
  transform: scale(1.3);
}

.fileuploader-theme-avatar .fileuploader-droparea .fileuploader-icon-main {
  font-size: 32px;
  color: #fff;
}

.fileuploader-theme-avatar .fileuploader-dragging .fileuploader-droparea {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}

.fileuploader-theme-avatar .progressbar3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fileuploader-theme-avatar .progressbar3 span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #1f344a;
  z-index: 1;
}

.fileuploader-theme-avatar .progressbar3 [data-action] {
  cursor: pointer;
}

.fileuploader-theme-avatar .progressbar3 svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.fileuploader-theme-avatar .progressbar3 svg circle {
  stroke: #5b7bfe;
  stroke-width: 4px;
  fill: transparent;
  transition: 0.3s stroke-dashoffset, 0.3s transform;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.fileuploader-theme-avatar .progressbar3.is-reset svg circle {
  transition: none;
}

.fileuploader-theme-avatar .progressbar3 svg .progress-dash {
  stroke: #dae2fd;
}

.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 svg {
  transform: scale(0.5);
}

.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 span {
  font-size: 16px;
  color: #fff;
}

.fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 svg .progress-dash {
  stroke-width: 0;
  transform: scale(1.3);
}

.fileuploader-theme-avatar .fileuploader-item.upload-successful .progressbar3 svg circle {
  stroke: #43D084;
  fill: #43D084;
}

.fileuploader-theme-avatar .fileuploader-item.upload-successful .progressbar3 svg .progress-dash {
  fill: rgba(67, 208, 132, 0.6);
}

.fileuploader-theme-avatar .fileuploader-item.upload-failed .progressbar3 svg circle {
  stroke: #FE7676;
  fill: #FE7676;
}

.fileuploader-theme-avatar .fileuploader-item.upload-failed .progressbar3 svg .progress-dash {
  fill: rgba(254, 118, 118, 0.6);
}

.fileuploader-theme-avatar .fileuploader-menu {
  position: absolute;
  bottom: 6%;
  left: 8%;
  z-index: 1;
}

.fileuploader-theme-avatar .fileuploader-menu-open {
  padding: 2px 4px;
  border-radius: 0.25rem;
  background: #fff;
  color: #5b7bfe;
  font-size: 18px;
  line-height: 0;
  box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);
  cursor: pointer;
}

.fileuploader-theme-avatar .fileuploader-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -1px;
  box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0.25rem 0.25rem;
}

.fileuploader-theme-avatar .fileuploader-menu.is-shown .fileuploader-menu-open {
  transform: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fileuploader-theme-avatar .fileuploader-menu.is-shown ul {
  display: block;
}

.fileuploader-theme-avatar .fileuploader-menu ul li {
  margin: 0;
  padding: 0;
}

.fileuploader-theme-avatar .fileuploader-menu ul li a {
  display: block;
  padding: 10px 12px;
  min-width: 120px;
  color: #1f344a;
  cursor: pointer;
  text-decoration: none;
}

.fileuploader-theme-avatar .fileuploader-menu ul li a i {
  margin-right: 6px;
}

.fileuploader-theme-avatar .fileuploader-menu ul li a:hover {
  background: rgba(0, 0, 0, 0.03);
}

.fileuploader-theme-avatar .fileuploader-menu ul li a:active {
  background: rgba(0, 0, 0, 0.05);
}

.fileuploader-theme-avatar:hover .fileuploader-menu {
  transform: translateY(0);
  opacity: 1;
}

.fileuploader-popup-preview.is-for-avatar .fileuploader-cropper .fileuploader-cropper-area .area-image,
.fileuploader-popup-preview.is-for-avatar .fileuploader-cropper .fileuploader-cropper-area .area-move:after {
  border-radius: 0.25rem;
}

.ace-editor {
  min-height: 250px !important;
  resize: vertical !important;
  overflow: auto !important;
}

.shareon > .mailto {
  background-color: #333;
}

.shareon > .mailto::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style='fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(100%25,100%25,100%25);stroke-opacity:1;stroke-miterlimit:4;' d='M 4 7 L 10.199219 11.648438 C 11.265625 12.449219 12.734375 12.449219 13.800781 11.648438 L 20 7 '/%3E%3Cpath style='fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke:rgb(100%25,100%25,100%25);stroke-opacity:1;stroke-miterlimit:4;' d='M 5 5 L 19 5 C 20.105469 5 21 5.894531 21 7 L 21 17 C 21 18.105469 20.105469 19 19 19 L 5 19 C 3.894531 19 3 18.105469 3 17 L 3 7 C 3 5.894531 3.894531 5 5 5 Z M 5 5 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.shareon > .twitter::before {
  background-image: url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 300 271' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m236 0h46l-101 115 118 156h-92.6l-72.5-94.8-83 94.8h-46l107-123-113-148h94.9l65.5 86.6zm-16.1 244h25.5l-165-218h-27.4z'/%3e%3c/svg%3e");
}

.shareon > .twitter {
  background-color: #000;
}

.select2.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: calc(1.5em + 1rem + 2px);
  background-color: #fff;
  outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  padding-left: 0.9rem;
  color: #212529;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width: 34px;
  right: 3px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #ced4da transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ced4da transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-dropdown {
  border: 1px solid #ced4da;
  background-color: #fff;
  z-index: 1056;
  left: -1px !important;
}

.card-body .select2-dropdown {
  left: 0 !important;
}

.select2-container--default .select2-results__option--selected {
  background-color: #eff2f7;
}
.select2-container--default .select2-search--dropdown {
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #e9ebec;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  outline: none;
  border: 1px solid #ced4da;
  background-color: #fff;
  color: #212529;
  border-radius: 0.25rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #003d9b;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #fff;
  color: #003d9b;
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #003d9b;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 36px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 37px;
  width: 27px;
  right: 1px;
  left: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-left: -10px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  height: 37px;
  margin-right: 20px;
  padding: 0;
  width: 27px;
}

.select2-container .select2-selection--multiple {
  min-height: calc(1.5em + 1rem + 2px);
  border: 1px solid #ced4da !important;
  background-color: #fff;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 1px 4px;
}
.select2-container .select2-selection--multiple .select2-search__field {
  border: 0;
  color: #212529;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #003d9b;
  border: none;
  color: #fff;
  border-radius: 3px;
  padding: 3px;
  margin-top: 6px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  margin-right: 7px;
  border-color: #1a50a5;
  padding: 0 8px;
  top: 3px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
  background-color: #003d9b;
}
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 7px;
  font-family: "Outfit", sans-serif;
}
.select2-container .select2-search textarea::-moz-placeholder {
  color: #878a99;
}
.select2-container .select2-search textarea::placeholder {
  color: #878a99;
}

.select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eff2f7;
  cursor: default;
}

select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection {
  border-color: #f06548 !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f1556c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1556c' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.9rem/calc(0.75em + 0.45rem) calc(0.75em + 0.45rem);
  background-position: center right 2.5rem;
}

.apex-charts {
  min-height: 10px !important;
}
.apex-charts text {
  font-family: "Outfit", sans-serif !important;
}
.apex-charts .apexcharts-canvas {
  margin: 0 auto;
}

.apexcharts-tooltip-title,
.apexcharts-tooltip-text {
  font-family: "Outfit", sans-serif !important;
}

.apexcharts-tooltip {
  border: 1px solid #e9ebec !important;
  background-color: #fff !important;
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1) !important;
}
.apexcharts-tooltip * {
  font-family: "Outfit", sans-serif !important;
  color: #878a99 !important;
}
.apexcharts-tooltip .apexcharts-tooltip-title {
  background-color: rgba(243, 246, 249, 0.75) !important;
  border-bottom: 1px solid #e9ebec !important;
}

.apexcharts-tooltip.apexcharts-theme-dark * {
  color: #fff !important;
}

.apexcharts-legend-series {
  font-weight: 500;
}

.apexcharts-gridline {
  pointer-events: none;
  stroke: rgba(243, 246, 249, 0.75);
}

.apexcharts-legend-text {
  color: #878a99 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
}

.apexcharts-pie-label {
  fill: #fff !important;
}

.apexcharts-title-text,
.apexcharts-subtitle-text {
  fill: #adb5bd;
}

.apexcharts-yaxis text,
.apexcharts-xaxis text {
  font-family: "Outfit", sans-serif !important;
  fill: #adb5bd;
}

.apexcharts-yaxis-title {
  font-weight: 600;
}

#dynamicloadedchart-wrap {
  margin: 0px auto;
  max-width: 800px;
  position: relative;
}

.chart-box {
  padding-left: 0;
}

#chart-year,
#chart-quarter {
  width: 96%;
  max-width: 48%;
  box-shadow: none;
  padding-left: 0;
  padding-top: 20px;
  background: #fff;
  border: 1px solid #e9ebec;
}

#chart-year {
  float: left;
  position: relative;
  transition: 1s ease transform;
  z-index: 3;
}
#chart-year.chart-quarter-activated {
  transform: translateX(0);
  transition: 1s ease transform;
}

#chart-quarter {
  float: left;
  position: relative;
  z-index: -2;
  transition: 1s ease transform;
}
#chart-quarter.active {
  transition: 1.1s ease-in-out transform;
  transform: translateX(0);
  z-index: 1;
}

@media screen and (min-width: 480px) {
  #chart-year {
    transform: translateX(50%);
  }
  #chart-quarter {
    transform: translateX(-50%);
  }
}
.apexcharts-radar-series polygon,
.apexcharts-radar-series line {
  stroke: #e9ebec;
}

.apexcharts-pie circle,
.apexcharts-pie line {
  stroke: #e9ebec;
}
.apexcharts-pie text {
  fill: #212529;
}

.apex-charts .apexcharts-xaxis line,
.apex-charts .apexcharts-yaxis line {
  stroke: #e9ebec;
}
.apex-charts .apexcharts-xaxis-tick {
  stroke: #e9ebec;
}
.apex-charts .apexcharts-pie-series path,
.apex-charts .apexcharts-bar-series path {
  stroke: #fff;
}
.apex-charts .apexcharts-radialbar-track path {
  stroke: #f3f6f9;
}
.apex-charts .apexcharts-marker {
  stroke: #fff;
}
.apex-charts .apexcharts-boxPlot-series path {
  stroke: #e9ebec;
}
.apex-charts .apexcharts-treemap rect,
.apex-charts .apexcharts-heatmap-series rect {
  stroke: #fff;
}

.apexcharts-datalabel {
  transform: translateY(-20px) !important;
  white-space: nowrap;
}

.select2.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: calc(1.5em + 1rem + 2px);
  background-color: #fff;
  outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  padding-left: 0.9rem;
  color: #212529;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width: 34px;
  right: 3px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #ced4da transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ced4da transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-dropdown {
  border: 1px solid #ced4da;
  background-color: #fff;
  z-index: 1056;
  left: -1px !important;
}

.card-body .select2-dropdown {
  left: 0 !important;
}

.select2-container--default .select2-results__option--selected {
  background-color: #eff2f7;
}
.select2-container--default .select2-search--dropdown {
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #e9ebec;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  outline: none;
  border: 1px solid #ced4da;
  background-color: #fff;
  color: #212529;
  border-radius: 0.25rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #003d9b;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #fff;
  color: #003d9b;
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #003d9b;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 36px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 37px;
  width: 27px;
  right: 1px;
  left: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-left: -10px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  height: 37px;
  margin-right: 20px;
  padding: 0;
  width: 27px;
}

.select2-container .select2-selection--multiple {
  min-height: calc(1.5em + 1rem + 2px);
  border: 1px solid #ced4da !important;
  background-color: #fff;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 1px 4px;
}
.select2-container .select2-selection--multiple .select2-search__field {
  border: 0;
  color: #212529;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #003d9b;
  border: none;
  color: #fff;
  border-radius: 3px;
  padding: 3px;
  margin-top: 6px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  margin-right: 7px;
  border-color: #1a50a5;
  padding: 0 8px;
  top: 3px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
  background-color: #003d9b;
}
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 7px;
  font-family: "Outfit", sans-serif;
}
.select2-container .select2-search textarea::-moz-placeholder {
  color: #878a99;
}
.select2-container .select2-search textarea::placeholder {
  color: #878a99;
}

.select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eff2f7;
  cursor: default;
}

select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection {
  border-color: #f06548 !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f1556c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1556c' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.9rem/calc(0.75em + 0.45rem) calc(0.75em + 0.45rem);
  background-position: center right 2.5rem;
}

.pcr-app {
  background: var(--card-bg-custom);
  box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  border-radius: 4px;
  border: 1px solid #e9ebec;
}

.pickr .pcr-button {
  border: 4px solid var(--card-bg-custom);
  box-shadow: 0px 0px 0 2px #e9ebec;
  border-radius: 50%;
  box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1);
}
.pickr .pcr-button::after, .pickr .pcr-button::before {
  border-radius: 50%;
}

.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {
  margin-right: 0.75em;
  margin-left: 0;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {
  margin-left: 0.75em;
  margin-right: 0;
}
.pcr-app[data-theme=monolith] .pcr-result {
  min-width: 100%;
}
.pcr-app .pcr-interaction .pcr-type.active {
  background: #003d9b;
}
.pcr-app .pcr-interaction .pcr-result {
  background-color: #fff;
  color: #212529;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.pcr-app .pcr-interaction input {
  border-radius: 0.25rem !important;
}
.pcr-app .pcr-interaction input:focus {
  box-shadow: none;
  background-color: #fff;
  border-color: #809ecd;
}
.pcr-app .pcr-interaction .pcr-save {
  background: #45CB85 !important;
}
.pcr-app .pcr-interaction .pcr-clear, .pcr-app .pcr-interaction .pcr-cancel {
  background: #f06548 !important;
}

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*=language-],
pre[class*=language-] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
}

pre[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*=language-]::selection,
pre[class*=language-] ::selection,
code[class*=language-]::selection,
code[class*=language-] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*=language-],
  pre[class*=language-] {
    text-shadow: none;
  }
}
/* Code blocks */
pre[class*=language-] {
  padding: 1em;
  margin: 0;
  overflow: auto;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: var(--light) !important;
}

/* Inline code */
:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.token.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f06548;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
  /* This background color was intended by the author of this theme. */
  background: hsla(0deg, 0%, 100%, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function,
.token.class-name {
  color: #dd4a68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

/* Prism editor */
:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #eff2f7;
}

code[class*=language-],
pre[class*=language-] {
  color: #878a99;
  text-shadow: none;
}

.language-markup::-webkit-scrollbar {
  -webkit-appearance: none;
}
.language-markup::-webkit-scrollbar:vertical {
  width: 10px;
}
.language-markup::-webkit-scrollbar:horizontal {
  height: 10px;
}
.language-markup::-webkit-scrollbar-thumb {
  background-color: rgba(var(--dark-rgb), 0.1);
  border-radius: 10px;
  border: 2px solid var(--light);
}
.language-markup::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: var(--light);
}

#scroll-top {
  width: 30px;
  height: 30px;
  position: fixed;
  bottom: 65px;
  right: 30px;
  background: #343a40;
  border-color: transparent;
  border-radius: 3px;
  color: #ffffff;
  transition: all 0.5s ease;
}

.btn-clipboard {
  position: absolute !important;
  right: 15px !important;
  z-index: 1 !important;
}

div.code-toolbar > .toolbar {
  opacity: 1 !important;
}
div.code-toolbar > .toolbar button {
  display: inline-block !important;
  margin: 0.375rem 0.5rem !important;
  padding: 0.25rem 0.75rem !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  border-radius: 0.2rem !important;
  border: 1px solid rgba(0, 61, 155, 0.35) !important;
  background-color: transparent;
  color: #003d9b !important;
  box-shadow: none !important;
}
div.code-toolbar > .toolbar button:focus {
  outline: none !important;
  box-shadow: none !important;
}
div.code-toolbar > .toolbar button:hover {
  background-color: #003d9b !important;
  color: #fff !important;
}

.choices {
  position: relative;
  margin-bottom: 24px;
  font-size: 16px;
}
.choices:focus {
  outline: none;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: rgba(243, 246, 249, 0.75);
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}
.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 0.25rem;
}
.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 0.5rem 0.9rem;
  background-color: #fff;
  border: 1px solid #ced4da;
  font-size: 0.925rem;
  border-radius: 0.25rem;
  color: #212529;
  margin-bottom: 10px;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  margin-top: -10px;
  margin-right: 25px;
  margin-left: 0;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.5;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0px 0px 0px 2px #00bcd4;
}
.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}
.choices[data-type*=select-one]:after {
  content: "\f0140";
  position: absolute;
  border: 0;
  border-color: #000 transparent transparent;
  right: 11.5px;
  left: auto;
  font-family: "Material Design Icons";
  width: auto;
  height: auto;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.choices[data-type*=select-one].is-open:after {
  margin-top: 0;
  transform: translateY(-50%) rotate(-180deg);
}
.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
  cursor: text;
  padding-right: 0.9rem;
}
.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=text] .choices__button:hover, .choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*=select-multiple] .choices__list--dropdown, .choices[data-type*=text] .choices__list--dropdown {
  padding-bottom: 10px;
}
.choices[data-type*=select-multiple] .choices__list--dropdown .choices__list, .choices[data-type*=text] .choices__list--dropdown .choices__list {
  margin-bottom: 0;
}
.choices[data-type*=select-multiple] .choices__input {
  padding-top: 3px;
}

.input-light .choices__inner {
  background-color: #f3f6f9;
  border: none;
}

.choices__inner {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  background-color: #fff;
  padding: 0.25rem 3.6rem 0.25rem 0.5rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem !important;
  font-size: 0.925rem;
  min-height: 40px;
  overflow: hidden;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #809ecd;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}
.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: initial;
  border-radius: 0.25rem;
  padding: 2px 7px;
  font-size: 12px;
  font-weight: 400;
  margin-right: 5px;
  margin-bottom: 2px;
  margin-top: 2px;
  background-color: #003d9b;
  border: 1px solid #003d9b;
  word-break: break-all;
  box-sizing: border-box;
  color: #fff;
  box-shadow: none;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #003d9b;
  border: 1px solid #003d9b;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #0286c7;
  border: 1px solid #0286c7;
}

.choices__list--dropdown {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #e9ebec;
  box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  top: 100%;
  margin-top: 0;
  padding: 10px 10px 10px 10px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform: translateY(1px);
}
.choices__list--dropdown.is-active {
  visibility: visible;
  animation-name: DropDownSlide;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #f3f6f9;
}
.choices__list--dropdown .has-no-results {
  font-weight: 400;
  color: #878a99;
}
.choices__list--dropdown .choices__item--selectable:after {
  display: none;
}

.is-open .choices__list--dropdown {
  border-color: #e9ebec;
}

.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}
.is-flipped .choices__list--dropdown.is-active {
  animation-name: DropDownSlideDown;
  transform: translateY(-1px);
}

.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  margin: 0 !important;
}
.choices__list--dropdown .choices__item {
  position: relative;
  font-size: 0.925rem;
  padding: 0.35rem 1.2rem 0.35rem 16px;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable:after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: 0.5;
  }
}
.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid #e9ebec;
  color: #878a99;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #fff;
  color: #212529;
  font-size: 0.925rem;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 1ch;
  padding: 2px 0 2px 2px;
}
.choices__input:focus {
  outline: 0;
}
.choices__input::-moz-placeholder {
  color: #878a99;
}
.choices__input::placeholder {
  color: #878a99;
}

.choices__placeholder {
  color: #878a99;
  opacity: 1;
}