.white {
  color: #FFFFFF !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.bg-white .card-header,
.bg-white .card-footer {
  background-color: transparent;
}

.alert-white {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #FFFFFF !important;
}

.alert-white .alert-heading {
  box-shadow: rgba(255, 255, 255, 0.4) 0px 6px 15px -7px;
}

.alert-white .alert-link {
  color: #f2f2f2 !important;
}

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

.border-white {
  border: 1px solid #FFFFFF !important;
}

.border-top-white {
  border-top: 1px solid #FFFFFF;
}

.border-bottom-white {
  border-bottom: 1px solid #FFFFFF;
}

.border-left-white {
  border-left: 1px solid #FFFFFF;
}

.border-right-white {
  border-right: 1px solid #FFFFFF;
}

.bg-white.badge-glow,
.border-white.badge-glow,
.badge-white.badge-glow {
  box-shadow: 0px 0px 10px #FFFFFF;
}

.badge.badge-white {
  background-color: #FFFFFF;
}

.overlay-white {
  background: #FFFFFF;
  /* The Fallback */
  background: rgba(255, 255, 255, 0.6);
}

.btn-white {
  border-color: !important;
  background-color: #FFFFFF !important;
  color: #fff;
}

.btn-white:hover {
  border-color: !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px white;
}

.btn-white:focus,
.btn-white:active {
  color: #fff !important;
}

.btn-flat-white {
  background-color: transparent;
  color: #FFFFFF;
}

.btn-flat-white:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}

.btn-flat-white:active,
.btn-flat-white:focus {
  background-color: #FFFFFF;
  color: #fff !important;
}

.btn-relief-white {
  background-color: #FFFFFF;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-white:hover {
  color: #fff;
}

.btn-relief-white:active,
.btn-relief-white:focus {
  outline: none;
  transform: translateY(3px);
}

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

.btn-outline-white:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
}

.btn-outline-white:active {
  color: #fff !important;
}

.btn-white ~ .dropdown-menu .dropdown-item.active,
.btn-outline-white ~ .dropdown-menu .dropdown-item.active,
.btn-flat-white ~ .dropdown-menu .dropdown-item.active {
  background-color: #FFFFFF;
  color: #fff;
}

.btn-white ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-white ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-white ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-white ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-white ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-white ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #FFFFFF;
}

.dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:hover i {
  color: #FFFFFF;
}

.dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-white ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-white {
  background-color: #FFFFFF;
}

.pagination-white .page-item.active .page-link {
  background: #FFFFFF;
  color: #fff;
}

.pagination-white .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-white .page-item .page-link:hover {
  color: #FFFFFF;
}

.pagination-white .page-item.prev-item .page-link:hover,
.pagination-white .page-item.next-item .page-link:hover {
  background: #FFFFFF;
  color: #fff;
}

.nav-pill-white .nav-item .nav-link.active {
  color: #fff;
  background-color: #FFFFFF !important;
}

.progress-bar-white {
  background-color: rgba(255, 255, 255, 0.1);
}

.progress-bar-white .progress-bar {
  background-color: #FFFFFF;
}

.chip-white {
  background-color: #FFFFFF !important;
}

.chip-white .chip-body {
  color: #fff !important;
}

.divider.divider-white .divider-text:before,
.divider.divider-white .divider-text:after {
  border-color: #FFFFFF !important;
}

input[type=checkbox].bg-white + .custom-control-label:before,
input[type=radio].bg-white + .custom-control-label:before {
  background-color: #FFFFFF !important;
}

input:focus ~ .bg-white {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFFFFF !important;
}

.vs-checkbox-white input:checked ~ .vs-checkbox {
  border-color: #FFFFFF !important;
}

.vs-checkbox-white input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #FFFFFF !important;
}

.vs-checkbox-white input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #FFFFFF !important;
}

.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #FFFFFF !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-white input:checked ~ .vs-radio .vs-radio--circle {
  background: white !important;
  box-shadow: 0 3px 12px 0 rgba(255, 255, 255, 0.4) !important;
}

.black {
  color: #000000 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-black .card-header,
.bg-black .card-footer {
  background-color: transparent;
}

.alert-black {
  background: rgba(0, 0, 0, 0.2) !important;
  color: #000000 !important;
}

.alert-black .alert-heading {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 15px -7px;
}

.alert-black .alert-link {
  color: black !important;
}

.bg-rgba-black {
  background: rgba(0, 0, 0, 0.15) !important;
}

.border-black {
  border: 1px solid #000000 !important;
}

.border-top-black {
  border-top: 1px solid #000000;
}

.border-bottom-black {
  border-bottom: 1px solid #000000;
}

.border-left-black {
  border-left: 1px solid #000000;
}

.border-right-black {
  border-right: 1px solid #000000;
}

.bg-black.badge-glow,
.border-black.badge-glow,
.badge-black.badge-glow {
  box-shadow: 0px 0px 10px #000000;
}

.badge.badge-black {
  background-color: #000000;
}

.overlay-black {
  background: #000000;
  /* The Fallback */
  background: rgba(0, 0, 0, 0.6);
}

.btn-black {
  border-color: !important;
  background-color: #000000 !important;
  color: #fff;
}

.btn-black:hover {
  border-color: !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px black;
}

.btn-black:focus,
.btn-black:active {
  color: #fff !important;
}

.btn-flat-black {
  background-color: transparent;
  color: #000000;
}

.btn-flat-black:hover {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
}

.btn-flat-black:active,
.btn-flat-black:focus {
  background-color: #000000;
  color: #fff !important;
}

.btn-relief-black {
  background-color: #000000;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-black:hover {
  color: #fff;
}

.btn-relief-black:active,
.btn-relief-black:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-black {
  border: 1px solid #000000;
  background-color: transparent;
  color: #000000;
}

.btn-outline-black:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: #000000;
}

.btn-outline-black:active {
  color: #fff !important;
}

.btn-black ~ .dropdown-menu .dropdown-item.active,
.btn-outline-black ~ .dropdown-menu .dropdown-item.active,
.btn-flat-black ~ .dropdown-menu .dropdown-item.active {
  background-color: #000000;
  color: #fff;
}

.btn-black ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-black ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-black ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-black ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-black ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-black ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #000000;
}

.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:hover i {
  color: #000000;
}

.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-black ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-black {
  background-color: #000000;
}

.pagination-black .page-item.active .page-link {
  background: #000000;
  color: #fff;
}

.pagination-black .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-black .page-item .page-link:hover {
  color: #000000;
}

.pagination-black .page-item.prev-item .page-link:hover,
.pagination-black .page-item.next-item .page-link:hover {
  background: #000000;
  color: #fff;
}

.nav-pill-black .nav-item .nav-link.active {
  color: #fff;
  background-color: #000000 !important;
}

.progress-bar-black {
  background-color: rgba(0, 0, 0, 0.1);
}

.progress-bar-black .progress-bar {
  background-color: #000000;
}

.chip-black {
  background-color: #000000 !important;
}

.chip-black .chip-body {
  color: #fff !important;
}

.divider.divider-black .divider-text:before,
.divider.divider-black .divider-text:after {
  border-color: #000000 !important;
}

input[type=checkbox].bg-black + .custom-control-label:before,
input[type=radio].bg-black + .custom-control-label:before {
  background-color: #000000 !important;
}

input:focus ~ .bg-black {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important;
}

.vs-checkbox-black input:checked ~ .vs-checkbox {
  border-color: #000000 !important;
}

.vs-checkbox-black input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #000000 !important;
}

.vs-checkbox-black input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #000000 !important;
}

.custom-switch-black .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #000000 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-black input:checked ~ .vs-radio .vs-radio--circle {
  background: black !important;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.4) !important;
}

.dark {
  color: #1e1e1e !important;
}

.bg-dark {
  background-color: #1e1e1e !important;
}

.bg-dark .card-header,
.bg-dark .card-footer {
  background-color: transparent;
}

.alert-dark {
  background: rgba(30, 30, 30, 0.2) !important;
  color: #1e1e1e !important;
}

.alert-dark .alert-heading {
  box-shadow: rgba(30, 30, 30, 0.4) 0px 6px 15px -7px;
}

.alert-dark .alert-link {
  color: #111111 !important;
}

.bg-rgba-dark {
  background: rgba(30, 30, 30, 0.15) !important;
}

.border-dark {
  border: 1px solid #1e1e1e !important;
}

.border-top-dark {
  border-top: 1px solid #1e1e1e;
}

.border-bottom-dark {
  border-bottom: 1px solid #1e1e1e;
}

.border-left-dark {
  border-left: 1px solid #1e1e1e;
}

.border-right-dark {
  border-right: 1px solid #1e1e1e;
}

.bg-dark.badge-glow,
.border-dark.badge-glow,
.badge-dark.badge-glow {
  box-shadow: 0px 0px 10px #1e1e1e;
}

.badge.badge-dark {
  background-color: #1e1e1e;
}

.overlay-dark {
  background: #1e1e1e;
  /* The Fallback */
  background: rgba(30, 30, 30, 0.6);
}

.btn-dark {
  border-color: !important;
  background-color: #1e1e1e !important;
  color: #fff;
}

.btn-dark:hover {
  border-color: !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #1e1e1e;
}

.btn-dark:focus,
.btn-dark:active {
  color: #fff !important;
}

.btn-flat-dark {
  background-color: transparent;
  color: #1e1e1e;
}

.btn-flat-dark:hover {
  color: #1e1e1e;
  background-color: rgba(30, 30, 30, 0.1);
}

.btn-flat-dark:active,
.btn-flat-dark:focus {
  background-color: #1e1e1e;
  color: #fff !important;
}

.btn-relief-dark {
  background-color: #1e1e1e;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-dark:hover {
  color: #fff;
}

.btn-relief-dark:active,
.btn-relief-dark:focus {
  outline: none;
  transform: translateY(3px);
}

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

.btn-outline-dark:hover {
  background-color: rgba(30, 30, 30, 0.08);
  color: #1e1e1e;
}

.btn-outline-dark:active {
  color: #fff !important;
}

.btn-dark ~ .dropdown-menu .dropdown-item.active,
.btn-outline-dark ~ .dropdown-menu .dropdown-item.active,
.btn-flat-dark ~ .dropdown-menu .dropdown-item.active {
  background-color: #1e1e1e;
  color: #fff;
}

.btn-dark ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-dark ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-dark ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-dark ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-dark ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-dark ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #1e1e1e;
}

.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover i {
  color: #1e1e1e;
}

.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-dark ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-dark {
  background-color: #1e1e1e;
}

.pagination-dark .page-item.active .page-link {
  background: #1e1e1e;
  color: #fff;
}

.pagination-dark .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-dark .page-item .page-link:hover {
  color: #1e1e1e;
}

.pagination-dark .page-item.prev-item .page-link:hover,
.pagination-dark .page-item.next-item .page-link:hover {
  background: #1e1e1e;
  color: #fff;
}

.nav-pill-dark .nav-item .nav-link.active {
  color: #fff;
  background-color: #1e1e1e !important;
}

.progress-bar-dark {
  background-color: rgba(30, 30, 30, 0.1);
}

.progress-bar-dark .progress-bar {
  background-color: #1e1e1e;
}

.chip-dark {
  background-color: #1e1e1e !important;
}

.chip-dark .chip-body {
  color: #fff !important;
}

.divider.divider-dark .divider-text:before,
.divider.divider-dark .divider-text:after {
  border-color: #1e1e1e !important;
}

input[type=checkbox].bg-dark + .custom-control-label:before,
input[type=radio].bg-dark + .custom-control-label:before {
  background-color: #1e1e1e !important;
}

input:focus ~ .bg-dark {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e1e1e !important;
}

.vs-checkbox-dark input:checked ~ .vs-checkbox {
  border-color: #1e1e1e !important;
}

.vs-checkbox-dark input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #1e1e1e !important;
}

.vs-checkbox-dark input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #1e1e1e !important;
}

.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1e1e1e !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-dark input:checked ~ .vs-radio .vs-radio--circle {
  background: #1e1e1e !important;
  box-shadow: 0 3px 12px 0 rgba(30, 30, 30, 0.4) !important;
}

.dark.gradient-bg {
  color: #640064 !important;
}

.bg-dark.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-dark.btn-gradient-bg {
  border-color: !important;
  background-color: #640064 !important;
}

.btn-dark.btn-gradient-bg:hover {
  border-color: !important;
  background-color: !important;
}

.btn-dark.btn-gradient-bg:focus,
.btn-dark.btn-gradient-bg:active {
  border-color: !important;
  background-color: !important;
}

.btn-outline-dark.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}

.btn-outline-dark.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-dark {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-dark.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-dark.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-dark.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-dark.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-dark.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-dark.overlay-gradient-bg {
  background: #640064;
  /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.light {
  color: #babfc7 !important;
}

.bg-light {
  background-color: #babfc7 !important;
}

.bg-light .card-header,
.bg-light .card-footer {
  background-color: transparent;
}

.alert-light {
  background: rgba(186, 191, 199, 0.2) !important;
  color: #babfc7 !important;
}

.alert-light .alert-heading {
  box-shadow: rgba(186, 191, 199, 0.4) 0px 6px 15px -7px;
}

.alert-light .alert-link {
  color: #acb2bc !important;
}

.bg-rgba-light {
  background: rgba(186, 191, 199, 0.15) !important;
}

.border-light {
  border: 1px solid #babfc7 !important;
}

.border-top-light {
  border-top: 1px solid #babfc7;
}

.border-bottom-light {
  border-bottom: 1px solid #babfc7;
}

.border-left-light {
  border-left: 1px solid #babfc7;
}

.border-right-light {
  border-right: 1px solid #babfc7;
}

.bg-light.badge-glow,
.border-light.badge-glow,
.badge-light.badge-glow {
  box-shadow: 0px 0px 10px #babfc7;
}

.badge.badge-light {
  background-color: #babfc7;
}

.overlay-light {
  background: #babfc7;
  /* The Fallback */
  background: rgba(186, 191, 199, 0.6);
}

.btn-light {
  border-color: !important;
  background-color: #babfc7 !important;
  color: #fff;
}

.btn-light:hover {
  border-color: !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #babfc7;
}

.btn-light:focus,
.btn-light:active {
  color: #fff !important;
}

.btn-flat-light {
  background-color: transparent;
  color: #babfc7;
}

.btn-flat-light:hover {
  color: #babfc7;
  background-color: rgba(186, 191, 199, 0.1);
}

.btn-flat-light:active,
.btn-flat-light:focus {
  background-color: #babfc7;
  color: #fff !important;
}

.btn-relief-light {
  background-color: #babfc7;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-light:hover {
  color: #fff;
}

.btn-relief-light:active,
.btn-relief-light:focus {
  outline: none;
  transform: translateY(3px);
}

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

.btn-outline-light:hover {
  background-color: rgba(186, 191, 199, 0.08);
  color: #babfc7;
}

.btn-outline-light:active {
  color: #fff !important;
}

.btn-light ~ .dropdown-menu .dropdown-item.active,
.btn-outline-light ~ .dropdown-menu .dropdown-item.active,
.btn-flat-light ~ .dropdown-menu .dropdown-item.active {
  background-color: #babfc7;
  color: #fff;
}

.btn-light ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-light ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-light ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-light ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-light ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-light ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #babfc7;
}

.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:hover i {
  color: #babfc7;
}

.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-light ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-light {
  background-color: #babfc7;
}

.pagination-light .page-item.active .page-link {
  background: #babfc7;
  color: #fff;
}

.pagination-light .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-light .page-item .page-link:hover {
  color: #babfc7;
}

.pagination-light .page-item.prev-item .page-link:hover,
.pagination-light .page-item.next-item .page-link:hover {
  background: #babfc7;
  color: #fff;
}

.nav-pill-light .nav-item .nav-link.active {
  color: #fff;
  background-color: #babfc7 !important;
}

.progress-bar-light {
  background-color: rgba(186, 191, 199, 0.1);
}

.progress-bar-light .progress-bar {
  background-color: #babfc7;
}

.chip-light {
  background-color: #babfc7 !important;
}

.chip-light .chip-body {
  color: #fff !important;
}

.divider.divider-light .divider-text:before,
.divider.divider-light .divider-text:after {
  border-color: #babfc7 !important;
}

input[type=checkbox].bg-light + .custom-control-label:before,
input[type=radio].bg-light + .custom-control-label:before {
  background-color: #babfc7 !important;
}

input:focus ~ .bg-light {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #babfc7 !important;
}

.vs-checkbox-light input:checked ~ .vs-checkbox {
  border-color: #babfc7 !important;
}

.vs-checkbox-light input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #babfc7 !important;
}

.vs-checkbox-light input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #babfc7 !important;
}

.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #babfc7 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-light input:checked ~ .vs-radio .vs-radio--circle {
  background: #babfc7 !important;
  box-shadow: 0 3px 12px 0 rgba(186, 191, 199, 0.4) !important;
}

.light.gradient-bg {
  color: #640064 !important;
}

.bg-light.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-light.btn-gradient-bg {
  border-color: !important;
  background-color: #640064 !important;
}

.btn-light.btn-gradient-bg:hover {
  border-color: !important;
  background-color: !important;
}

.btn-light.btn-gradient-bg:focus,
.btn-light.btn-gradient-bg:active {
  border-color: !important;
  background-color: !important;
}

.btn-outline-light.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}

.btn-outline-light.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-light {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-light.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-light.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-light.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-light.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-light.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-light.overlay-gradient-bg {
  background: #640064;
  /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.primary.gradient-light {
  color: #ce9ffc !important;
}

.bg-primary.bg-gradient-light {
  background-color: #ce9ffc !important;
}

.btn-primary.btn-gradient-light {
  border-color: #4839eb !important;
  background-color: #ce9ffc !important;
}

.btn-primary.btn-gradient-light:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-gradient-light:focus,
.btn-primary.btn-gradient-light:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-gradient-light {
  border-color: #ce9ffc !important;
  color: #ce9ffc !important;
}

.btn-outline-primary.btn-outline-gradient-light:hover {
  background-color: #ce9ffc !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ce9ffc !important;
}

.border-primary.border-gradient-light {
  border: 1px solid #ce9ffc !important;
}

.border-top-primary.border-top-gradient-light {
  border-top: 1px solid #ce9ffc !important;
}

.border-bottom-primary.border-bottom-gradient-light {
  border-bottom: 1px solid #ce9ffc !important;
}

.border-left-primary.border-left-gradient-light {
  border-left: 1px solid #ce9ffc !important;
}

.border-right-primary.border-right-gradient-light {
  border-right: 1px solid #ce9ffc !important;
}

.overlay-primary.overlay-gradient-light {
  background: #ce9ffc;
  /* The Fallback */
  background: rgba(206, 159, 252, 0.6);
}

.primary.lighten-5 {
  color: #dedbfb !important;
}

.bg-primary.bg-lighten-5 {
  background-color: #dedbfb !important;
}

.btn-primary.btn-lighten-5 {
  border-color: #4839eb !important;
  background-color: #dedbfb !important;
}

.btn-primary.btn-lighten-5:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-lighten-5:focus,
.btn-primary.btn-lighten-5:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-lighten-5 {
  border-color: #dedbfb !important;
  color: #dedbfb !important;
}

.btn-outline-primary.btn-outline-lighten-5:hover {
  background-color: #dedbfb !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dedbfb !important;
}

.border-primary.border-lighten-5 {
  border: 1px solid #dedbfb !important;
}

.border-top-primary.border-top-lighten-5 {
  border-top: 1px solid #dedbfb !important;
}

.border-bottom-primary.border-bottom-lighten-5 {
  border-bottom: 1px solid #dedbfb !important;
}

.border-left-primary.border-left-lighten-5 {
  border-left: 1px solid #dedbfb !important;
}

.border-right-primary.border-right-lighten-5 {
  border-right: 1px solid #dedbfb !important;
}

.overlay-primary.overlay-lighten-5 {
  background: #dedbfb;
  /* The Fallback */
  background: rgba(222, 219, 251, 0.6);
}

.primary.lighten-4 {
  color: #c9c4f9 !important;
}

.bg-primary.bg-lighten-4 {
  background-color: #c9c4f9 !important;
}

.btn-primary.btn-lighten-4 {
  border-color: #4839eb !important;
  background-color: #c9c4f9 !important;
}

.btn-primary.btn-lighten-4:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-lighten-4:focus,
.btn-primary.btn-lighten-4:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-lighten-4 {
  border-color: #c9c4f9 !important;
  color: #c9c4f9 !important;
}

.btn-outline-primary.btn-outline-lighten-4:hover {
  background-color: #c9c4f9 !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c9c4f9 !important;
}

.border-primary.border-lighten-4 {
  border: 1px solid #c9c4f9 !important;
}

.border-top-primary.border-top-lighten-4 {
  border-top: 1px solid #c9c4f9 !important;
}

.border-bottom-primary.border-bottom-lighten-4 {
  border-bottom: 1px solid #c9c4f9 !important;
}

.border-left-primary.border-left-lighten-4 {
  border-left: 1px solid #c9c4f9 !important;
}

.border-right-primary.border-right-lighten-4 {
  border-right: 1px solid #c9c4f9 !important;
}

.overlay-primary.overlay-lighten-4 {
  background: #c9c4f9;
  /* The Fallback */
  background: rgba(201, 196, 249, 0.6);
}

.primary.lighten-3 {
  color: #b3adf7 !important;
}

.bg-primary.bg-lighten-3 {
  background-color: #b3adf7 !important;
}

.btn-primary.btn-lighten-3 {
  border-color: #4839eb !important;
  background-color: #b3adf7 !important;
}

.btn-primary.btn-lighten-3:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-lighten-3:focus,
.btn-primary.btn-lighten-3:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-lighten-3 {
  border-color: #b3adf7 !important;
  color: #b3adf7 !important;
}

.btn-outline-primary.btn-outline-lighten-3:hover {
  background-color: #b3adf7 !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b3adf7 !important;
}

.border-primary.border-lighten-3 {
  border: 1px solid #b3adf7 !important;
}

.border-top-primary.border-top-lighten-3 {
  border-top: 1px solid #b3adf7 !important;
}

.border-bottom-primary.border-bottom-lighten-3 {
  border-bottom: 1px solid #b3adf7 !important;
}

.border-left-primary.border-left-lighten-3 {
  border-left: 1px solid #b3adf7 !important;
}

.border-right-primary.border-right-lighten-3 {
  border-right: 1px solid #b3adf7 !important;
}

.overlay-primary.overlay-lighten-3 {
  background: #b3adf7;
  /* The Fallback */
  background: rgba(179, 173, 247, 0.6);
}

.primary.lighten-2 {
  color: #9e95f5 !important;
}

.bg-primary.bg-lighten-2 {
  background-color: #9e95f5 !important;
}

.btn-primary.btn-lighten-2 {
  border-color: #4839eb !important;
  background-color: #9e95f5 !important;
}

.btn-primary.btn-lighten-2:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-lighten-2:focus,
.btn-primary.btn-lighten-2:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-lighten-2 {
  border-color: #9e95f5 !important;
  color: #9e95f5 !important;
}

.btn-outline-primary.btn-outline-lighten-2:hover {
  background-color: #9e95f5 !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9e95f5 !important;
}

.border-primary.border-lighten-2 {
  border: 1px solid #9e95f5 !important;
}

.border-top-primary.border-top-lighten-2 {
  border-top: 1px solid #9e95f5 !important;
}

.border-bottom-primary.border-bottom-lighten-2 {
  border-bottom: 1px solid #9e95f5 !important;
}

.border-left-primary.border-left-lighten-2 {
  border-left: 1px solid #9e95f5 !important;
}

.border-right-primary.border-right-lighten-2 {
  border-right: 1px solid #9e95f5 !important;
}

.overlay-primary.overlay-lighten-2 {
  background: #9e95f5;
  /* The Fallback */
  background: rgba(158, 149, 245, 0.6);
}

.primary.lighten-1 {
  color: #887ef2 !important;
}

.bg-primary.bg-lighten-1 {
  background-color: #887ef2 !important;
}

.btn-primary.btn-lighten-1 {
  border-color: #4839eb !important;
  background-color: #887ef2 !important;
}

.btn-primary.btn-lighten-1:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-lighten-1:focus,
.btn-primary.btn-lighten-1:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-lighten-1 {
  border-color: #887ef2 !important;
  color: #887ef2 !important;
}

.btn-outline-primary.btn-outline-lighten-1:hover {
  background-color: #887ef2 !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #887ef2 !important;
}

.border-primary.border-lighten-1 {
  border: 1px solid #887ef2 !important;
}

.border-top-primary.border-top-lighten-1 {
  border-top: 1px solid #887ef2 !important;
}

.border-bottom-primary.border-bottom-lighten-1 {
  border-bottom: 1px solid #887ef2 !important;
}

.border-left-primary.border-left-lighten-1 {
  border-left: 1px solid #887ef2 !important;
}

.border-right-primary.border-right-lighten-1 {
  border-right: 1px solid #887ef2 !important;
}

.overlay-primary.overlay-lighten-1 {
  background: #887ef2;
  /* The Fallback */
  background: rgba(136, 126, 242, 0.6);
}

.primary {
  color: #7367f0 !important;
}

.bg-primary {
  background-color: #7367f0 !important;
}

.bg-primary .card-header,
.bg-primary .card-footer {
  background-color: transparent;
}

.alert-primary {
  background: rgba(115, 103, 240, 0.2) !important;
  color: #7367f0 !important;
}

.alert-primary .alert-heading {
  box-shadow: rgba(115, 103, 240, 0.4) 0px 6px 15px -7px;
}

.alert-primary .alert-link {
  color: #5e50ee !important;
}

.bg-rgba-primary {
  background: rgba(115, 103, 240, 0.15) !important;
}

.border-primary {
  border: 1px solid #7367f0 !important;
}

.border-top-primary {
  border-top: 1px solid #7367f0;
}

.border-bottom-primary {
  border-bottom: 1px solid #7367f0;
}

.border-left-primary {
  border-left: 1px solid #7367f0;
}

.border-right-primary {
  border-right: 1px solid #7367f0;
}

.bg-primary.badge-glow,
.border-primary.badge-glow,
.badge-primary.badge-glow {
  box-shadow: 0px 0px 10px #7367f0;
}

.badge.badge-primary {
  background-color: #7367f0;
}

.overlay-primary {
  background: #7367f0;
  /* The Fallback */
  background: rgba(115, 103, 240, 0.6);
}

.btn-primary {
  border-color: #4839eb !important;
  background-color: #7367f0 !important;
  color: #fff;
}

.btn-primary:hover {
  border-color: #5e50ee !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #7367f0;
}

.btn-primary:focus,
.btn-primary:active {
  color: #fff !important;
}

.btn-flat-primary {
  background-color: transparent;
  color: #7367f0;
}

.btn-flat-primary:hover {
  color: #7367f0;
  background-color: rgba(115, 103, 240, 0.1);
}

.btn-flat-primary:active,
.btn-flat-primary:focus {
  background-color: #7367f0;
  color: #fff !important;
}

.btn-relief-primary {
  background-color: #7367f0;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-primary:hover {
  color: #fff;
}

.btn-relief-primary:active,
.btn-relief-primary:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-primary {
  border: 1px solid #7367f0;
  background-color: transparent;
  color: #7367f0;
}

.btn-outline-primary:hover {
  background-color: rgba(115, 103, 240, 0.08);
  color: #7367f0;
}

.btn-outline-primary:active {
  color: #fff !important;
}

.btn-primary ~ .dropdown-menu .dropdown-item.active,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active {
  background-color: #7367f0;
  color: #fff;
}

.btn-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #7367f0;
}

.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i {
  color: #7367f0;
}

.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-primary {
  background-color: #7367f0;
}

.pagination-primary .page-item.active .page-link {
  background: #7367f0;
  color: #fff;
}

.pagination-primary .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-primary .page-item .page-link:hover {
  color: #7367f0;
}

.pagination-primary .page-item.prev-item .page-link:hover,
.pagination-primary .page-item.next-item .page-link:hover {
  background: #7367f0;
  color: #fff;
}

.nav-pill-primary .nav-item .nav-link.active {
  color: #fff;
  background-color: #7367f0 !important;
}

.progress-bar-primary {
  background-color: rgba(115, 103, 240, 0.1);
}

.progress-bar-primary .progress-bar {
  background-color: #7367f0;
}

.chip-primary {
  background-color: #7367f0 !important;
}

.chip-primary .chip-body {
  color: #fff !important;
}

.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after {
  border-color: #7367f0 !important;
}

input[type=checkbox].bg-primary + .custom-control-label:before,
input[type=radio].bg-primary + .custom-control-label:before {
  background-color: #7367f0 !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7367f0 !important;
}

.vs-checkbox-primary input:checked ~ .vs-checkbox {
  border-color: #7367f0 !important;
}

.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #7367f0 !important;
}

.vs-checkbox-primary input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #7367f0 !important;
}

.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #7367f0 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-primary input:checked ~ .vs-radio .vs-radio--circle {
  background: #7367f0 !important;
  box-shadow: 0 3px 12px 0 rgba(115, 103, 240, 0.4) !important;
}

.primary.darken-1 {
  color: #5e50ee !important;
}

.bg-primary.bg-darken-1 {
  background-color: #5e50ee !important;
}

.btn-primary.btn-darken-1 {
  border-color: #4839eb !important;
  background-color: #5e50ee !important;
}

.btn-primary.btn-darken-1:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-darken-1:focus,
.btn-primary.btn-darken-1:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-darken-1 {
  border-color: #5e50ee !important;
  color: #5e50ee !important;
}

.btn-outline-primary.btn-outline-darken-1:hover {
  background-color: #5e50ee !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5e50ee !important;
}

.border-primary.border-darken-1 {
  border: 1px solid #5e50ee !important;
}

.border-top-primary.border-top-darken-1 {
  border-top: 1px solid #5e50ee !important;
}

.border-bottom-primary.border-bottom-darken-1 {
  border-bottom: 1px solid #5e50ee !important;
}

.border-left-primary.border-left-darken-1 {
  border-left: 1px solid #5e50ee !important;
}

.border-right-primary.border-right-darken-1 {
  border-right: 1px solid #5e50ee !important;
}

.overlay-primary.overlay-darken-1 {
  background: #5e50ee;
  /* The Fallback */
  background: rgba(94, 80, 238, 0.6);
}

.primary.darken-2 {
  color: #4839eb !important;
}

.bg-primary.bg-darken-2 {
  background-color: #4839eb !important;
}

.btn-primary.btn-darken-2 {
  border-color: #4839eb !important;
  background-color: #4839eb !important;
}

.btn-primary.btn-darken-2:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-darken-2:focus,
.btn-primary.btn-darken-2:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-darken-2 {
  border-color: #4839eb !important;
  color: #4839eb !important;
}

.btn-outline-primary.btn-outline-darken-2:hover {
  background-color: #4839eb !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4839eb !important;
}

.border-primary.border-darken-2 {
  border: 1px solid #4839eb !important;
}

.border-top-primary.border-top-darken-2 {
  border-top: 1px solid #4839eb !important;
}

.border-bottom-primary.border-bottom-darken-2 {
  border-bottom: 1px solid #4839eb !important;
}

.border-left-primary.border-left-darken-2 {
  border-left: 1px solid #4839eb !important;
}

.border-right-primary.border-right-darken-2 {
  border-right: 1px solid #4839eb !important;
}

.overlay-primary.overlay-darken-2 {
  background: #4839eb;
  /* The Fallback */
  background: rgba(72, 57, 235, 0.6);
}

.primary.darken-3 {
  color: #3321e9 !important;
}

.bg-primary.bg-darken-3 {
  background-color: #3321e9 !important;
}

.btn-primary.btn-darken-3 {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-darken-3:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-darken-3:focus,
.btn-primary.btn-darken-3:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-darken-3 {
  border-color: #3321e9 !important;
  color: #3321e9 !important;
}

.btn-outline-primary.btn-outline-darken-3:hover {
  background-color: #3321e9 !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3321e9 !important;
}

.border-primary.border-darken-3 {
  border: 1px solid #3321e9 !important;
}

.border-top-primary.border-top-darken-3 {
  border-top: 1px solid #3321e9 !important;
}

.border-bottom-primary.border-bottom-darken-3 {
  border-bottom: 1px solid #3321e9 !important;
}

.border-left-primary.border-left-darken-3 {
  border-left: 1px solid #3321e9 !important;
}

.border-right-primary.border-right-darken-3 {
  border-right: 1px solid #3321e9 !important;
}

.overlay-primary.overlay-darken-3 {
  background: #3321e9;
  /* The Fallback */
  background: rgba(51, 33, 233, 0.6);
}

.primary.darken-4 {
  color: #2716db !important;
}

.bg-primary.bg-darken-4 {
  background-color: #2716db !important;
}

.btn-primary.btn-darken-4 {
  border-color: #4839eb !important;
  background-color: #2716db !important;
}

.btn-primary.btn-darken-4:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-darken-4:focus,
.btn-primary.btn-darken-4:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-darken-4 {
  border-color: #2716db !important;
  color: #2716db !important;
}

.btn-outline-primary.btn-outline-darken-4:hover {
  background-color: #2716db !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2716db !important;
}

.border-primary.border-darken-4 {
  border: 1px solid #2716db !important;
}

.border-top-primary.border-top-darken-4 {
  border-top: 1px solid #2716db !important;
}

.border-bottom-primary.border-bottom-darken-4 {
  border-bottom: 1px solid #2716db !important;
}

.border-left-primary.border-left-darken-4 {
  border-left: 1px solid #2716db !important;
}

.border-right-primary.border-right-darken-4 {
  border-right: 1px solid #2716db !important;
}

.overlay-primary.overlay-darken-4 {
  background: #2716db;
  /* The Fallback */
  background: rgba(39, 22, 219, 0.6);
}

.primary.accent-1 {
  color: #BDFDFF !important;
}

.bg-primary.bg-accent-1 {
  background-color: #BDFDFF !important;
}

.btn-primary.btn-accent-1 {
  border-color: #4839eb !important;
  background-color: #BDFDFF !important;
}

.btn-primary.btn-accent-1:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-accent-1:focus,
.btn-primary.btn-accent-1:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-accent-1 {
  border-color: #BDFDFF !important;
  color: #BDFDFF !important;
}

.btn-outline-primary.btn-outline-accent-1:hover {
  background-color: #BDFDFF !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #BDFDFF !important;
}

.border-primary.border-accent-1 {
  border: 1px solid #BDFDFF !important;
}

.border-top-primary.border-top-accent-1 {
  border-top: 1px solid #BDFDFF !important;
}

.border-bottom-primary.border-bottom-accent-1 {
  border-bottom: 1px solid #BDFDFF !important;
}

.border-left-primary.border-left-accent-1 {
  border-left: 1px solid #BDFDFF !important;
}

.border-right-primary.border-right-accent-1 {
  border-right: 1px solid #BDFDFF !important;
}

.overlay-primary.overlay-accent-1 {
  background: #BDFDFF;
  /* The Fallback */
  background: rgba(189, 253, 255, 0.6);
}

.primary.accent-2 {
  color: #8AFBFF !important;
}

.bg-primary.bg-accent-2 {
  background-color: #8AFBFF !important;
}

.btn-primary.btn-accent-2 {
  border-color: #4839eb !important;
  background-color: #8AFBFF !important;
}

.btn-primary.btn-accent-2:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-accent-2:focus,
.btn-primary.btn-accent-2:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-accent-2 {
  border-color: #8AFBFF !important;
  color: #8AFBFF !important;
}

.btn-outline-primary.btn-outline-accent-2:hover {
  background-color: #8AFBFF !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8AFBFF !important;
}

.border-primary.border-accent-2 {
  border: 1px solid #8AFBFF !important;
}

.border-top-primary.border-top-accent-2 {
  border-top: 1px solid #8AFBFF !important;
}

.border-bottom-primary.border-bottom-accent-2 {
  border-bottom: 1px solid #8AFBFF !important;
}

.border-left-primary.border-left-accent-2 {
  border-left: 1px solid #8AFBFF !important;
}

.border-right-primary.border-right-accent-2 {
  border-right: 1px solid #8AFBFF !important;
}

.overlay-primary.overlay-accent-2 {
  background: #8AFBFF;
  /* The Fallback */
  background: rgba(138, 251, 255, 0.6);
}

.primary.accent-3 {
  color: #57FAFF !important;
}

.bg-primary.bg-accent-3 {
  background-color: #57FAFF !important;
}

.btn-primary.btn-accent-3 {
  border-color: #4839eb !important;
  background-color: #57FAFF !important;
}

.btn-primary.btn-accent-3:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-accent-3:focus,
.btn-primary.btn-accent-3:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-accent-3 {
  border-color: #57FAFF !important;
  color: #57FAFF !important;
}

.btn-outline-primary.btn-outline-accent-3:hover {
  background-color: #57FAFF !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #57FAFF !important;
}

.border-primary.border-accent-3 {
  border: 1px solid #57FAFF !important;
}

.border-top-primary.border-top-accent-3 {
  border-top: 1px solid #57FAFF !important;
}

.border-bottom-primary.border-bottom-accent-3 {
  border-bottom: 1px solid #57FAFF !important;
}

.border-left-primary.border-left-accent-3 {
  border-left: 1px solid #57FAFF !important;
}

.border-right-primary.border-right-accent-3 {
  border-right: 1px solid #57FAFF !important;
}

.overlay-primary.overlay-accent-3 {
  background: #57FAFF;
  /* The Fallback */
  background: rgba(87, 250, 255, 0.6);
}

.primary.accent-4 {
  color: #3DF9FF !important;
}

.bg-primary.bg-accent-4 {
  background-color: #3DF9FF !important;
}

.btn-primary.btn-accent-4 {
  border-color: #4839eb !important;
  background-color: #3DF9FF !important;
}

.btn-primary.btn-accent-4:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-accent-4:focus,
.btn-primary.btn-accent-4:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-accent-4 {
  border-color: #3DF9FF !important;
  color: #3DF9FF !important;
}

.btn-outline-primary.btn-outline-accent-4:hover {
  background-color: #3DF9FF !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3DF9FF !important;
}

.border-primary.border-accent-4 {
  border: 1px solid #3DF9FF !important;
}

.border-top-primary.border-top-accent-4 {
  border-top: 1px solid #3DF9FF !important;
}

.border-bottom-primary.border-bottom-accent-4 {
  border-bottom: 1px solid #3DF9FF !important;
}

.border-left-primary.border-left-accent-4 {
  border-left: 1px solid #3DF9FF !important;
}

.border-right-primary.border-right-accent-4 {
  border-right: 1px solid #3DF9FF !important;
}

.overlay-primary.overlay-accent-4 {
  background: #3DF9FF;
  /* The Fallback */
  background: rgba(61, 249, 255, 0.6);
}

.primary.gradient-bg {
  color: #640064 !important;
}

.bg-primary.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-primary.btn-gradient-bg {
  border-color: #4839eb !important;
  background-color: #640064 !important;
}

.btn-primary.btn-gradient-bg:hover {
  border-color: #4839eb !important;
  background-color: #3321e9 !important;
}

.btn-primary.btn-gradient-bg:focus,
.btn-primary.btn-gradient-bg:active {
  border-color: #3321e9 !important;
  background-color: #2716db !important;
}

.btn-outline-primary.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}

.btn-outline-primary.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-primary.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-primary.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-primary.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-primary.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-primary.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-primary.overlay-gradient-bg {
  background: #640064;
  /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.secondary.gradient-light {
  color: #b0afc8 !important;
}

.bg-secondary.bg-gradient-light {
  background-color: #b0afc8 !important;
}

.btn-secondary.btn-gradient-light {
  border-color: #787e88 !important;
  background-color: #b0afc8 !important;
}

.btn-secondary.btn-gradient-light:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-gradient-light:focus,
.btn-secondary.btn-gradient-light:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-gradient-light {
  border-color: #b0afc8 !important;
  color: #b0afc8 !important;
}

.btn-outline-secondary.btn-outline-gradient-light:hover {
  background-color: #b0afc8 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0afc8 !important;
}

.border-secondary.border-gradient-light {
  border: 1px solid #b0afc8 !important;
}

.border-top-secondary.border-top-gradient-light {
  border-top: 1px solid #b0afc8 !important;
}

.border-bottom-secondary.border-bottom-gradient-light {
  border-bottom: 1px solid #b0afc8 !important;
}

.border-left-secondary.border-left-gradient-light {
  border-left: 1px solid #b0afc8 !important;
}

.border-right-secondary.border-right-gradient-light {
  border-right: 1px solid #b0afc8 !important;
}

.overlay-secondary.overlay-gradient-light {
  background: #b0afc8;
  /* The Fallback */
  background: rgba(176, 175, 200, 0.6);
}

.secondary.lighten-5 {
  color: #d7d9dc !important;
}

.bg-secondary.bg-lighten-5 {
  background-color: #d7d9dc !important;
}

.btn-secondary.btn-lighten-5 {
  border-color: #787e88 !important;
  background-color: #d7d9dc !important;
}

.btn-secondary.btn-lighten-5:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-lighten-5:focus,
.btn-secondary.btn-lighten-5:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-lighten-5 {
  border-color: #d7d9dc !important;
  color: #d7d9dc !important;
}

.btn-outline-secondary.btn-outline-lighten-5:hover {
  background-color: #d7d9dc !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d7d9dc !important;
}

.border-secondary.border-lighten-5 {
  border: 1px solid #d7d9dc !important;
}

.border-top-secondary.border-top-lighten-5 {
  border-top: 1px solid #d7d9dc !important;
}

.border-bottom-secondary.border-bottom-lighten-5 {
  border-bottom: 1px solid #d7d9dc !important;
}

.border-left-secondary.border-left-lighten-5 {
  border-left: 1px solid #d7d9dc !important;
}

.border-right-secondary.border-right-lighten-5 {
  border-right: 1px solid #d7d9dc !important;
}

.overlay-secondary.overlay-lighten-5 {
  background: #d7d9dc;
  /* The Fallback */
  background: rgba(215, 217, 220, 0.6);
}

.secondary.lighten-4 {
  color: #c9ccd0 !important;
}

.bg-secondary.bg-lighten-4 {
  background-color: #c9ccd0 !important;
}

.btn-secondary.btn-lighten-4 {
  border-color: #787e88 !important;
  background-color: #c9ccd0 !important;
}

.btn-secondary.btn-lighten-4:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-lighten-4:focus,
.btn-secondary.btn-lighten-4:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-lighten-4 {
  border-color: #c9ccd0 !important;
  color: #c9ccd0 !important;
}

.btn-outline-secondary.btn-outline-lighten-4:hover {
  background-color: #c9ccd0 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c9ccd0 !important;
}

.border-secondary.border-lighten-4 {
  border: 1px solid #c9ccd0 !important;
}

.border-top-secondary.border-top-lighten-4 {
  border-top: 1px solid #c9ccd0 !important;
}

.border-bottom-secondary.border-bottom-lighten-4 {
  border-bottom: 1px solid #c9ccd0 !important;
}

.border-left-secondary.border-left-lighten-4 {
  border-left: 1px solid #c9ccd0 !important;
}

.border-right-secondary.border-right-lighten-4 {
  border-right: 1px solid #c9ccd0 !important;
}

.overlay-secondary.overlay-lighten-4 {
  background: #c9ccd0;
  /* The Fallback */
  background: rgba(201, 204, 208, 0.6);
}

.secondary.lighten-3 {
  color: #bcbfc4 !important;
}

.bg-secondary.bg-lighten-3 {
  background-color: #bcbfc4 !important;
}

.btn-secondary.btn-lighten-3 {
  border-color: #787e88 !important;
  background-color: #bcbfc4 !important;
}

.btn-secondary.btn-lighten-3:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-lighten-3:focus,
.btn-secondary.btn-lighten-3:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-lighten-3 {
  border-color: #bcbfc4 !important;
  color: #bcbfc4 !important;
}

.btn-outline-secondary.btn-outline-lighten-3:hover {
  background-color: #bcbfc4 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bcbfc4 !important;
}

.border-secondary.border-lighten-3 {
  border: 1px solid #bcbfc4 !important;
}

.border-top-secondary.border-top-lighten-3 {
  border-top: 1px solid #bcbfc4 !important;
}

.border-bottom-secondary.border-bottom-lighten-3 {
  border-bottom: 1px solid #bcbfc4 !important;
}

.border-left-secondary.border-left-lighten-3 {
  border-left: 1px solid #bcbfc4 !important;
}

.border-right-secondary.border-right-lighten-3 {
  border-right: 1px solid #bcbfc4 !important;
}

.overlay-secondary.overlay-lighten-3 {
  background: #bcbfc4;
  /* The Fallback */
  background: rgba(188, 191, 196, 0.6);
}

.secondary.lighten-2 {
  color: #aeb2b8 !important;
}

.bg-secondary.bg-lighten-2 {
  background-color: #aeb2b8 !important;
}

.btn-secondary.btn-lighten-2 {
  border-color: #787e88 !important;
  background-color: #aeb2b8 !important;
}

.btn-secondary.btn-lighten-2:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-lighten-2:focus,
.btn-secondary.btn-lighten-2:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-lighten-2 {
  border-color: #aeb2b8 !important;
  color: #aeb2b8 !important;
}

.btn-outline-secondary.btn-outline-lighten-2:hover {
  background-color: #aeb2b8 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #aeb2b8 !important;
}

.border-secondary.border-lighten-2 {
  border: 1px solid #aeb2b8 !important;
}

.border-top-secondary.border-top-lighten-2 {
  border-top: 1px solid #aeb2b8 !important;
}

.border-bottom-secondary.border-bottom-lighten-2 {
  border-bottom: 1px solid #aeb2b8 !important;
}

.border-left-secondary.border-left-lighten-2 {
  border-left: 1px solid #aeb2b8 !important;
}

.border-right-secondary.border-right-lighten-2 {
  border-right: 1px solid #aeb2b8 !important;
}

.overlay-secondary.overlay-lighten-2 {
  background: #aeb2b8;
  /* The Fallback */
  background: rgba(174, 178, 184, 0.6);
}

.secondary.lighten-1 {
  color: #a1a5ac !important;
}

.bg-secondary.bg-lighten-1 {
  background-color: #a1a5ac !important;
}

.btn-secondary.btn-lighten-1 {
  border-color: #787e88 !important;
  background-color: #a1a5ac !important;
}

.btn-secondary.btn-lighten-1:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-lighten-1:focus,
.btn-secondary.btn-lighten-1:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-lighten-1 {
  border-color: #a1a5ac !important;
  color: #a1a5ac !important;
}

.btn-outline-secondary.btn-outline-lighten-1:hover {
  background-color: #a1a5ac !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a1a5ac !important;
}

.border-secondary.border-lighten-1 {
  border: 1px solid #a1a5ac !important;
}

.border-top-secondary.border-top-lighten-1 {
  border-top: 1px solid #a1a5ac !important;
}

.border-bottom-secondary.border-bottom-lighten-1 {
  border-bottom: 1px solid #a1a5ac !important;
}

.border-left-secondary.border-left-lighten-1 {
  border-left: 1px solid #a1a5ac !important;
}

.border-right-secondary.border-right-lighten-1 {
  border-right: 1px solid #a1a5ac !important;
}

.overlay-secondary.overlay-lighten-1 {
  background: #a1a5ac;
  /* The Fallback */
  background: rgba(161, 165, 172, 0.6);
}

.secondary {
  color: #9398a0 !important;
}

.bg-secondary {
  background-color: #9398a0 !important;
}

.bg-secondary .card-header,
.bg-secondary .card-footer {
  background-color: transparent;
}

.alert-secondary {
  background: rgba(147, 152, 160, 0.2) !important;
  color: #9398a0 !important;
}

.alert-secondary .alert-heading {
  box-shadow: rgba(147, 152, 160, 0.4) 0px 6px 15px -7px;
}

.alert-secondary .alert-link {
  color: #858b94 !important;
}

.bg-rgba-secondary {
  background: rgba(147, 152, 160, 0.15) !important;
}

.border-secondary {
  border: 1px solid #9398a0 !important;
}

.border-top-secondary {
  border-top: 1px solid #9398a0;
}

.border-bottom-secondary {
  border-bottom: 1px solid #9398a0;
}

.border-left-secondary {
  border-left: 1px solid #9398a0;
}

.border-right-secondary {
  border-right: 1px solid #9398a0;
}

.bg-secondary.badge-glow,
.border-secondary.badge-glow,
.badge-secondary.badge-glow {
  box-shadow: 0px 0px 10px #9398a0;
}

.badge.badge-secondary {
  background-color: #9398a0;
}

.overlay-secondary {
  background: #9398a0;
  /* The Fallback */
  background: rgba(147, 152, 160, 0.6);
}

.btn-secondary {
  border-color: #787e88 !important;
  background-color: #9398a0 !important;
  color: #fff;
}

.btn-secondary:hover {
  border-color: #858b94 !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #9398a0;
}

.btn-secondary:focus,
.btn-secondary:active {
  color: #fff !important;
}

.btn-flat-secondary {
  background-color: transparent;
  color: #9398a0;
}

.btn-flat-secondary:hover {
  color: #9398a0;
  background-color: rgba(147, 152, 160, 0.1);
}

.btn-flat-secondary:active,
.btn-flat-secondary:focus {
  background-color: #9398a0;
  color: #fff !important;
}

.btn-relief-secondary {
  background-color: #9398a0;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-secondary:hover {
  color: #fff;
}

.btn-relief-secondary:active,
.btn-relief-secondary:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-secondary {
  border: 1px solid #9398a0;
  background-color: transparent;
  color: #9398a0;
}

.btn-outline-secondary:hover {
  background-color: rgba(147, 152, 160, 0.08);
  color: #9398a0;
}

.btn-outline-secondary:active {
  color: #fff !important;
}

.btn-secondary ~ .dropdown-menu .dropdown-item.active,
.btn-outline-secondary ~ .dropdown-menu .dropdown-item.active,
.btn-flat-secondary ~ .dropdown-menu .dropdown-item.active {
  background-color: #9398a0;
  color: #fff;
}

.btn-secondary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-secondary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-secondary ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-secondary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-secondary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-secondary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #9398a0;
}

.dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:hover i {
  color: #9398a0;
}

.dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-secondary ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-secondary {
  background-color: #9398a0;
}

.pagination-secondary .page-item.active .page-link {
  background: #9398a0;
  color: #fff;
}

.pagination-secondary .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-secondary .page-item .page-link:hover {
  color: #9398a0;
}

.pagination-secondary .page-item.prev-item .page-link:hover,
.pagination-secondary .page-item.next-item .page-link:hover {
  background: #9398a0;
  color: #fff;
}

.nav-pill-secondary .nav-item .nav-link.active {
  color: #fff;
  background-color: #9398a0 !important;
}

.progress-bar-secondary {
  background-color: rgba(147, 152, 160, 0.1);
}

.progress-bar-secondary .progress-bar {
  background-color: #9398a0;
}

.chip-secondary {
  background-color: #9398a0 !important;
}

.chip-secondary .chip-body {
  color: #fff !important;
}

.divider.divider-secondary .divider-text:before,
.divider.divider-secondary .divider-text:after {
  border-color: #9398a0 !important;
}

input[type=checkbox].bg-secondary + .custom-control-label:before,
input[type=radio].bg-secondary + .custom-control-label:before {
  background-color: #9398a0 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9398a0 !important;
}

.vs-checkbox-secondary input:checked ~ .vs-checkbox {
  border-color: #9398a0 !important;
}

.vs-checkbox-secondary input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #9398a0 !important;
}

.vs-checkbox-secondary input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #9398a0 !important;
}

.custom-switch-secondary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #9398a0 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-secondary input:checked ~ .vs-radio .vs-radio--circle {
  background: #9398a0 !important;
  box-shadow: 0 3px 12px 0 rgba(147, 152, 160, 0.4) !important;
}

.secondary.darken-1 {
  color: #858b94 !important;
}

.bg-secondary.bg-darken-1 {
  background-color: #858b94 !important;
}

.btn-secondary.btn-darken-1 {
  border-color: #787e88 !important;
  background-color: #858b94 !important;
}

.btn-secondary.btn-darken-1:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-darken-1:focus,
.btn-secondary.btn-darken-1:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-darken-1 {
  border-color: #858b94 !important;
  color: #858b94 !important;
}

.btn-outline-secondary.btn-outline-darken-1:hover {
  background-color: #858b94 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #858b94 !important;
}

.border-secondary.border-darken-1 {
  border: 1px solid #858b94 !important;
}

.border-top-secondary.border-top-darken-1 {
  border-top: 1px solid #858b94 !important;
}

.border-bottom-secondary.border-bottom-darken-1 {
  border-bottom: 1px solid #858b94 !important;
}

.border-left-secondary.border-left-darken-1 {
  border-left: 1px solid #858b94 !important;
}

.border-right-secondary.border-right-darken-1 {
  border-right: 1px solid #858b94 !important;
}

.overlay-secondary.overlay-darken-1 {
  background: #858b94;
  /* The Fallback */
  background: rgba(133, 139, 148, 0.6);
}

.secondary.darken-2 {
  color: #787e88 !important;
}

.bg-secondary.bg-darken-2 {
  background-color: #787e88 !important;
}

.btn-secondary.btn-darken-2 {
  border-color: #787e88 !important;
  background-color: #787e88 !important;
}

.btn-secondary.btn-darken-2:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-darken-2:focus,
.btn-secondary.btn-darken-2:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-darken-2 {
  border-color: #787e88 !important;
  color: #787e88 !important;
}

.btn-outline-secondary.btn-outline-darken-2:hover {
  background-color: #787e88 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #787e88 !important;
}

.border-secondary.border-darken-2 {
  border: 1px solid #787e88 !important;
}

.border-top-secondary.border-top-darken-2 {
  border-top: 1px solid #787e88 !important;
}

.border-bottom-secondary.border-bottom-darken-2 {
  border-bottom: 1px solid #787e88 !important;
}

.border-left-secondary.border-left-darken-2 {
  border-left: 1px solid #787e88 !important;
}

.border-right-secondary.border-right-darken-2 {
  border-right: 1px solid #787e88 !important;
}

.overlay-secondary.overlay-darken-2 {
  background: #787e88;
  /* The Fallback */
  background: rgba(120, 126, 136, 0.6);
}

.secondary.darken-3 {
  color: #6c727b !important;
}

.bg-secondary.bg-darken-3 {
  background-color: #6c727b !important;
}

.btn-secondary.btn-darken-3 {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-darken-3:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-darken-3:focus,
.btn-secondary.btn-darken-3:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-darken-3 {
  border-color: #6c727b !important;
  color: #6c727b !important;
}

.btn-outline-secondary.btn-outline-darken-3:hover {
  background-color: #6c727b !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6c727b !important;
}

.border-secondary.border-darken-3 {
  border: 1px solid #6c727b !important;
}

.border-top-secondary.border-top-darken-3 {
  border-top: 1px solid #6c727b !important;
}

.border-bottom-secondary.border-bottom-darken-3 {
  border-bottom: 1px solid #6c727b !important;
}

.border-left-secondary.border-left-darken-3 {
  border-left: 1px solid #6c727b !important;
}

.border-right-secondary.border-right-darken-3 {
  border-right: 1px solid #6c727b !important;
}

.overlay-secondary.overlay-darken-3 {
  background: #6c727b;
  /* The Fallback */
  background: rgba(108, 114, 123, 0.6);
}

.secondary.darken-4 {
  color: #60656d !important;
}

.bg-secondary.bg-darken-4 {
  background-color: #60656d !important;
}

.btn-secondary.btn-darken-4 {
  border-color: #787e88 !important;
  background-color: #60656d !important;
}

.btn-secondary.btn-darken-4:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-darken-4:focus,
.btn-secondary.btn-darken-4:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-darken-4 {
  border-color: #60656d !important;
  color: #60656d !important;
}

.btn-outline-secondary.btn-outline-darken-4:hover {
  background-color: #60656d !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #60656d !important;
}

.border-secondary.border-darken-4 {
  border: 1px solid #60656d !important;
}

.border-top-secondary.border-top-darken-4 {
  border-top: 1px solid #60656d !important;
}

.border-bottom-secondary.border-bottom-darken-4 {
  border-bottom: 1px solid #60656d !important;
}

.border-left-secondary.border-left-darken-4 {
  border-left: 1px solid #60656d !important;
}

.border-right-secondary.border-right-darken-4 {
  border-right: 1px solid #60656d !important;
}

.overlay-secondary.overlay-darken-4 {
  background: #60656d;
  /* The Fallback */
  background: rgba(96, 101, 109, 0.6);
}

.secondary.gradient-bg {
  color: #640064 !important;
}

.bg-secondary.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-secondary.btn-gradient-bg {
  border-color: #787e88 !important;
  background-color: #640064 !important;
}

.btn-secondary.btn-gradient-bg:hover {
  border-color: #787e88 !important;
  background-color: #6c727b !important;
}

.btn-secondary.btn-gradient-bg:focus,
.btn-secondary.btn-gradient-bg:active {
  border-color: #6c727b !important;
  background-color: #60656d !important;
}

.btn-outline-secondary.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}

.btn-outline-secondary.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-secondary.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-secondary.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-secondary.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-secondary.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-secondary.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-secondary.overlay-gradient-bg {
  background: #640064;
  /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.success.gradient-light {
  color: #4ae9d3 !important;
}

.bg-success.bg-gradient-light {
  background-color: #4ae9d3 !important;
}

.btn-success.btn-gradient-light {
  border-color: #1f9d57 !important;
  background-color: #4ae9d3 !important;
}

.btn-success.btn-gradient-light:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-gradient-light:focus,
.btn-success.btn-gradient-light:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-gradient-light {
  border-color: #4ae9d3 !important;
  color: #4ae9d3 !important;
}

.btn-outline-success.btn-outline-gradient-light:hover {
  background-color: #4ae9d3 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4ae9d3 !important;
}

.border-success.border-gradient-light {
  border: 1px solid #4ae9d3 !important;
}

.border-top-success.border-top-gradient-light {
  border-top: 1px solid #4ae9d3 !important;
}

.border-bottom-success.border-bottom-gradient-light {
  border-bottom: 1px solid #4ae9d3 !important;
}

.border-left-success.border-left-gradient-light {
  border-left: 1px solid #4ae9d3 !important;
}

.border-right-success.border-right-gradient-light {
  border-right: 1px solid #4ae9d3 !important;
}

.overlay-success.overlay-gradient-light {
  background: #4ae9d3;
  /* The Fallback */
  background: rgba(74, 233, 211, 0.6);
}

.success.lighten-5 {
  color: #88e7b2 !important;
}

.bg-success.bg-lighten-5 {
  background-color: #88e7b2 !important;
}

.btn-success.btn-lighten-5 {
  border-color: #1f9d57 !important;
  background-color: #88e7b2 !important;
}

.btn-success.btn-lighten-5:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-lighten-5:focus,
.btn-success.btn-lighten-5:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-lighten-5 {
  border-color: #88e7b2 !important;
  color: #88e7b2 !important;
}

.btn-outline-success.btn-outline-lighten-5:hover {
  background-color: #88e7b2 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #88e7b2 !important;
}

.border-success.border-lighten-5 {
  border: 1px solid #88e7b2 !important;
}

.border-top-success.border-top-lighten-5 {
  border-top: 1px solid #88e7b2 !important;
}

.border-bottom-success.border-bottom-lighten-5 {
  border-bottom: 1px solid #88e7b2 !important;
}

.border-left-success.border-left-lighten-5 {
  border-left: 1px solid #88e7b2 !important;
}

.border-right-success.border-right-lighten-5 {
  border-right: 1px solid #88e7b2 !important;
}

.overlay-success.overlay-lighten-5 {
  background: #88e7b2;
  /* The Fallback */
  background: rgba(136, 231, 178, 0.6);
}

.success.lighten-4 {
  color: #72e3a4 !important;
}

.bg-success.bg-lighten-4 {
  background-color: #72e3a4 !important;
}

.btn-success.btn-lighten-4 {
  border-color: #1f9d57 !important;
  background-color: #72e3a4 !important;
}

.btn-success.btn-lighten-4:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-lighten-4:focus,
.btn-success.btn-lighten-4:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-lighten-4 {
  border-color: #72e3a4 !important;
  color: #72e3a4 !important;
}

.btn-outline-success.btn-outline-lighten-4:hover {
  background-color: #72e3a4 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #72e3a4 !important;
}

.border-success.border-lighten-4 {
  border: 1px solid #72e3a4 !important;
}

.border-top-success.border-top-lighten-4 {
  border-top: 1px solid #72e3a4 !important;
}

.border-bottom-success.border-bottom-lighten-4 {
  border-bottom: 1px solid #72e3a4 !important;
}

.border-left-success.border-left-lighten-4 {
  border-left: 1px solid #72e3a4 !important;
}

.border-right-success.border-right-lighten-4 {
  border-right: 1px solid #72e3a4 !important;
}

.overlay-success.overlay-lighten-4 {
  background: #72e3a4;
  /* The Fallback */
  background: rgba(114, 227, 164, 0.6);
}

.success.lighten-3 {
  color: #5dde97 !important;
}

.bg-success.bg-lighten-3 {
  background-color: #5dde97 !important;
}

.btn-success.btn-lighten-3 {
  border-color: #1f9d57 !important;
  background-color: #5dde97 !important;
}

.btn-success.btn-lighten-3:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-lighten-3:focus,
.btn-success.btn-lighten-3:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-lighten-3 {
  border-color: #5dde97 !important;
  color: #5dde97 !important;
}

.btn-outline-success.btn-outline-lighten-3:hover {
  background-color: #5dde97 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5dde97 !important;
}

.border-success.border-lighten-3 {
  border: 1px solid #5dde97 !important;
}

.border-top-success.border-top-lighten-3 {
  border-top: 1px solid #5dde97 !important;
}

.border-bottom-success.border-bottom-lighten-3 {
  border-bottom: 1px solid #5dde97 !important;
}

.border-left-success.border-left-lighten-3 {
  border-left: 1px solid #5dde97 !important;
}

.border-right-success.border-right-lighten-3 {
  border-right: 1px solid #5dde97 !important;
}

.overlay-success.overlay-lighten-3 {
  background: #5dde97;
  /* The Fallback */
  background: rgba(93, 222, 151, 0.6);
}

.success.lighten-2 {
  color: #48da89 !important;
}

.bg-success.bg-lighten-2 {
  background-color: #48da89 !important;
}

.btn-success.btn-lighten-2 {
  border-color: #1f9d57 !important;
  background-color: #48da89 !important;
}

.btn-success.btn-lighten-2:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-lighten-2:focus,
.btn-success.btn-lighten-2:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-lighten-2 {
  border-color: #48da89 !important;
  color: #48da89 !important;
}

.btn-outline-success.btn-outline-lighten-2:hover {
  background-color: #48da89 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #48da89 !important;
}

.border-success.border-lighten-2 {
  border: 1px solid #48da89 !important;
}

.border-top-success.border-top-lighten-2 {
  border-top: 1px solid #48da89 !important;
}

.border-bottom-success.border-bottom-lighten-2 {
  border-bottom: 1px solid #48da89 !important;
}

.border-left-success.border-left-lighten-2 {
  border-left: 1px solid #48da89 !important;
}

.border-right-success.border-right-lighten-2 {
  border-right: 1px solid #48da89 !important;
}

.overlay-success.overlay-lighten-2 {
  background: #48da89;
  /* The Fallback */
  background: rgba(72, 218, 137, 0.6);
}

.success.lighten-1 {
  color: #33d67c !important;
}

.bg-success.bg-lighten-1 {
  background-color: #33d67c !important;
}

.btn-success.btn-lighten-1 {
  border-color: #1f9d57 !important;
  background-color: #33d67c !important;
}

.btn-success.btn-lighten-1:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-lighten-1:focus,
.btn-success.btn-lighten-1:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-lighten-1 {
  border-color: #33d67c !important;
  color: #33d67c !important;
}

.btn-outline-success.btn-outline-lighten-1:hover {
  background-color: #33d67c !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #33d67c !important;
}

.border-success.border-lighten-1 {
  border: 1px solid #33d67c !important;
}

.border-top-success.border-top-lighten-1 {
  border-top: 1px solid #33d67c !important;
}

.border-bottom-success.border-bottom-lighten-1 {
  border-bottom: 1px solid #33d67c !important;
}

.border-left-success.border-left-lighten-1 {
  border-left: 1px solid #33d67c !important;
}

.border-right-success.border-right-lighten-1 {
  border-right: 1px solid #33d67c !important;
}

.overlay-success.overlay-lighten-1 {
  background: #33d67c;
  /* The Fallback */
  background: rgba(51, 214, 124, 0.6);
}

.success {
  color: #28c76f !important;
}

.bg-success {
  background-color: #28c76f !important;
}

.bg-success .card-header,
.bg-success .card-footer {
  background-color: transparent;
}

.alert-success {
  background: rgba(40, 199, 111, 0.2) !important;
  color: #28c76f !important;
}

.alert-success .alert-heading {
  box-shadow: rgba(40, 199, 111, 0.4) 0px 6px 15px -7px;
}

.alert-success .alert-link {
  color: #24b263 !important;
}

.bg-rgba-success {
  background: rgba(40, 199, 111, 0.15) !important;
}

.border-success {
  border: 1px solid #28c76f !important;
}

.border-top-success {
  border-top: 1px solid #28c76f;
}

.border-bottom-success {
  border-bottom: 1px solid #28c76f;
}

.border-left-success {
  border-left: 1px solid #28c76f;
}

.border-right-success {
  border-right: 1px solid #28c76f;
}

.bg-success.badge-glow,
.border-success.badge-glow,
.badge-success.badge-glow {
  box-shadow: 0px 0px 10px #28c76f;
}

.badge.badge-success {
  background-color: #28c76f;
}

.overlay-success {
  background: #28c76f;
  /* The Fallback */
  background: rgba(40, 199, 111, 0.6);
}

.btn-success {
  border-color: #1f9d57 !important;
  background-color: #28c76f !important;
  color: #fff;
}

.btn-success:hover {
  border-color: #24b263 !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #28c76f;
}

.btn-success:focus,
.btn-success:active {
  color: #fff !important;
}

.btn-flat-success {
  background-color: transparent;
  color: #28c76f;
}

.btn-flat-success:hover {
  color: #28c76f;
  background-color: rgba(40, 199, 111, 0.1);
}

.btn-flat-success:active,
.btn-flat-success:focus {
  background-color: #28c76f;
  color: #fff !important;
}

.btn-relief-success {
  background-color: #28c76f;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-success:hover {
  color: #fff;
}

.btn-relief-success:active,
.btn-relief-success:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-success {
  border: 1px solid #28c76f;
  background-color: transparent;
  color: #28c76f;
}

.btn-outline-success:hover {
  background-color: rgba(40, 199, 111, 0.08);
  color: #28c76f;
}

.btn-outline-success:active {
  color: #fff !important;
}

.btn-success ~ .dropdown-menu .dropdown-item.active,
.btn-outline-success ~ .dropdown-menu .dropdown-item.active,
.btn-flat-success ~ .dropdown-menu .dropdown-item.active {
  background-color: #28c76f;
  color: #fff;
}

.btn-success ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-success ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-success ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-success ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-success ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-success ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #28c76f;
}

.dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:hover i {
  color: #28c76f;
}

.dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-success ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-success {
  background-color: #28c76f;
}

.pagination-success .page-item.active .page-link {
  background: #28c76f;
  color: #fff;
}

.pagination-success .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-success .page-item .page-link:hover {
  color: #28c76f;
}

.pagination-success .page-item.prev-item .page-link:hover,
.pagination-success .page-item.next-item .page-link:hover {
  background: #28c76f;
  color: #fff;
}

.nav-pill-success .nav-item .nav-link.active {
  color: #fff;
  background-color: #28c76f !important;
}

.progress-bar-success {
  background-color: rgba(40, 199, 111, 0.1);
}

.progress-bar-success .progress-bar {
  background-color: #28c76f;
}

.chip-success {
  background-color: #28c76f !important;
}

.chip-success .chip-body {
  color: #fff !important;
}

.divider.divider-success .divider-text:before,
.divider.divider-success .divider-text:after {
  border-color: #28c76f !important;
}

input[type=checkbox].bg-success + .custom-control-label:before,
input[type=radio].bg-success + .custom-control-label:before {
  background-color: #28c76f !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #28c76f !important;
}

.vs-checkbox-success input:checked ~ .vs-checkbox {
  border-color: #28c76f !important;
}

.vs-checkbox-success input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #28c76f !important;
}

.vs-checkbox-success input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #28c76f !important;
}

.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #28c76f !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-success input:checked ~ .vs-radio .vs-radio--circle {
  background: #28c76f !important;
  box-shadow: 0 3px 12px 0 rgba(40, 199, 111, 0.4) !important;
}

.success.darken-1 {
  color: #24b263 !important;
}

.bg-success.bg-darken-1 {
  background-color: #24b263 !important;
}

.btn-success.btn-darken-1 {
  border-color: #1f9d57 !important;
  background-color: #24b263 !important;
}

.btn-success.btn-darken-1:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-darken-1:focus,
.btn-success.btn-darken-1:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-darken-1 {
  border-color: #24b263 !important;
  color: #24b263 !important;
}

.btn-outline-success.btn-outline-darken-1:hover {
  background-color: #24b263 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #24b263 !important;
}

.border-success.border-darken-1 {
  border: 1px solid #24b263 !important;
}

.border-top-success.border-top-darken-1 {
  border-top: 1px solid #24b263 !important;
}

.border-bottom-success.border-bottom-darken-1 {
  border-bottom: 1px solid #24b263 !important;
}

.border-left-success.border-left-darken-1 {
  border-left: 1px solid #24b263 !important;
}

.border-right-success.border-right-darken-1 {
  border-right: 1px solid #24b263 !important;
}

.overlay-success.overlay-darken-1 {
  background: #24b263;
  /* The Fallback */
  background: rgba(36, 178, 99, 0.6);
}

.success.darken-2 {
  color: #1f9d57 !important;
}

.bg-success.bg-darken-2 {
  background-color: #1f9d57 !important;
}

.btn-success.btn-darken-2 {
  border-color: #1f9d57 !important;
  background-color: #1f9d57 !important;
}

.btn-success.btn-darken-2:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-darken-2:focus,
.btn-success.btn-darken-2:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-darken-2 {
  border-color: #1f9d57 !important;
  color: #1f9d57 !important;
}

.btn-outline-success.btn-outline-darken-2:hover {
  background-color: #1f9d57 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1f9d57 !important;
}

.border-success.border-darken-2 {
  border: 1px solid #1f9d57 !important;
}

.border-top-success.border-top-darken-2 {
  border-top: 1px solid #1f9d57 !important;
}

.border-bottom-success.border-bottom-darken-2 {
  border-bottom: 1px solid #1f9d57 !important;
}

.border-left-success.border-left-darken-2 {
  border-left: 1px solid #1f9d57 !important;
}

.border-right-success.border-right-darken-2 {
  border-right: 1px solid #1f9d57 !important;
}

.overlay-success.overlay-darken-2 {
  background: #1f9d57;
  /* The Fallback */
  background: rgba(31, 157, 87, 0.6);
}

.success.darken-3 {
  color: #1b874b !important;
}

.bg-success.bg-darken-3 {
  background-color: #1b874b !important;
}

.btn-success.btn-darken-3 {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-darken-3:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-darken-3:focus,
.btn-success.btn-darken-3:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-darken-3 {
  border-color: #1b874b !important;
  color: #1b874b !important;
}

.btn-outline-success.btn-outline-darken-3:hover {
  background-color: #1b874b !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1b874b !important;
}

.border-success.border-darken-3 {
  border: 1px solid #1b874b !important;
}

.border-top-success.border-top-darken-3 {
  border-top: 1px solid #1b874b !important;
}

.border-bottom-success.border-bottom-darken-3 {
  border-bottom: 1px solid #1b874b !important;
}

.border-left-success.border-left-darken-3 {
  border-left: 1px solid #1b874b !important;
}

.border-right-success.border-right-darken-3 {
  border-right: 1px solid #1b874b !important;
}

.overlay-success.overlay-darken-3 {
  background: #1b874b;
  /* The Fallback */
  background: rgba(27, 135, 75, 0.6);
}

.success.darken-4 {
  color: #177240 !important;
}

.bg-success.bg-darken-4 {
  background-color: #177240 !important;
}

.btn-success.btn-darken-4 {
  border-color: #1f9d57 !important;
  background-color: #177240 !important;
}

.btn-success.btn-darken-4:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-darken-4:focus,
.btn-success.btn-darken-4:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-darken-4 {
  border-color: #177240 !important;
  color: #177240 !important;
}

.btn-outline-success.btn-outline-darken-4:hover {
  background-color: #177240 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #177240 !important;
}

.border-success.border-darken-4 {
  border: 1px solid #177240 !important;
}

.border-top-success.border-top-darken-4 {
  border-top: 1px solid #177240 !important;
}

.border-bottom-success.border-bottom-darken-4 {
  border-bottom: 1px solid #177240 !important;
}

.border-left-success.border-left-darken-4 {
  border-left: 1px solid #177240 !important;
}

.border-right-success.border-right-darken-4 {
  border-right: 1px solid #177240 !important;
}

.overlay-success.overlay-darken-4 {
  background: #177240;
  /* The Fallback */
  background: rgba(23, 114, 64, 0.6);
}

.success.accent-1 {
  color: #E1FFF1 !important;
}

.bg-success.bg-accent-1 {
  background-color: #E1FFF1 !important;
}

.btn-success.btn-accent-1 {
  border-color: #1f9d57 !important;
  background-color: #E1FFF1 !important;
}

.btn-success.btn-accent-1:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-accent-1:focus,
.btn-success.btn-accent-1:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-accent-1 {
  border-color: #E1FFF1 !important;
  color: #E1FFF1 !important;
}

.btn-outline-success.btn-outline-accent-1:hover {
  background-color: #E1FFF1 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #E1FFF1 !important;
}

.border-success.border-accent-1 {
  border: 1px solid #E1FFF1 !important;
}

.border-top-success.border-top-accent-1 {
  border-top: 1px solid #E1FFF1 !important;
}

.border-bottom-success.border-bottom-accent-1 {
  border-bottom: 1px solid #E1FFF1 !important;
}

.border-left-success.border-left-accent-1 {
  border-left: 1px solid #E1FFF1 !important;
}

.border-right-success.border-right-accent-1 {
  border-right: 1px solid #E1FFF1 !important;
}

.overlay-success.overlay-accent-1 {
  background: #E1FFF1;
  /* The Fallback */
  background: rgba(225, 255, 241, 0.6);
}

.success.accent-2 {
  color: #AEFFD9 !important;
}

.bg-success.bg-accent-2 {
  background-color: #AEFFD9 !important;
}

.btn-success.btn-accent-2 {
  border-color: #1f9d57 !important;
  background-color: #AEFFD9 !important;
}

.btn-success.btn-accent-2:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-accent-2:focus,
.btn-success.btn-accent-2:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-accent-2 {
  border-color: #AEFFD9 !important;
  color: #AEFFD9 !important;
}

.btn-outline-success.btn-outline-accent-2:hover {
  background-color: #AEFFD9 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #AEFFD9 !important;
}

.border-success.border-accent-2 {
  border: 1px solid #AEFFD9 !important;
}

.border-top-success.border-top-accent-2 {
  border-top: 1px solid #AEFFD9 !important;
}

.border-bottom-success.border-bottom-accent-2 {
  border-bottom: 1px solid #AEFFD9 !important;
}

.border-left-success.border-left-accent-2 {
  border-left: 1px solid #AEFFD9 !important;
}

.border-right-success.border-right-accent-2 {
  border-right: 1px solid #AEFFD9 !important;
}

.overlay-success.overlay-accent-2 {
  background: #AEFFD9;
  /* The Fallback */
  background: rgba(174, 255, 217, 0.6);
}

.success.accent-3 {
  color: #7BFFC1 !important;
}

.bg-success.bg-accent-3 {
  background-color: #7BFFC1 !important;
}

.btn-success.btn-accent-3 {
  border-color: #1f9d57 !important;
  background-color: #7BFFC1 !important;
}

.btn-success.btn-accent-3:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-accent-3:focus,
.btn-success.btn-accent-3:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-accent-3 {
  border-color: #7BFFC1 !important;
  color: #7BFFC1 !important;
}

.btn-outline-success.btn-outline-accent-3:hover {
  background-color: #7BFFC1 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7BFFC1 !important;
}

.border-success.border-accent-3 {
  border: 1px solid #7BFFC1 !important;
}

.border-top-success.border-top-accent-3 {
  border-top: 1px solid #7BFFC1 !important;
}

.border-bottom-success.border-bottom-accent-3 {
  border-bottom: 1px solid #7BFFC1 !important;
}

.border-left-success.border-left-accent-3 {
  border-left: 1px solid #7BFFC1 !important;
}

.border-right-success.border-right-accent-3 {
  border-right: 1px solid #7BFFC1 !important;
}

.overlay-success.overlay-accent-3 {
  background: #7BFFC1;
  /* The Fallback */
  background: rgba(123, 255, 193, 0.6);
}

.success.accent-4 {
  color: #62FFB5 !important;
}

.bg-success.bg-accent-4 {
  background-color: #62FFB5 !important;
}

.btn-success.btn-accent-4 {
  border-color: #1f9d57 !important;
  background-color: #62FFB5 !important;
}

.btn-success.btn-accent-4:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-accent-4:focus,
.btn-success.btn-accent-4:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-accent-4 {
  border-color: #62FFB5 !important;
  color: #62FFB5 !important;
}

.btn-outline-success.btn-outline-accent-4:hover {
  background-color: #62FFB5 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #62FFB5 !important;
}

.border-success.border-accent-4 {
  border: 1px solid #62FFB5 !important;
}

.border-top-success.border-top-accent-4 {
  border-top: 1px solid #62FFB5 !important;
}

.border-bottom-success.border-bottom-accent-4 {
  border-bottom: 1px solid #62FFB5 !important;
}

.border-left-success.border-left-accent-4 {
  border-left: 1px solid #62FFB5 !important;
}

.border-right-success.border-right-accent-4 {
  border-right: 1px solid #62FFB5 !important;
}

.overlay-success.overlay-accent-4 {
  background: #62FFB5;
  /* The Fallback */
  background: rgba(98, 255, 181, 0.6);
}

.success.gradient-bg {
  color: #0064fa !important;
}

.bg-success.bg-gradient-bg {
  background-color: #0064fa !important;
}

.btn-success.btn-gradient-bg {
  border-color: #1f9d57 !important;
  background-color: #0064fa !important;
}

.btn-success.btn-gradient-bg:hover {
  border-color: #1f9d57 !important;
  background-color: #1b874b !important;
}

.btn-success.btn-gradient-bg:focus,
.btn-success.btn-gradient-bg:active {
  border-color: #1b874b !important;
  background-color: #177240 !important;
}

.btn-outline-success.btn-outline-gradient-bg {
  border-color: #0064fa !important;
  color: #0064fa !important;
}

.btn-outline-success.btn-outline-gradient-bg:hover {
  background-color: #0064fa !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0064fa !important;
}

.border-success.border-gradient-bg {
  border: 1px solid #0064fa !important;
}

.border-top-success.border-top-gradient-bg {
  border-top: 1px solid #0064fa !important;
}

.border-bottom-success.border-bottom-gradient-bg {
  border-bottom: 1px solid #0064fa !important;
}

.border-left-success.border-left-gradient-bg {
  border-left: 1px solid #0064fa !important;
}

.border-right-success.border-right-gradient-bg {
  border-right: 1px solid #0064fa !important;
}

.overlay-success.overlay-gradient-bg {
  background: #0064fa;
  /* The Fallback */
  background: rgba(0, 100, 250, 0.6);
}

.info.gradient-light {
  color: #2d91ff !important;
}

.bg-info.bg-gradient-light {
  background-color: #2d91ff !important;
}

.btn-info.btn-gradient-light {
  border-color: #00a1b5 !important;
  background-color: #2d91ff !important;
}

.btn-info.btn-gradient-light:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-gradient-light:focus,
.btn-info.btn-gradient-light:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-gradient-light {
  border-color: #2d91ff !important;
  color: #2d91ff !important;
}

.btn-outline-info.btn-outline-gradient-light:hover {
  background-color: #2d91ff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2d91ff !important;
}

.border-info.border-gradient-light {
  border: 1px solid #2d91ff !important;
}

.border-top-info.border-top-gradient-light {
  border-top: 1px solid #2d91ff !important;
}

.border-bottom-info.border-bottom-gradient-light {
  border-bottom: 1px solid #2d91ff !important;
}

.border-left-info.border-left-gradient-light {
  border-left: 1px solid #2d91ff !important;
}

.border-right-info.border-right-gradient-light {
  border-right: 1px solid #2d91ff !important;
}

.overlay-info.overlay-gradient-light {
  background: #2d91ff;
  /* The Fallback */
  background: rgba(45, 145, 255, 0.6);
}

.info.lighten-5 {
  color: #69efff !important;
}

.bg-info.bg-lighten-5 {
  background-color: #69efff !important;
}

.btn-info.btn-lighten-5 {
  border-color: #00a1b5 !important;
  background-color: #69efff !important;
}

.btn-info.btn-lighten-5:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-lighten-5:focus,
.btn-info.btn-lighten-5:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-lighten-5 {
  border-color: #69efff !important;
  color: #69efff !important;
}

.btn-outline-info.btn-outline-lighten-5:hover {
  background-color: #69efff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #69efff !important;
}

.border-info.border-lighten-5 {
  border: 1px solid #69efff !important;
}

.border-top-info.border-top-lighten-5 {
  border-top: 1px solid #69efff !important;
}

.border-bottom-info.border-bottom-lighten-5 {
  border-bottom: 1px solid #69efff !important;
}

.border-left-info.border-left-lighten-5 {
  border-left: 1px solid #69efff !important;
}

.border-right-info.border-right-lighten-5 {
  border-right: 1px solid #69efff !important;
}

.overlay-info.overlay-lighten-5 {
  background: #69efff;
  /* The Fallback */
  background: rgba(105, 239, 255, 0.6);
}

.info.lighten-4 {
  color: #4fecff !important;
}

.bg-info.bg-lighten-4 {
  background-color: #4fecff !important;
}

.btn-info.btn-lighten-4 {
  border-color: #00a1b5 !important;
  background-color: #4fecff !important;
}

.btn-info.btn-lighten-4:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-lighten-4:focus,
.btn-info.btn-lighten-4:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-lighten-4 {
  border-color: #4fecff !important;
  color: #4fecff !important;
}

.btn-outline-info.btn-outline-lighten-4:hover {
  background-color: #4fecff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4fecff !important;
}

.border-info.border-lighten-4 {
  border: 1px solid #4fecff !important;
}

.border-top-info.border-top-lighten-4 {
  border-top: 1px solid #4fecff !important;
}

.border-bottom-info.border-bottom-lighten-4 {
  border-bottom: 1px solid #4fecff !important;
}

.border-left-info.border-left-lighten-4 {
  border-left: 1px solid #4fecff !important;
}

.border-right-info.border-right-lighten-4 {
  border-right: 1px solid #4fecff !important;
}

.overlay-info.overlay-lighten-4 {
  background: #4fecff;
  /* The Fallback */
  background: rgba(79, 236, 255, 0.6);
}

.info.lighten-3 {
  color: #36e9ff !important;
}

.bg-info.bg-lighten-3 {
  background-color: #36e9ff !important;
}

.btn-info.btn-lighten-3 {
  border-color: #00a1b5 !important;
  background-color: #36e9ff !important;
}

.btn-info.btn-lighten-3:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-lighten-3:focus,
.btn-info.btn-lighten-3:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-lighten-3 {
  border-color: #36e9ff !important;
  color: #36e9ff !important;
}

.btn-outline-info.btn-outline-lighten-3:hover {
  background-color: #36e9ff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #36e9ff !important;
}

.border-info.border-lighten-3 {
  border: 1px solid #36e9ff !important;
}

.border-top-info.border-top-lighten-3 {
  border-top: 1px solid #36e9ff !important;
}

.border-bottom-info.border-bottom-lighten-3 {
  border-bottom: 1px solid #36e9ff !important;
}

.border-left-info.border-left-lighten-3 {
  border-left: 1px solid #36e9ff !important;
}

.border-right-info.border-right-lighten-3 {
  border-right: 1px solid #36e9ff !important;
}

.overlay-info.overlay-lighten-3 {
  background: #36e9ff;
  /* The Fallback */
  background: rgba(54, 233, 255, 0.6);
}

.info.lighten-2 {
  color: #1ce7ff !important;
}

.bg-info.bg-lighten-2 {
  background-color: #1ce7ff !important;
}

.btn-info.btn-lighten-2 {
  border-color: #00a1b5 !important;
  background-color: #1ce7ff !important;
}

.btn-info.btn-lighten-2:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-lighten-2:focus,
.btn-info.btn-lighten-2:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-lighten-2 {
  border-color: #1ce7ff !important;
  color: #1ce7ff !important;
}

.btn-outline-info.btn-outline-lighten-2:hover {
  background-color: #1ce7ff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1ce7ff !important;
}

.border-info.border-lighten-2 {
  border: 1px solid #1ce7ff !important;
}

.border-top-info.border-top-lighten-2 {
  border-top: 1px solid #1ce7ff !important;
}

.border-bottom-info.border-bottom-lighten-2 {
  border-bottom: 1px solid #1ce7ff !important;
}

.border-left-info.border-left-lighten-2 {
  border-left: 1px solid #1ce7ff !important;
}

.border-right-info.border-right-lighten-2 {
  border-right: 1px solid #1ce7ff !important;
}

.overlay-info.overlay-lighten-2 {
  background: #1ce7ff;
  /* The Fallback */
  background: rgba(28, 231, 255, 0.6);
}

.info.lighten-1 {
  color: #03e4ff !important;
}

.bg-info.bg-lighten-1 {
  background-color: #03e4ff !important;
}

.btn-info.btn-lighten-1 {
  border-color: #00a1b5 !important;
  background-color: #03e4ff !important;
}

.btn-info.btn-lighten-1:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-lighten-1:focus,
.btn-info.btn-lighten-1:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-lighten-1 {
  border-color: #03e4ff !important;
  color: #03e4ff !important;
}

.btn-outline-info.btn-outline-lighten-1:hover {
  background-color: #03e4ff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #03e4ff !important;
}

.border-info.border-lighten-1 {
  border: 1px solid #03e4ff !important;
}

.border-top-info.border-top-lighten-1 {
  border-top: 1px solid #03e4ff !important;
}

.border-bottom-info.border-bottom-lighten-1 {
  border-bottom: 1px solid #03e4ff !important;
}

.border-left-info.border-left-lighten-1 {
  border-left: 1px solid #03e4ff !important;
}

.border-right-info.border-right-lighten-1 {
  border-right: 1px solid #03e4ff !important;
}

.overlay-info.overlay-lighten-1 {
  background: #03e4ff;
  /* The Fallback */
  background: rgba(3, 228, 255, 0.6);
}

.info {
  color: #00cfe8 !important;
}

.bg-info {
  background-color: #00cfe8 !important;
}

.bg-info .card-header,
.bg-info .card-footer {
  background-color: transparent;
}

.alert-info {
  background: rgba(0, 207, 232, 0.2) !important;
  color: #00cfe8 !important;
}

.alert-info .alert-heading {
  box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px;
}

.alert-info .alert-link {
  color: #00b8cf !important;
}

.bg-rgba-info {
  background: rgba(0, 207, 232, 0.15) !important;
}

.border-info {
  border: 1px solid #00cfe8 !important;
}

.border-top-info {
  border-top: 1px solid #00cfe8;
}

.border-bottom-info {
  border-bottom: 1px solid #00cfe8;
}

.border-left-info {
  border-left: 1px solid #00cfe8;
}

.border-right-info {
  border-right: 1px solid #00cfe8;
}

.bg-info.badge-glow,
.border-info.badge-glow,
.badge-info.badge-glow {
  box-shadow: 0px 0px 10px #00cfe8;
}

.badge.badge-info {
  background-color: #00cfe8;
}

.overlay-info {
  background: #00cfe8;
  /* The Fallback */
  background: rgba(0, 207, 232, 0.6);
}

.btn-info {
  border-color: #00a1b5 !important;
  background-color: #00cfe8 !important;
  color: #fff;
}

.btn-info:hover {
  border-color: #00b8cf !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #00cfe8;
}

.btn-info:focus,
.btn-info:active {
  color: #fff !important;
}

.btn-flat-info {
  background-color: transparent;
  color: #00cfe8;
}

.btn-flat-info:hover {
  color: #00cfe8;
  background-color: rgba(0, 207, 232, 0.1);
}

.btn-flat-info:active,
.btn-flat-info:focus {
  background-color: #00cfe8;
  color: #fff !important;
}

.btn-relief-info {
  background-color: #00cfe8;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-info:hover {
  color: #fff;
}

.btn-relief-info:active,
.btn-relief-info:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-info {
  border: 1px solid #00cfe8;
  background-color: transparent;
  color: #00cfe8;
}

.btn-outline-info:hover {
  background-color: rgba(0, 207, 232, 0.08);
  color: #00cfe8;
}

.btn-outline-info:active {
  color: #fff !important;
}

.btn-info ~ .dropdown-menu .dropdown-item.active,
.btn-outline-info ~ .dropdown-menu .dropdown-item.active,
.btn-flat-info ~ .dropdown-menu .dropdown-item.active {
  background-color: #00cfe8;
  color: #fff;
}

.btn-info ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-info ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-info ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-info ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-info ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-info ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #00cfe8;
}

.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:hover i {
  color: #00cfe8;
}

.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-info ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-info {
  background-color: #00cfe8;
}

.pagination-info .page-item.active .page-link {
  background: #00cfe8;
  color: #fff;
}

.pagination-info .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-info .page-item .page-link:hover {
  color: #00cfe8;
}

.pagination-info .page-item.prev-item .page-link:hover,
.pagination-info .page-item.next-item .page-link:hover {
  background: #00cfe8;
  color: #fff;
}

.nav-pill-info .nav-item .nav-link.active {
  color: #fff;
  background-color: #00cfe8 !important;
}

.progress-bar-info {
  background-color: rgba(0, 207, 232, 0.1);
}

.progress-bar-info .progress-bar {
  background-color: #00cfe8;
}

.chip-info {
  background-color: #00cfe8 !important;
}

.chip-info .chip-body {
  color: #fff !important;
}

.divider.divider-info .divider-text:before,
.divider.divider-info .divider-text:after {
  border-color: #00cfe8 !important;
}

input[type=checkbox].bg-info + .custom-control-label:before,
input[type=radio].bg-info + .custom-control-label:before {
  background-color: #00cfe8 !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00cfe8 !important;
}

.vs-checkbox-info input:checked ~ .vs-checkbox {
  border-color: #00cfe8 !important;
}

.vs-checkbox-info input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #00cfe8 !important;
}

.vs-checkbox-info input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #00cfe8 !important;
}

.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #00cfe8 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-info input:checked ~ .vs-radio .vs-radio--circle {
  background: #00cfe8 !important;
  box-shadow: 0 3px 12px 0 rgba(0, 207, 232, 0.4) !important;
}

.info.darken-1 {
  color: #00b8cf !important;
}

.bg-info.bg-darken-1 {
  background-color: #00b8cf !important;
}

.btn-info.btn-darken-1 {
  border-color: #00a1b5 !important;
  background-color: #00b8cf !important;
}

.btn-info.btn-darken-1:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-darken-1:focus,
.btn-info.btn-darken-1:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-darken-1 {
  border-color: #00b8cf !important;
  color: #00b8cf !important;
}

.btn-outline-info.btn-outline-darken-1:hover {
  background-color: #00b8cf !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b8cf !important;
}

.border-info.border-darken-1 {
  border: 1px solid #00b8cf !important;
}

.border-top-info.border-top-darken-1 {
  border-top: 1px solid #00b8cf !important;
}

.border-bottom-info.border-bottom-darken-1 {
  border-bottom: 1px solid #00b8cf !important;
}

.border-left-info.border-left-darken-1 {
  border-left: 1px solid #00b8cf !important;
}

.border-right-info.border-right-darken-1 {
  border-right: 1px solid #00b8cf !important;
}

.overlay-info.overlay-darken-1 {
  background: #00b8cf;
  /* The Fallback */
  background: rgba(0, 184, 207, 0.6);
}

.info.darken-2 {
  color: #00a1b5 !important;
}

.bg-info.bg-darken-2 {
  background-color: #00a1b5 !important;
}

.btn-info.btn-darken-2 {
  border-color: #00a1b5 !important;
  background-color: #00a1b5 !important;
}

.btn-info.btn-darken-2:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-darken-2:focus,
.btn-info.btn-darken-2:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-darken-2 {
  border-color: #00a1b5 !important;
  color: #00a1b5 !important;
}

.btn-outline-info.btn-outline-darken-2:hover {
  background-color: #00a1b5 !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00a1b5 !important;
}

.border-info.border-darken-2 {
  border: 1px solid #00a1b5 !important;
}

.border-top-info.border-top-darken-2 {
  border-top: 1px solid #00a1b5 !important;
}

.border-bottom-info.border-bottom-darken-2 {
  border-bottom: 1px solid #00a1b5 !important;
}

.border-left-info.border-left-darken-2 {
  border-left: 1px solid #00a1b5 !important;
}

.border-right-info.border-right-darken-2 {
  border-right: 1px solid #00a1b5 !important;
}

.overlay-info.overlay-darken-2 {
  background: #00a1b5;
  /* The Fallback */
  background: rgba(0, 161, 181, 0.6);
}

.info.darken-3 {
  color: #008b9c !important;
}

.bg-info.bg-darken-3 {
  background-color: #008b9c !important;
}

.btn-info.btn-darken-3 {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-darken-3:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-darken-3:focus,
.btn-info.btn-darken-3:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-darken-3 {
  border-color: #008b9c !important;
  color: #008b9c !important;
}

.btn-outline-info.btn-outline-darken-3:hover {
  background-color: #008b9c !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #008b9c !important;
}

.border-info.border-darken-3 {
  border: 1px solid #008b9c !important;
}

.border-top-info.border-top-darken-3 {
  border-top: 1px solid #008b9c !important;
}

.border-bottom-info.border-bottom-darken-3 {
  border-bottom: 1px solid #008b9c !important;
}

.border-left-info.border-left-darken-3 {
  border-left: 1px solid #008b9c !important;
}

.border-right-info.border-right-darken-3 {
  border-right: 1px solid #008b9c !important;
}

.overlay-info.overlay-darken-3 {
  background: #008b9c;
  /* The Fallback */
  background: rgba(0, 139, 156, 0.6);
}

.info.darken-4 {
  color: #007482 !important;
}

.bg-info.bg-darken-4 {
  background-color: #007482 !important;
}

.btn-info.btn-darken-4 {
  border-color: #00a1b5 !important;
  background-color: #007482 !important;
}

.btn-info.btn-darken-4:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-darken-4:focus,
.btn-info.btn-darken-4:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-darken-4 {
  border-color: #007482 !important;
  color: #007482 !important;
}

.btn-outline-info.btn-outline-darken-4:hover {
  background-color: #007482 !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #007482 !important;
}

.border-info.border-darken-4 {
  border: 1px solid #007482 !important;
}

.border-top-info.border-top-darken-4 {
  border-top: 1px solid #007482 !important;
}

.border-bottom-info.border-bottom-darken-4 {
  border-bottom: 1px solid #007482 !important;
}

.border-left-info.border-left-darken-4 {
  border-left: 1px solid #007482 !important;
}

.border-right-info.border-right-darken-4 {
  border-right: 1px solid #007482 !important;
}

.overlay-info.overlay-darken-4 {
  background: #007482;
  /* The Fallback */
  background: rgba(0, 116, 130, 0.6);
}

.info.accent-1 {
  color: #FEFFFF !important;
}

.bg-info.bg-accent-1 {
  background-color: #FEFFFF !important;
}

.btn-info.btn-accent-1 {
  border-color: #00a1b5 !important;
  background-color: #FEFFFF !important;
}

.btn-info.btn-accent-1:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-accent-1:focus,
.btn-info.btn-accent-1:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-accent-1 {
  border-color: #FEFFFF !important;
  color: #FEFFFF !important;
}

.btn-outline-info.btn-outline-accent-1:hover {
  background-color: #FEFFFF !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FEFFFF !important;
}

.border-info.border-accent-1 {
  border: 1px solid #FEFFFF !important;
}

.border-top-info.border-top-accent-1 {
  border-top: 1px solid #FEFFFF !important;
}

.border-bottom-info.border-bottom-accent-1 {
  border-bottom: 1px solid #FEFFFF !important;
}

.border-left-info.border-left-accent-1 {
  border-left: 1px solid #FEFFFF !important;
}

.border-right-info.border-right-accent-1 {
  border-right: 1px solid #FEFFFF !important;
}

.overlay-info.overlay-accent-1 {
  background: #FEFFFF;
  /* The Fallback */
  background: rgba(254, 255, 255, 0.6);
}

.info.accent-2 {
  color: #CBF5FF !important;
}

.bg-info.bg-accent-2 {
  background-color: #CBF5FF !important;
}

.btn-info.btn-accent-2 {
  border-color: #00a1b5 !important;
  background-color: #CBF5FF !important;
}

.btn-info.btn-accent-2:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-accent-2:focus,
.btn-info.btn-accent-2:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-accent-2 {
  border-color: #CBF5FF !important;
  color: #CBF5FF !important;
}

.btn-outline-info.btn-outline-accent-2:hover {
  background-color: #CBF5FF !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #CBF5FF !important;
}

.border-info.border-accent-2 {
  border: 1px solid #CBF5FF !important;
}

.border-top-info.border-top-accent-2 {
  border-top: 1px solid #CBF5FF !important;
}

.border-bottom-info.border-bottom-accent-2 {
  border-bottom: 1px solid #CBF5FF !important;
}

.border-left-info.border-left-accent-2 {
  border-left: 1px solid #CBF5FF !important;
}

.border-right-info.border-right-accent-2 {
  border-right: 1px solid #CBF5FF !important;
}

.overlay-info.overlay-accent-2 {
  background: #CBF5FF;
  /* The Fallback */
  background: rgba(203, 245, 255, 0.6);
}

.info.accent-3 {
  color: #98ECFF !important;
}

.bg-info.bg-accent-3 {
  background-color: #98ECFF !important;
}

.btn-info.btn-accent-3 {
  border-color: #00a1b5 !important;
  background-color: #98ECFF !important;
}

.btn-info.btn-accent-3:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-accent-3:focus,
.btn-info.btn-accent-3:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-accent-3 {
  border-color: #98ECFF !important;
  color: #98ECFF !important;
}

.btn-outline-info.btn-outline-accent-3:hover {
  background-color: #98ECFF !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #98ECFF !important;
}

.border-info.border-accent-3 {
  border: 1px solid #98ECFF !important;
}

.border-top-info.border-top-accent-3 {
  border-top: 1px solid #98ECFF !important;
}

.border-bottom-info.border-bottom-accent-3 {
  border-bottom: 1px solid #98ECFF !important;
}

.border-left-info.border-left-accent-3 {
  border-left: 1px solid #98ECFF !important;
}

.border-right-info.border-right-accent-3 {
  border-right: 1px solid #98ECFF !important;
}

.overlay-info.overlay-accent-3 {
  background: #98ECFF;
  /* The Fallback */
  background: rgba(152, 236, 255, 0.6);
}

.info.accent-4 {
  color: #7FE7FF !important;
}

.bg-info.bg-accent-4 {
  background-color: #7FE7FF !important;
}

.btn-info.btn-accent-4 {
  border-color: #00a1b5 !important;
  background-color: #7FE7FF !important;
}

.btn-info.btn-accent-4:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-accent-4:focus,
.btn-info.btn-accent-4:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-accent-4 {
  border-color: #7FE7FF !important;
  color: #7FE7FF !important;
}

.btn-outline-info.btn-outline-accent-4:hover {
  background-color: #7FE7FF !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7FE7FF !important;
}

.border-info.border-accent-4 {
  border: 1px solid #7FE7FF !important;
}

.border-top-info.border-top-accent-4 {
  border-top: 1px solid #7FE7FF !important;
}

.border-bottom-info.border-bottom-accent-4 {
  border-bottom: 1px solid #7FE7FF !important;
}

.border-left-info.border-left-accent-4 {
  border-left: 1px solid #7FE7FF !important;
}

.border-right-info.border-right-accent-4 {
  border-right: 1px solid #7FE7FF !important;
}

.overlay-info.overlay-accent-4 {
  background: #7FE7FF;
  /* The Fallback */
  background: rgba(127, 231, 255, 0.6);
}

.info.gradient-bg {
  color: #640064 !important;
}

.bg-info.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-info.btn-gradient-bg {
  border-color: #00a1b5 !important;
  background-color: #640064 !important;
}

.btn-info.btn-gradient-bg:hover {
  border-color: #00a1b5 !important;
  background-color: #008b9c !important;
}

.btn-info.btn-gradient-bg:focus,
.btn-info.btn-gradient-bg:active {
  border-color: #008b9c !important;
  background-color: #007482 !important;
}

.btn-outline-info.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}

.btn-outline-info.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-info.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-info.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-info.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-info.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-info.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-info.overlay-gradient-bg {
  background: #640064;
  /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.warning.gradient-light {
  color: #fff487 !important;
}

.bg-warning.bg-gradient-light {
  background-color: #fff487 !important;
}

.btn-warning.btn-gradient-light {
  border-color: #ff8510 !important;
  background-color: #fff487 !important;
}

.btn-warning.btn-gradient-light:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-gradient-light:focus,
.btn-warning.btn-gradient-light:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-gradient-light {
  border-color: #fff487 !important;
  color: #fff487 !important;
}

.btn-outline-warning.btn-outline-gradient-light:hover {
  background-color: #fff487 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff487 !important;
}

.border-warning.border-gradient-light {
  border: 1px solid #fff487 !important;
}

.border-top-warning.border-top-gradient-light {
  border-top: 1px solid #fff487 !important;
}

.border-bottom-warning.border-bottom-gradient-light {
  border-bottom: 1px solid #fff487 !important;
}

.border-left-warning.border-left-gradient-light {
  border-left: 1px solid #fff487 !important;
}

.border-right-warning.border-right-gradient-light {
  border-right: 1px solid #fff487 !important;
}

.overlay-warning.overlay-gradient-light {
  background: #fff487;
  /* The Fallback */
  background: rgba(255, 244, 135, 0.6);
}

.warning.lighten-5 {
  color: #ffe0c3 !important;
}

.bg-warning.bg-lighten-5 {
  background-color: #ffe0c3 !important;
}

.btn-warning.btn-lighten-5 {
  border-color: #ff8510 !important;
  background-color: #ffe0c3 !important;
}

.btn-warning.btn-lighten-5:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-lighten-5:focus,
.btn-warning.btn-lighten-5:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-lighten-5 {
  border-color: #ffe0c3 !important;
  color: #ffe0c3 !important;
}

.btn-outline-warning.btn-outline-lighten-5:hover {
  background-color: #ffe0c3 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe0c3 !important;
}

.border-warning.border-lighten-5 {
  border: 1px solid #ffe0c3 !important;
}

.border-top-warning.border-top-lighten-5 {
  border-top: 1px solid #ffe0c3 !important;
}

.border-bottom-warning.border-bottom-lighten-5 {
  border-bottom: 1px solid #ffe0c3 !important;
}

.border-left-warning.border-left-lighten-5 {
  border-left: 1px solid #ffe0c3 !important;
}

.border-right-warning.border-right-lighten-5 {
  border-right: 1px solid #ffe0c3 !important;
}

.overlay-warning.overlay-lighten-5 {
  background: #ffe0c3;
  /* The Fallback */
  background: rgba(255, 224, 195, 0.6);
}

.warning.lighten-4 {
  color: #ffd3a9 !important;
}

.bg-warning.bg-lighten-4 {
  background-color: #ffd3a9 !important;
}

.btn-warning.btn-lighten-4 {
  border-color: #ff8510 !important;
  background-color: #ffd3a9 !important;
}

.btn-warning.btn-lighten-4:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-lighten-4:focus,
.btn-warning.btn-lighten-4:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-lighten-4 {
  border-color: #ffd3a9 !important;
  color: #ffd3a9 !important;
}

.btn-outline-warning.btn-outline-lighten-4:hover {
  background-color: #ffd3a9 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd3a9 !important;
}

.border-warning.border-lighten-4 {
  border: 1px solid #ffd3a9 !important;
}

.border-top-warning.border-top-lighten-4 {
  border-top: 1px solid #ffd3a9 !important;
}

.border-bottom-warning.border-bottom-lighten-4 {
  border-bottom: 1px solid #ffd3a9 !important;
}

.border-left-warning.border-left-lighten-4 {
  border-left: 1px solid #ffd3a9 !important;
}

.border-right-warning.border-right-lighten-4 {
  border-right: 1px solid #ffd3a9 !important;
}

.overlay-warning.overlay-lighten-4 {
  background: #ffd3a9;
  /* The Fallback */
  background: rgba(255, 211, 169, 0.6);
}

.warning.lighten-3 {
  color: #ffc690 !important;
}

.bg-warning.bg-lighten-3 {
  background-color: #ffc690 !important;
}

.btn-warning.btn-lighten-3 {
  border-color: #ff8510 !important;
  background-color: #ffc690 !important;
}

.btn-warning.btn-lighten-3:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-lighten-3:focus,
.btn-warning.btn-lighten-3:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-lighten-3 {
  border-color: #ffc690 !important;
  color: #ffc690 !important;
}

.btn-outline-warning.btn-outline-lighten-3:hover {
  background-color: #ffc690 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc690 !important;
}

.border-warning.border-lighten-3 {
  border: 1px solid #ffc690 !important;
}

.border-top-warning.border-top-lighten-3 {
  border-top: 1px solid #ffc690 !important;
}

.border-bottom-warning.border-bottom-lighten-3 {
  border-bottom: 1px solid #ffc690 !important;
}

.border-left-warning.border-left-lighten-3 {
  border-left: 1px solid #ffc690 !important;
}

.border-right-warning.border-right-lighten-3 {
  border-right: 1px solid #ffc690 !important;
}

.overlay-warning.overlay-lighten-3 {
  background: #ffc690;
  /* The Fallback */
  background: rgba(255, 198, 144, 0.6);
}

.warning.lighten-2 {
  color: #ffb976 !important;
}

.bg-warning.bg-lighten-2 {
  background-color: #ffb976 !important;
}

.btn-warning.btn-lighten-2 {
  border-color: #ff8510 !important;
  background-color: #ffb976 !important;
}

.btn-warning.btn-lighten-2:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-lighten-2:focus,
.btn-warning.btn-lighten-2:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-lighten-2 {
  border-color: #ffb976 !important;
  color: #ffb976 !important;
}

.btn-outline-warning.btn-outline-lighten-2:hover {
  background-color: #ffb976 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb976 !important;
}

.border-warning.border-lighten-2 {
  border: 1px solid #ffb976 !important;
}

.border-top-warning.border-top-lighten-2 {
  border-top: 1px solid #ffb976 !important;
}

.border-bottom-warning.border-bottom-lighten-2 {
  border-bottom: 1px solid #ffb976 !important;
}

.border-left-warning.border-left-lighten-2 {
  border-left: 1px solid #ffb976 !important;
}

.border-right-warning.border-right-lighten-2 {
  border-right: 1px solid #ffb976 !important;
}

.overlay-warning.overlay-lighten-2 {
  background: #ffb976;
  /* The Fallback */
  background: rgba(255, 185, 118, 0.6);
}

.warning.lighten-1 {
  color: #ffac5d !important;
}

.bg-warning.bg-lighten-1 {
  background-color: #ffac5d !important;
}

.btn-warning.btn-lighten-1 {
  border-color: #ff8510 !important;
  background-color: #ffac5d !important;
}

.btn-warning.btn-lighten-1:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-lighten-1:focus,
.btn-warning.btn-lighten-1:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-lighten-1 {
  border-color: #ffac5d !important;
  color: #ffac5d !important;
}

.btn-outline-warning.btn-outline-lighten-1:hover {
  background-color: #ffac5d !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffac5d !important;
}

.border-warning.border-lighten-1 {
  border: 1px solid #ffac5d !important;
}

.border-top-warning.border-top-lighten-1 {
  border-top: 1px solid #ffac5d !important;
}

.border-bottom-warning.border-bottom-lighten-1 {
  border-bottom: 1px solid #ffac5d !important;
}

.border-left-warning.border-left-lighten-1 {
  border-left: 1px solid #ffac5d !important;
}

.border-right-warning.border-right-lighten-1 {
  border-right: 1px solid #ffac5d !important;
}

.overlay-warning.overlay-lighten-1 {
  background: #ffac5d;
  /* The Fallback */
  background: rgba(255, 172, 93, 0.6);
}

.warning {
  color: #ff9f43 !important;
}

.bg-warning {
  background-color: #ff9f43 !important;
}

.bg-warning .card-header,
.bg-warning .card-footer {
  background-color: transparent;
}

.alert-warning {
  background: rgba(255, 159, 67, 0.2) !important;
  color: #ff9f43 !important;
}

.alert-warning .alert-heading {
  box-shadow: rgba(255, 159, 67, 0.4) 0px 6px 15px -7px;
}

.alert-warning .alert-link {
  color: #ff922a !important;
}

.bg-rgba-warning {
  background: rgba(255, 159, 67, 0.15) !important;
}

.border-warning {
  border: 1px solid #ff9f43 !important;
}

.border-top-warning {
  border-top: 1px solid #ff9f43;
}

.border-bottom-warning {
  border-bottom: 1px solid #ff9f43;
}

.border-left-warning {
  border-left: 1px solid #ff9f43;
}

.border-right-warning {
  border-right: 1px solid #ff9f43;
}

.bg-warning.badge-glow,
.border-warning.badge-glow,
.badge-warning.badge-glow {
  box-shadow: 0px 0px 10px #ff9f43;
}

.badge.badge-warning {
  background-color: #ff9f43;
}

.overlay-warning {
  background: #ff9f43;
  /* The Fallback */
  background: rgba(255, 159, 67, 0.6);
}

.btn-warning {
  border-color: #ff8510 !important;
  background-color: #ff9f43 !important;
  color: #fff;
}

.btn-warning:hover {
  border-color: #ff922a !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #ff9f43;
}

.btn-warning:focus,
.btn-warning:active {
  color: #fff !important;
}

.btn-flat-warning {
  background-color: transparent;
  color: #ff9f43;
}

.btn-flat-warning:hover {
  color: #ff9f43;
  background-color: rgba(255, 159, 67, 0.1);
}

.btn-flat-warning:active,
.btn-flat-warning:focus {
  background-color: #ff9f43;
  color: #fff !important;
}

.btn-relief-warning {
  background-color: #ff9f43;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-warning:hover {
  color: #fff;
}

.btn-relief-warning:active,
.btn-relief-warning:focus {
  outline: none;
  transform: translateY(3px);
}

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

.btn-outline-warning:hover {
  background-color: rgba(255, 159, 67, 0.08);
  color: #ff9f43;
}

.btn-outline-warning:active {
  color: #fff !important;
}

.btn-warning ~ .dropdown-menu .dropdown-item.active,
.btn-outline-warning ~ .dropdown-menu .dropdown-item.active,
.btn-flat-warning ~ .dropdown-menu .dropdown-item.active {
  background-color: #ff9f43;
  color: #fff;
}

.btn-warning ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-warning ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-warning ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-warning ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-warning ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-warning ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #ff9f43;
}

.dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:hover i {
  color: #ff9f43;
}

.dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-warning ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-warning {
  background-color: #ff9f43;
}

.pagination-warning .page-item.active .page-link {
  background: #ff9f43;
  color: #fff;
}

.pagination-warning .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-warning .page-item .page-link:hover {
  color: #ff9f43;
}

.pagination-warning .page-item.prev-item .page-link:hover,
.pagination-warning .page-item.next-item .page-link:hover {
  background: #ff9f43;
  color: #fff;
}

.nav-pill-warning .nav-item .nav-link.active {
  color: #fff;
  background-color: #ff9f43 !important;
}

.progress-bar-warning {
  background-color: rgba(255, 159, 67, 0.1);
}

.progress-bar-warning .progress-bar {
  background-color: #ff9f43;
}

.chip-warning {
  background-color: #ff9f43 !important;
}

.chip-warning .chip-body {
  color: #fff !important;
}

.divider.divider-warning .divider-text:before,
.divider.divider-warning .divider-text:after {
  border-color: #ff9f43 !important;
}

input[type=checkbox].bg-warning + .custom-control-label:before,
input[type=radio].bg-warning + .custom-control-label:before {
  background-color: #ff9f43 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff9f43 !important;
}

.vs-checkbox-warning input:checked ~ .vs-checkbox {
  border-color: #ff9f43 !important;
}

.vs-checkbox-warning input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #ff9f43 !important;
}

.vs-checkbox-warning input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #ff9f43 !important;
}

.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ff9f43 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-warning input:checked ~ .vs-radio .vs-radio--circle {
  background: #ff9f43 !important;
  box-shadow: 0 3px 12px 0 rgba(255, 159, 67, 0.4) !important;
}

.warning.darken-1 {
  color: #ff922a !important;
}

.bg-warning.bg-darken-1 {
  background-color: #ff922a !important;
}

.btn-warning.btn-darken-1 {
  border-color: #ff8510 !important;
  background-color: #ff922a !important;
}

.btn-warning.btn-darken-1:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-darken-1:focus,
.btn-warning.btn-darken-1:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-darken-1 {
  border-color: #ff922a !important;
  color: #ff922a !important;
}

.btn-outline-warning.btn-outline-darken-1:hover {
  background-color: #ff922a !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff922a !important;
}

.border-warning.border-darken-1 {
  border: 1px solid #ff922a !important;
}

.border-top-warning.border-top-darken-1 {
  border-top: 1px solid #ff922a !important;
}

.border-bottom-warning.border-bottom-darken-1 {
  border-bottom: 1px solid #ff922a !important;
}

.border-left-warning.border-left-darken-1 {
  border-left: 1px solid #ff922a !important;
}

.border-right-warning.border-right-darken-1 {
  border-right: 1px solid #ff922a !important;
}

.overlay-warning.overlay-darken-1 {
  background: #ff922a;
  /* The Fallback */
  background: rgba(255, 146, 42, 0.6);
}

.warning.darken-2 {
  color: #ff8510 !important;
}

.bg-warning.bg-darken-2 {
  background-color: #ff8510 !important;
}

.btn-warning.btn-darken-2 {
  border-color: #ff8510 !important;
  background-color: #ff8510 !important;
}

.btn-warning.btn-darken-2:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-darken-2:focus,
.btn-warning.btn-darken-2:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-darken-2 {
  border-color: #ff8510 !important;
  color: #ff8510 !important;
}

.btn-outline-warning.btn-outline-darken-2:hover {
  background-color: #ff8510 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8510 !important;
}

.border-warning.border-darken-2 {
  border: 1px solid #ff8510 !important;
}

.border-top-warning.border-top-darken-2 {
  border-top: 1px solid #ff8510 !important;
}

.border-bottom-warning.border-bottom-darken-2 {
  border-bottom: 1px solid #ff8510 !important;
}

.border-left-warning.border-left-darken-2 {
  border-left: 1px solid #ff8510 !important;
}

.border-right-warning.border-right-darken-2 {
  border-right: 1px solid #ff8510 !important;
}

.overlay-warning.overlay-darken-2 {
  background: #ff8510;
  /* The Fallback */
  background: rgba(255, 133, 16, 0.6);
}

.warning.darken-3 {
  color: #f67800 !important;
}

.bg-warning.bg-darken-3 {
  background-color: #f67800 !important;
}

.btn-warning.btn-darken-3 {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-darken-3:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-darken-3:focus,
.btn-warning.btn-darken-3:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-darken-3 {
  border-color: #f67800 !important;
  color: #f67800 !important;
}

.btn-outline-warning.btn-outline-darken-3:hover {
  background-color: #f67800 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f67800 !important;
}

.border-warning.border-darken-3 {
  border: 1px solid #f67800 !important;
}

.border-top-warning.border-top-darken-3 {
  border-top: 1px solid #f67800 !important;
}

.border-bottom-warning.border-bottom-darken-3 {
  border-bottom: 1px solid #f67800 !important;
}

.border-left-warning.border-left-darken-3 {
  border-left: 1px solid #f67800 !important;
}

.border-right-warning.border-right-darken-3 {
  border-right: 1px solid #f67800 !important;
}

.overlay-warning.overlay-darken-3 {
  background: #f67800;
  /* The Fallback */
  background: rgba(246, 120, 0, 0.6);
}

.warning.darken-4 {
  color: #dc6c00 !important;
}

.bg-warning.bg-darken-4 {
  background-color: #dc6c00 !important;
}

.btn-warning.btn-darken-4 {
  border-color: #ff8510 !important;
  background-color: #dc6c00 !important;
}

.btn-warning.btn-darken-4:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-darken-4:focus,
.btn-warning.btn-darken-4:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-darken-4 {
  border-color: #dc6c00 !important;
  color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-darken-4:hover {
  background-color: #dc6c00 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dc6c00 !important;
}

.border-warning.border-darken-4 {
  border: 1px solid #dc6c00 !important;
}

.border-top-warning.border-top-darken-4 {
  border-top: 1px solid #dc6c00 !important;
}

.border-bottom-warning.border-bottom-darken-4 {
  border-bottom: 1px solid #dc6c00 !important;
}

.border-left-warning.border-left-darken-4 {
  border-left: 1px solid #dc6c00 !important;
}

.border-right-warning.border-right-darken-4 {
  border-right: 1px solid #dc6c00 !important;
}

.overlay-warning.overlay-darken-4 {
  background: #dc6c00;
  /* The Fallback */
  background: rgba(220, 108, 0, 0.6);
}

.warning.accent-1 {
  color: #FFF5EF !important;
}

.bg-warning.bg-accent-1 {
  background-color: #FFF5EF !important;
}

.btn-warning.btn-accent-1 {
  border-color: #ff8510 !important;
  background-color: #FFF5EF !important;
}

.btn-warning.btn-accent-1:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-accent-1:focus,
.btn-warning.btn-accent-1:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-accent-1 {
  border-color: #FFF5EF !important;
  color: #FFF5EF !important;
}

.btn-outline-warning.btn-outline-accent-1:hover {
  background-color: #FFF5EF !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFF5EF !important;
}

.border-warning.border-accent-1 {
  border: 1px solid #FFF5EF !important;
}

.border-top-warning.border-top-accent-1 {
  border-top: 1px solid #FFF5EF !important;
}

.border-bottom-warning.border-bottom-accent-1 {
  border-bottom: 1px solid #FFF5EF !important;
}

.border-left-warning.border-left-accent-1 {
  border-left: 1px solid #FFF5EF !important;
}

.border-right-warning.border-right-accent-1 {
  border-right: 1px solid #FFF5EF !important;
}

.overlay-warning.overlay-accent-1 {
  background: #FFF5EF;
  /* The Fallback */
  background: rgba(255, 245, 239, 0.6);
}

.warning.accent-2 {
  color: #FFE5D8 !important;
}

.bg-warning.bg-accent-2 {
  background-color: #FFE5D8 !important;
}

.btn-warning.btn-accent-2 {
  border-color: #ff8510 !important;
  background-color: #FFE5D8 !important;
}

.btn-warning.btn-accent-2:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-accent-2:focus,
.btn-warning.btn-accent-2:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-accent-2 {
  border-color: #FFE5D8 !important;
  color: #FFE5D8 !important;
}

.btn-outline-warning.btn-outline-accent-2:hover {
  background-color: #FFE5D8 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFE5D8 !important;
}

.border-warning.border-accent-2 {
  border: 1px solid #FFE5D8 !important;
}

.border-top-warning.border-top-accent-2 {
  border-top: 1px solid #FFE5D8 !important;
}

.border-bottom-warning.border-bottom-accent-2 {
  border-bottom: 1px solid #FFE5D8 !important;
}

.border-left-warning.border-left-accent-2 {
  border-left: 1px solid #FFE5D8 !important;
}

.border-right-warning.border-right-accent-2 {
  border-right: 1px solid #FFE5D8 !important;
}

.overlay-warning.overlay-accent-2 {
  background: #FFE5D8;
  /* The Fallback */
  background: rgba(255, 229, 216, 0.6);
}

.warning.accent-3 {
  color: #FFF6F3 !important;
}

.bg-warning.bg-accent-3 {
  background-color: #FFF6F3 !important;
}

.btn-warning.btn-accent-3 {
  border-color: #ff8510 !important;
  background-color: #FFF6F3 !important;
}

.btn-warning.btn-accent-3:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-accent-3:focus,
.btn-warning.btn-accent-3:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-accent-3 {
  border-color: #FFF6F3 !important;
  color: #FFF6F3 !important;
}

.btn-outline-warning.btn-outline-accent-3:hover {
  background-color: #FFF6F3 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFF6F3 !important;
}

.border-warning.border-accent-3 {
  border: 1px solid #FFF6F3 !important;
}

.border-top-warning.border-top-accent-3 {
  border-top: 1px solid #FFF6F3 !important;
}

.border-bottom-warning.border-bottom-accent-3 {
  border-bottom: 1px solid #FFF6F3 !important;
}

.border-left-warning.border-left-accent-3 {
  border-left: 1px solid #FFF6F3 !important;
}

.border-right-warning.border-right-accent-3 {
  border-right: 1px solid #FFF6F3 !important;
}

.overlay-warning.overlay-accent-3 {
  background: #FFF6F3;
  /* The Fallback */
  background: rgba(255, 246, 243, 0.6);
}

.warning.accent-4 {
  color: #FFE3DA !important;
}

.bg-warning.bg-accent-4 {
  background-color: #FFE3DA !important;
}

.btn-warning.btn-accent-4 {
  border-color: #ff8510 !important;
  background-color: #FFE3DA !important;
}

.btn-warning.btn-accent-4:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-accent-4:focus,
.btn-warning.btn-accent-4:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-accent-4 {
  border-color: #FFE3DA !important;
  color: #FFE3DA !important;
}

.btn-outline-warning.btn-outline-accent-4:hover {
  background-color: #FFE3DA !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFE3DA !important;
}

.border-warning.border-accent-4 {
  border: 1px solid #FFE3DA !important;
}

.border-top-warning.border-top-accent-4 {
  border-top: 1px solid #FFE3DA !important;
}

.border-bottom-warning.border-bottom-accent-4 {
  border-bottom: 1px solid #FFE3DA !important;
}

.border-left-warning.border-left-accent-4 {
  border-left: 1px solid #FFE3DA !important;
}

.border-right-warning.border-right-accent-4 {
  border-right: 1px solid #FFE3DA !important;
}

.overlay-warning.overlay-accent-4 {
  background: #FFE3DA;
  /* The Fallback */
  background: rgba(255, 227, 218, 0.6);
}

.warning.gradient-bg {
  color: #fafafa !important;
}

.bg-warning.bg-gradient-bg {
  background-color: #fafafa !important;
}

.btn-warning.btn-gradient-bg {
  border-color: #ff8510 !important;
  background-color: #fafafa !important;
}

.btn-warning.btn-gradient-bg:hover {
  border-color: #ff8510 !important;
  background-color: #f67800 !important;
}

.btn-warning.btn-gradient-bg:focus,
.btn-warning.btn-gradient-bg:active {
  border-color: #f67800 !important;
  background-color: #dc6c00 !important;
}

.btn-outline-warning.btn-outline-gradient-bg {
  border-color: #fafafa !important;
  color: #fafafa !important;
}

.btn-outline-warning.btn-outline-gradient-bg:hover {
  background-color: #fafafa !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fafafa !important;
}

.border-warning.border-gradient-bg {
  border: 1px solid #fafafa !important;
}

.border-top-warning.border-top-gradient-bg {
  border-top: 1px solid #fafafa !important;
}

.border-bottom-warning.border-bottom-gradient-bg {
  border-bottom: 1px solid #fafafa !important;
}

.border-left-warning.border-left-gradient-bg {
  border-left: 1px solid #fafafa !important;
}

.border-right-warning.border-right-gradient-bg {
  border-right: 1px solid #fafafa !important;
}

.overlay-warning.overlay-gradient-bg {
  background: #fafafa;
  /* The Fallback */
  background: rgba(250, 250, 250, 0.6);
}

.danger.gradient-light {
  color: #f9b789 !important;
}

.bg-danger.bg-gradient-light {
  background-color: #f9b789 !important;
}

.btn-danger.btn-gradient-light {
  border-color: #e42728 !important;
  background-color: #f9b789 !important;
}

.btn-danger.btn-gradient-light:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-gradient-light:focus,
.btn-danger.btn-gradient-light:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-gradient-light {
  border-color: #f9b789 !important;
  color: #f9b789 !important;
}

.btn-outline-danger.btn-outline-gradient-light:hover {
  background-color: #f9b789 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f9b789 !important;
}

.border-danger.border-gradient-light {
  border: 1px solid #f9b789 !important;
}

.border-top-danger.border-top-gradient-light {
  border-top: 1px solid #f9b789 !important;
}

.border-bottom-danger.border-bottom-gradient-light {
  border-bottom: 1px solid #f9b789 !important;
}

.border-left-danger.border-left-gradient-light {
  border-left: 1px solid #f9b789 !important;
}

.border-right-danger.border-right-gradient-light {
  border-right: 1px solid #f9b789 !important;
}

.overlay-danger.overlay-gradient-light {
  background: #f9b789;
  /* The Fallback */
  background: rgba(249, 183, 137, 0.6);
}

.danger.lighten-5 {
  color: #f8c6c6 !important;
}

.bg-danger.bg-lighten-5 {
  background-color: #f8c6c6 !important;
}

.btn-danger.btn-lighten-5 {
  border-color: #e42728 !important;
  background-color: #f8c6c6 !important;
}

.btn-danger.btn-lighten-5:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-lighten-5:focus,
.btn-danger.btn-lighten-5:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-lighten-5 {
  border-color: #f8c6c6 !important;
  color: #f8c6c6 !important;
}

.btn-outline-danger.btn-outline-lighten-5:hover {
  background-color: #f8c6c6 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f8c6c6 !important;
}

.border-danger.border-lighten-5 {
  border: 1px solid #f8c6c6 !important;
}

.border-top-danger.border-top-lighten-5 {
  border-top: 1px solid #f8c6c6 !important;
}

.border-bottom-danger.border-bottom-lighten-5 {
  border-bottom: 1px solid #f8c6c6 !important;
}

.border-left-danger.border-left-lighten-5 {
  border-left: 1px solid #f8c6c6 !important;
}

.border-right-danger.border-right-lighten-5 {
  border-right: 1px solid #f8c6c6 !important;
}

.overlay-danger.overlay-lighten-5 {
  background: #f8c6c6;
  /* The Fallback */
  background: rgba(248, 198, 198, 0.6);
}

.danger.lighten-4 {
  color: #f5afaf !important;
}

.bg-danger.bg-lighten-4 {
  background-color: #f5afaf !important;
}

.btn-danger.btn-lighten-4 {
  border-color: #e42728 !important;
  background-color: #f5afaf !important;
}

.btn-danger.btn-lighten-4:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-lighten-4:focus,
.btn-danger.btn-lighten-4:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-lighten-4 {
  border-color: #f5afaf !important;
  color: #f5afaf !important;
}

.btn-outline-danger.btn-outline-lighten-4:hover {
  background-color: #f5afaf !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f5afaf !important;
}

.border-danger.border-lighten-4 {
  border: 1px solid #f5afaf !important;
}

.border-top-danger.border-top-lighten-4 {
  border-top: 1px solid #f5afaf !important;
}

.border-bottom-danger.border-bottom-lighten-4 {
  border-bottom: 1px solid #f5afaf !important;
}

.border-left-danger.border-left-lighten-4 {
  border-left: 1px solid #f5afaf !important;
}

.border-right-danger.border-right-lighten-4 {
  border-right: 1px solid #f5afaf !important;
}

.overlay-danger.overlay-lighten-4 {
  background: #f5afaf;
  /* The Fallback */
  background: rgba(245, 175, 175, 0.6);
}

.danger.lighten-3 {
  color: #f29899 !important;
}

.bg-danger.bg-lighten-3 {
  background-color: #f29899 !important;
}

.btn-danger.btn-lighten-3 {
  border-color: #e42728 !important;
  background-color: #f29899 !important;
}

.btn-danger.btn-lighten-3:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-lighten-3:focus,
.btn-danger.btn-lighten-3:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-lighten-3 {
  border-color: #f29899 !important;
  color: #f29899 !important;
}

.btn-outline-danger.btn-outline-lighten-3:hover {
  background-color: #f29899 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f29899 !important;
}

.border-danger.border-lighten-3 {
  border: 1px solid #f29899 !important;
}

.border-top-danger.border-top-lighten-3 {
  border-top: 1px solid #f29899 !important;
}

.border-bottom-danger.border-bottom-lighten-3 {
  border-bottom: 1px solid #f29899 !important;
}

.border-left-danger.border-left-lighten-3 {
  border-left: 1px solid #f29899 !important;
}

.border-right-danger.border-right-lighten-3 {
  border-right: 1px solid #f29899 !important;
}

.overlay-danger.overlay-lighten-3 {
  background: #f29899;
  /* The Fallback */
  background: rgba(242, 152, 153, 0.6);
}

.danger.lighten-2 {
  color: #f08182 !important;
}

.bg-danger.bg-lighten-2 {
  background-color: #f08182 !important;
}

.btn-danger.btn-lighten-2 {
  border-color: #e42728 !important;
  background-color: #f08182 !important;
}

.btn-danger.btn-lighten-2:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-lighten-2:focus,
.btn-danger.btn-lighten-2:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-lighten-2 {
  border-color: #f08182 !important;
  color: #f08182 !important;
}

.btn-outline-danger.btn-outline-lighten-2:hover {
  background-color: #f08182 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f08182 !important;
}

.border-danger.border-lighten-2 {
  border: 1px solid #f08182 !important;
}

.border-top-danger.border-top-lighten-2 {
  border-top: 1px solid #f08182 !important;
}

.border-bottom-danger.border-bottom-lighten-2 {
  border-bottom: 1px solid #f08182 !important;
}

.border-left-danger.border-left-lighten-2 {
  border-left: 1px solid #f08182 !important;
}

.border-right-danger.border-right-lighten-2 {
  border-right: 1px solid #f08182 !important;
}

.overlay-danger.overlay-lighten-2 {
  background: #f08182;
  /* The Fallback */
  background: rgba(240, 129, 130, 0.6);
}

.danger.lighten-1 {
  color: #ed6b6c !important;
}

.bg-danger.bg-lighten-1 {
  background-color: #ed6b6c !important;
}

.btn-danger.btn-lighten-1 {
  border-color: #e42728 !important;
  background-color: #ed6b6c !important;
}

.btn-danger.btn-lighten-1:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-lighten-1:focus,
.btn-danger.btn-lighten-1:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-lighten-1 {
  border-color: #ed6b6c !important;
  color: #ed6b6c !important;
}

.btn-outline-danger.btn-outline-lighten-1:hover {
  background-color: #ed6b6c !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ed6b6c !important;
}

.border-danger.border-lighten-1 {
  border: 1px solid #ed6b6c !important;
}

.border-top-danger.border-top-lighten-1 {
  border-top: 1px solid #ed6b6c !important;
}

.border-bottom-danger.border-bottom-lighten-1 {
  border-bottom: 1px solid #ed6b6c !important;
}

.border-left-danger.border-left-lighten-1 {
  border-left: 1px solid #ed6b6c !important;
}

.border-right-danger.border-right-lighten-1 {
  border-right: 1px solid #ed6b6c !important;
}

.overlay-danger.overlay-lighten-1 {
  background: #ed6b6c;
  /* The Fallback */
  background: rgba(237, 107, 108, 0.6);
}

.danger {
  color: #ea5455 !important;
}

.bg-danger {
  background-color: #ea5455 !important;
}

.bg-danger .card-header,
.bg-danger .card-footer {
  background-color: transparent;
}

.alert-danger {
  background: rgba(234, 84, 85, 0.2) !important;
  color: #ea5455 !important;
}

.alert-danger .alert-heading {
  box-shadow: rgba(234, 84, 85, 0.4) 0px 6px 15px -7px;
}

.alert-danger .alert-link {
  color: #e73d3e !important;
}

.bg-rgba-danger {
  background: rgba(234, 84, 85, 0.15) !important;
}

.border-danger {
  border: 1px solid #ea5455 !important;
}

.border-top-danger {
  border-top: 1px solid #ea5455;
}

.border-bottom-danger {
  border-bottom: 1px solid #ea5455;
}

.border-left-danger {
  border-left: 1px solid #ea5455;
}

.border-right-danger {
  border-right: 1px solid #ea5455;
}

.bg-danger.badge-glow,
.border-danger.badge-glow,
.badge-danger.badge-glow {
  box-shadow: 0px 0px 10px #ea5455;
}

.badge.badge-danger {
  background-color: #ea5455;
}

.overlay-danger {
  background: #ea5455;
  /* The Fallback */
  background: rgba(234, 84, 85, 0.6);
}

.btn-danger {
  border-color: #e42728 !important;
  background-color: #ea5455 !important;
  color: #fff;
}

.btn-danger:hover {
  border-color: #e73d3e !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #ea5455;
}

.btn-danger:focus,
.btn-danger:active {
  color: #fff !important;
}

.btn-flat-danger {
  background-color: transparent;
  color: #ea5455;
}

.btn-flat-danger:hover {
  color: #ea5455;
  background-color: rgba(234, 84, 85, 0.1);
}

.btn-flat-danger:active,
.btn-flat-danger:focus {
  background-color: #ea5455;
  color: #fff !important;
}

.btn-relief-danger {
  background-color: #ea5455;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}

.btn-relief-danger:hover {
  color: #fff;
}

.btn-relief-danger:active,
.btn-relief-danger:focus {
  outline: none;
  transform: translateY(3px);
}

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

.btn-outline-danger:hover {
  background-color: rgba(234, 84, 85, 0.08);
  color: #ea5455;
}

.btn-outline-danger:active {
  color: #fff !important;
}

.btn-danger ~ .dropdown-menu .dropdown-item.active,
.btn-outline-danger ~ .dropdown-menu .dropdown-item.active,
.btn-flat-danger ~ .dropdown-menu .dropdown-item.active {
  background-color: #ea5455;
  color: #fff;
}

.btn-danger ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-danger ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-danger ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}

.btn-danger ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-danger ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-danger ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #ea5455;
}

.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:hover i {
  color: #ea5455;
}

.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-danger ~ .dropdown-menu .dropdown-item:active i {
  color: #fff;
}

.bullet.bullet-danger {
  background-color: #ea5455;
}

.pagination-danger .page-item.active .page-link {
  background: #ea5455;
  color: #fff;
}

.pagination-danger .page-item.active .page-link:hover {
  color: #fff;
}

.pagination-danger .page-item .page-link:hover {
  color: #ea5455;
}

.pagination-danger .page-item.prev-item .page-link:hover,
.pagination-danger .page-item.next-item .page-link:hover {
  background: #ea5455;
  color: #fff;
}

.nav-pill-danger .nav-item .nav-link.active {
  color: #fff;
  background-color: #ea5455 !important;
}

.progress-bar-danger {
  background-color: rgba(234, 84, 85, 0.1);
}

.progress-bar-danger .progress-bar {
  background-color: #ea5455;
}

.chip-danger {
  background-color: #ea5455 !important;
}

.chip-danger .chip-body {
  color: #fff !important;
}

.divider.divider-danger .divider-text:before,
.divider.divider-danger .divider-text:after {
  border-color: #ea5455 !important;
}

input[type=checkbox].bg-danger + .custom-control-label:before,
input[type=radio].bg-danger + .custom-control-label:before {
  background-color: #ea5455 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea5455 !important;
}

.vs-checkbox-danger input:checked ~ .vs-checkbox {
  border-color: #ea5455 !important;
}

.vs-checkbox-danger input:checked ~ .vs-checkbox .vs-checkbox--check {
  background-color: #ea5455 !important;
}

.vs-checkbox-danger input:active:checked + .vs-checkbox .vs-checkbox--check {
  background-color: #ea5455 !important;
}

.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ea5455 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.vs-radio-danger input:checked ~ .vs-radio .vs-radio--circle {
  background: #ea5455 !important;
  box-shadow: 0 3px 12px 0 rgba(234, 84, 85, 0.4) !important;
}

.danger.darken-1 {
  color: #e73d3e !important;
}

.bg-danger.bg-darken-1 {
  background-color: #e73d3e !important;
}

.btn-danger.btn-darken-1 {
  border-color: #e42728 !important;
  background-color: #e73d3e !important;
}

.btn-danger.btn-darken-1:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-darken-1:focus,
.btn-danger.btn-darken-1:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-darken-1 {
  border-color: #e73d3e !important;
  color: #e73d3e !important;
}

.btn-outline-danger.btn-outline-darken-1:hover {
  background-color: #e73d3e !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e73d3e !important;
}

.border-danger.border-darken-1 {
  border: 1px solid #e73d3e !important;
}

.border-top-danger.border-top-darken-1 {
  border-top: 1px solid #e73d3e !important;
}

.border-bottom-danger.border-bottom-darken-1 {
  border-bottom: 1px solid #e73d3e !important;
}

.border-left-danger.border-left-darken-1 {
  border-left: 1px solid #e73d3e !important;
}

.border-right-danger.border-right-darken-1 {
  border-right: 1px solid #e73d3e !important;
}

.overlay-danger.overlay-darken-1 {
  background: #e73d3e;
  /* The Fallback */
  background: rgba(231, 61, 62, 0.6);
}

.danger.darken-2 {
  color: #e42728 !important;
}

.bg-danger.bg-darken-2 {
  background-color: #e42728 !important;
}

.btn-danger.btn-darken-2 {
  border-color: #e42728 !important;
  background-color: #e42728 !important;
}

.btn-danger.btn-darken-2:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-darken-2:focus,
.btn-danger.btn-darken-2:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-darken-2 {
  border-color: #e42728 !important;
  color: #e42728 !important;
}

.btn-outline-danger.btn-outline-darken-2:hover {
  background-color: #e42728 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e42728 !important;
}

.border-danger.border-darken-2 {
  border: 1px solid #e42728 !important;
}

.border-top-danger.border-top-darken-2 {
  border-top: 1px solid #e42728 !important;
}

.border-bottom-danger.border-bottom-darken-2 {
  border-bottom: 1px solid #e42728 !important;
}

.border-left-danger.border-left-darken-2 {
  border-left: 1px solid #e42728 !important;
}

.border-right-danger.border-right-darken-2 {
  border-right: 1px solid #e42728 !important;
}

.overlay-danger.overlay-darken-2 {
  background: #e42728;
  /* The Fallback */
  background: rgba(228, 39, 40, 0.6);
}

.danger.darken-3 {
  color: #d71a1c !important;
}

.bg-danger.bg-darken-3 {
  background-color: #d71a1c !important;
}

.btn-danger.btn-darken-3 {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-darken-3:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-darken-3:focus,
.btn-danger.btn-darken-3:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-darken-3 {
  border-color: #d71a1c !important;
  color: #d71a1c !important;
}

.btn-outline-danger.btn-outline-darken-3:hover {
  background-color: #d71a1c !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d71a1c !important;
}

.border-danger.border-darken-3 {
  border: 1px solid #d71a1c !important;
}

.border-top-danger.border-top-darken-3 {
  border-top: 1px solid #d71a1c !important;
}

.border-bottom-danger.border-bottom-darken-3 {
  border-bottom: 1px solid #d71a1c !important;
}

.border-left-danger.border-left-darken-3 {
  border-left: 1px solid #d71a1c !important;
}

.border-right-danger.border-right-darken-3 {
  border-right: 1px solid #d71a1c !important;
}

.overlay-danger.overlay-darken-3 {
  background: #d71a1c;
  /* The Fallback */
  background: rgba(215, 26, 28, 0.6);
}

.danger.darken-4 {
  color: #c01819 !important;
}

.bg-danger.bg-darken-4 {
  background-color: #c01819 !important;
}

.btn-danger.btn-darken-4 {
  border-color: #e42728 !important;
  background-color: #c01819 !important;
}

.btn-danger.btn-darken-4:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-darken-4:focus,
.btn-danger.btn-darken-4:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-darken-4 {
  border-color: #c01819 !important;
  color: #c01819 !important;
}

.btn-outline-danger.btn-outline-darken-4:hover {
  background-color: #c01819 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c01819 !important;
}

.border-danger.border-darken-4 {
  border: 1px solid #c01819 !important;
}

.border-top-danger.border-top-darken-4 {
  border-top: 1px solid #c01819 !important;
}

.border-bottom-danger.border-bottom-darken-4 {
  border-bottom: 1px solid #c01819 !important;
}

.border-left-danger.border-left-darken-4 {
  border-left: 1px solid #c01819 !important;
}

.border-right-danger.border-right-darken-4 {
  border-right: 1px solid #c01819 !important;
}

.overlay-danger.overlay-darken-4 {
  background: #c01819;
  /* The Fallback */
  background: rgba(192, 24, 25, 0.6);
}

.danger.accent-1 {
  color: #FFEEF1 !important;
}

.bg-danger.bg-accent-1 {
  background-color: #FFEEF1 !important;
}

.btn-danger.btn-accent-1 {
  border-color: #e42728 !important;
  background-color: #FFEEF1 !important;
}

.btn-danger.btn-accent-1:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-accent-1:focus,
.btn-danger.btn-accent-1:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-accent-1 {
  border-color: #FFEEF1 !important;
  color: #FFEEF1 !important;
}

.btn-outline-danger.btn-outline-accent-1:hover {
  background-color: #FFEEF1 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFEEF1 !important;
}

.border-danger.border-accent-1 {
  border: 1px solid #FFEEF1 !important;
}

.border-top-danger.border-top-accent-1 {
  border-top: 1px solid #FFEEF1 !important;
}

.border-bottom-danger.border-bottom-accent-1 {
  border-bottom: 1px solid #FFEEF1 !important;
}

.border-left-danger.border-left-accent-1 {
  border-left: 1px solid #FFEEF1 !important;
}

.border-right-danger.border-right-accent-1 {
  border-right: 1px solid #FFEEF1 !important;
}

.overlay-danger.overlay-accent-1 {
  background: #FFEEF1;
  /* The Fallback */
  background: rgba(255, 238, 241, 0.6);
}

.danger.accent-2 {
  color: #FFD6DB !important;
}

.bg-danger.bg-accent-2 {
  background-color: #FFD6DB !important;
}

.btn-danger.btn-accent-2 {
  border-color: #e42728 !important;
  background-color: #FFD6DB !important;
}

.btn-danger.btn-accent-2:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-accent-2:focus,
.btn-danger.btn-accent-2:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-accent-2 {
  border-color: #FFD6DB !important;
  color: #FFD6DB !important;
}

.btn-outline-danger.btn-outline-accent-2:hover {
  background-color: #FFD6DB !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFD6DB !important;
}

.border-danger.border-accent-2 {
  border: 1px solid #FFD6DB !important;
}

.border-top-danger.border-top-accent-2 {
  border-top: 1px solid #FFD6DB !important;
}

.border-bottom-danger.border-bottom-accent-2 {
  border-bottom: 1px solid #FFD6DB !important;
}

.border-left-danger.border-left-accent-2 {
  border-left: 1px solid #FFD6DB !important;
}

.border-right-danger.border-right-accent-2 {
  border-right: 1px solid #FFD6DB !important;
}

.overlay-danger.overlay-accent-2 {
  background: #FFD6DB;
  /* The Fallback */
  background: rgba(255, 214, 219, 0.6);
}

.danger.accent-3 {
  color: #FFECEE !important;
}

.bg-danger.bg-accent-3 {
  background-color: #FFECEE !important;
}

.btn-danger.btn-accent-3 {
  border-color: #e42728 !important;
  background-color: #FFECEE !important;
}

.btn-danger.btn-accent-3:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-accent-3:focus,
.btn-danger.btn-accent-3:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-accent-3 {
  border-color: #FFECEE !important;
  color: #FFECEE !important;
}

.btn-outline-danger.btn-outline-accent-3:hover {
  background-color: #FFECEE !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFECEE !important;
}

.border-danger.border-accent-3 {
  border: 1px solid #FFECEE !important;
}

.border-top-danger.border-top-accent-3 {
  border-top: 1px solid #FFECEE !important;
}

.border-bottom-danger.border-bottom-accent-3 {
  border-bottom: 1px solid #FFECEE !important;
}

.border-left-danger.border-left-accent-3 {
  border-left: 1px solid #FFECEE !important;
}

.border-right-danger.border-right-accent-3 {
  border-right: 1px solid #FFECEE !important;
}

.overlay-danger.overlay-accent-3 {
  background: #FFECEE;
  /* The Fallback */
  background: rgba(255, 236, 238, 0.6);
}

.danger.accent-4 {
  color: #FFD3D7 !important;
}

.bg-danger.bg-accent-4 {
  background-color: #FFD3D7 !important;
}

.btn-danger.btn-accent-4 {
  border-color: #e42728 !important;
  background-color: #FFD3D7 !important;
}

.btn-danger.btn-accent-4:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-accent-4:focus,
.btn-danger.btn-accent-4:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-accent-4 {
  border-color: #FFD3D7 !important;
  color: #FFD3D7 !important;
}

.btn-outline-danger.btn-outline-accent-4:hover {
  background-color: #FFD3D7 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #FFD3D7 !important;
}

.border-danger.border-accent-4 {
  border: 1px solid #FFD3D7 !important;
}

.border-top-danger.border-top-accent-4 {
  border-top: 1px solid #FFD3D7 !important;
}

.border-bottom-danger.border-bottom-accent-4 {
  border-bottom: 1px solid #FFD3D7 !important;
}

.border-left-danger.border-left-accent-4 {
  border-left: 1px solid #FFD3D7 !important;
}

.border-right-danger.border-right-accent-4 {
  border-right: 1px solid #FFD3D7 !important;
}

.overlay-danger.overlay-accent-4 {
  background: #FFD3D7;
  /* The Fallback */
  background: rgba(255, 211, 215, 0.6);
}

.danger.gradient-bg {
  color: #640064 !important;
}

.bg-danger.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-danger.btn-gradient-bg {
  border-color: #e42728 !important;
  background-color: #640064 !important;
}

.btn-danger.btn-gradient-bg:hover {
  border-color: #e42728 !important;
  background-color: #d71a1c !important;
}

.btn-danger.btn-gradient-bg:focus,
.btn-danger.btn-gradient-bg:active {
  border-color: #d71a1c !important;
  background-color: #c01819 !important;
}

.btn-outline-danger.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}

.btn-outline-danger.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-danger.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-danger.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-danger.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-danger.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-danger.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-danger.overlay-gradient-bg {
  background: #640064;
  /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

/**************************
*** Theme customization ***
***************************/

.bg-label-secondary {
  background-color: #fafafa;
}

.border-label-secondary {
  border-color: #fafafa;
}

.bg-lightgrey {
  background-color: #ededed;
}

.border-lightgrey {
  border-color: #ededed;
}

.m-1px {
  margin: 1px;
}

.m-2px {
  margin: 2px;
}

.m-3px {
  margin: 3px;
}

.m-4px {
  margin: 4px;
}

.m-5px {
  margin: 5px;
}

.m-6px {
  margin: 6px;
}

.m-7px {
  margin: 7px;
}

.m-8px {
  margin: 8px;
}

.m-9px {
  margin: 9px;
}

.m-10px {
  margin: 10px;
}

.ml-1px {
  margin-left: 1px;
}

.ml-2px {
  margin-left: 2px;
}

.ml-3px {
  margin-left: 3px;
}

.ml-4px {
  margin-left: 4px;
}

.ml-5px {
  margin-left: 5px;
}

.ml-6px {
  margin-left: 6px;
}

.ml-7px {
  margin-left: 7px;
}

.ml-8px {
  margin-left: 8px;
}

.ml-9px {
  margin-left: 9px;
}

.ml-10px {
  margin-left: 10px;
}

.mr-1px {
  margin-right: 1px;
}

.mr-2px {
  margin-right: 2px;
}

.mr-3px {
  margin-right: 3px;
}

.mr-4px {
  margin-right: 4px;
}

.mr-5px {
  margin-right: 5px;
}

.mr-6px {
  margin-right: 6px;
}

.mr-7px {
  margin-right: 7px;
}

.mr-8px {
  margin-right: 8px;
}

.mr-9px {
  margin-right: 9px;
}

.mr-10px {
  margin-right: 10px;
}

.mb-1px {
  margin-bottom: 1px;
}

.mb-2px {
  margin-bottom: 2px;
}

.mb-3px {
  margin-bottom: 3px;
}

.mb-4px {
  margin-bottom: 4px;
}

.mb-5px {
  margin-bottom: 5px;
}

.mb-6px {
  margin-bottom: 6px;
}

.mb-7px {
  margin-bottom: 7px;
}

.mb-8px {
  margin-bottom: 8px;
}

.mb-9px {
  margin-bottom: 9px;
}

.mb-10px {
  margin-bottom: 10px;
}

.mb-12px {
  margin-bottom: 12px;
}

.mb-14px {
  margin-bottom: 14px;
}

.mb-16px {
  margin-bottom: 16px;
}

.mb-18px {
  margin-bottom: 18px;
}

.mb-20px {
  margin-bottom: 20px;
}

.mt-1px {
  margin-top: 1px;
}

.mt-2px {
  margin-top: 2px;
}

.mt-3px {
  margin-top: 3px;
}

.mt-4px {
  margin-top: 4px;
}

.mt-5px {
  margin-top: 5px;
}

.mt-6px {
  margin-top: 6px;
}

.mt-7px {
  margin-top: 7px;
}

.mt-8px {
  margin-top: 8px;
}

.mt-9px {
  margin-top: 9px;
}

.mt-10px {
  margin-top: 10px;
}

.p-1px {
  padding: 1px;
}

.p-2px {
  padding: 2px;
}

.p-3px {
  padding: 3px;
}

.p-4px {
  padding: 4px;
}

.p-5px {
  padding: 5px;
}

.p-6px {
  padding: 6px;
}

.p-7px {
  padding: 7px;
}

.p-8px {
  padding: 8px;
}

.p-9px {
  padding: 9px;
}

.p-10px {
  padding: 10px;
}

.pl-1px {
  padding-left: 1px;
}

.pl-2px {
  padding-left: 2px;
}

.pl-3px {
  padding-left: 3px;
}

.pl-4px {
  padding-left: 4px;
}

.pl-5px {
  padding-left: 5px;
}

.pl-6px {
  padding-left: 6px;
}

.pl-7px {
  padding-left: 7px;
}

.pl-8px {
  padding-left: 8px;
}

.pl-9px {
  padding-left: 9px;
}

.pl-10px {
  padding-left: 10px;
}

.pr-1px {
  padding-right: 1px;
}

.pr-2px {
  padding-right: 2px;
}

.pr-3px {
  padding-right: 3px;
}

.pr-4px {
  padding-right: 4px;
}

.pr-5px {
  padding-right: 5px;
}

.pr-6px {
  padding-right: 6px;
}

.pr-7px {
  padding-right: 7px;
}

.pr-8px {
  padding-right: 8px;
}

.pr-9px {
  padding-right: 9px;
}

.pr-10px {
  padding-right: 10px;
}

.pb-1px {
  padding-bottom: 1px;
}

.pb-2px {
  padding-bottom: 2px;
}

.pb-3px {
  padding-bottom: 3px;
}

.pb-4px {
  padding-bottom: 4px;
}

.pb-5px {
  padding-bottom: 5px;
}

.pb-6px {
  padding-bottom: 6px;
}

.pb-7px {
  padding-bottom: 7px;
}

.pb-8px {
  padding-bottom: 8px;
}

.pb-9px {
  padding-bottom: 9px;
}

.pb-10px {
  padding-bottom: 10px;
}

.pt-1px {
  padding-top: 1px;
}

.pt-2px {
  padding-top: 2px;
}

.pt-3px {
  padding-top: 3px;
}

.pt-4px {
  padding-top: 4px;
}

.pt-5px {
  padding-top: 5px;
}

.pt-6px {
  padding-top: 6px;
}

.pt-7px {
  padding-top: 7px;
}

.pt-8px {
  padding-top: 8px;
}

.pt-9px {
  padding-top: 9px;
}

.pt-10px {
  padding-top: 10px;
}

.pt-01 {
  padding-top: 0.1rem;
}

.pt-02 {
  padding-top: 0.2rem;
}

.pt-03 {
  padding-top: 0.3rem;
}

.pt-04 {
  padding-top: 0.4rem;
}

.pt-05 {
  padding-top: 0.5rem;
}

.pt-06 {
  padding-top: 0.6rem;
}

.pt-07 {
  padding-top: 0.7rem;
}

.pt-08 {
  padding-top: 0.8rem;
}

.pt-09 {
  padding-top: 0.9rem;
}

.pb-01 {
  padding-bottom: 0.1rem;
}

.pb-02 {
  padding-bottom: 0.2rem;
}

.pb-03 {
  padding-bottom: 0.3rem;
}

.pb-04 {
  padding-bottom: 0.4rem;
}

.pb-05 {
  padding-bottom: 0.5rem;
}

.pb-06 {
  padding-bottom: 0.6rem;
}

.pb-07 {
  padding-bottom: 0.7rem;
}

.pb-08 {
  padding-bottom: 0.8rem;
}

.pb-09 {
  padding-bottom: 0.9rem;
}

.col-fw-10 {
  flex: 0 0 10px;
}

.col-fw-20 {
  flex: 0 0 20px;
}

.col-fw-30 {
  flex: 0 0 30px;
}

.col-fw-40 {
  flex: 0 0 40px;
}

.col-fw-50 {
  flex: 0 0 50px;
}

.col-fw-60 {
  flex: 0 0 60px;
}

.col-fw-70 {
  flex: 0 0 70px;
}

.col-fw-80 {
  flex: 0 0 80px;
}

.col-fw-90 {
  flex: 0 0 90px;
}

.col-fw-100 {
  flex: 0 0 100px;
}

.col-fw-110 {
  flex: 0 0 110px;
}

.col-fw-120 {
  flex: 0 0 120px;
}

.col-fw-130 {
  flex: 0 0 130px;
}

.col-fw-140 {
  flex: 0 0 140px;
}

.col-fw-150 {
  flex: 0 0 150px;
}

.tx-05 {
  font-size: 0.5rem;
}

.tx-06 {
  font-size: 0.6rem;
}

.tx-07 {
  font-size: 0.7rem;
}

.tx-08 {
  font-size: 0.8rem;
}

.tx-09 {
  font-size: 0.9rem;
}

.tx-1 {
  font-size: 1rem;
}

.tx-11 {
  font-size: 1.1rem;
}

.tx-12 {
  font-size: 1.2rem;
}

.tx-13 {
  font-size: 1.3rem;
}

.tx-14 {
  font-size: 1.4rem;
}

.tx-15 {
  font-size: 1.5rem;
}

.tx-16 {
  font-size: 1.6rem;
}

.tx-17 {
  font-size: 1.7rem;
}

.tx-18 {
  font-size: 1.8rem;
}

.tx-19 {
  font-size: 1.9rem;
}

.tx-2 {
  font-size: 2rem;
}

.tx-21 {
  font-size: 2.1rem;
}

.tx-22 {
  font-size: 2.2rem;
}

.tx-23 {
  font-size: 2.3rem;
}

.tx-24 {
  font-size: 2.4rem;
}

.tx-25 {
  font-size: 2.5rem;
}

.tx-26 {
  font-size: 2.6rem;
}

.tx-27 {
  font-size: 2.7rem;
}

.tx-28 {
  font-size: 2.8rem;
}

.tx-29 {
  font-size: 2.9rem;
}

.mt-10 {
  margin-top: 5rem;
}

.mt-5r {
  margin-top: 5rem;
}

.mt-6r {
  margin-top: 6rem;
}

.mt-7r {
  margin-top: 7rem;
}

.mt-8r {
  margin-top: 8rem;
}

.mt-9r {
  margin-top: 9rem;
}

.mt-10r {
  margin-top: 10rem;
}

.mb--5px {
  margin-bottom: -5px;
}

.lh-1 {
  line-height: 1rem !important;
}

.text-black {
  color: #2c2c2c;
}

.overflow {
  overflow: hidden;
}

.border-inside {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
}

.status_sidebar {
  position: absolute;
  width: 6px;
  height: 100%;
  /*border-top-left-radius: 20px;*/
  /*border-bottom-left-radius: 20px;*/
  top: 0;
  left: 0;
}

.locale-label {
  text-transform: uppercase;
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
  padding: 3px 5px;
  font-weight: 600;
  display: inline-block;
}

.form-group .position-relative .counter-value {
  margin-top: -21px;
}

.route_orders_list {
  position: relative;
  cursor: pointer;
  border: 1px #fff solid;
  border-radius: 4px;
  padding: 4px 10px;
  margin-bottom: 0.5rem !important;
}

.route_orders_list_column {
  height: 600px;
  padding: 10px 0 10px 10px;
  overflow: auto !important;
}

.route_orders_added_list_column {
  height: 600px;
  padding: 10px 0;
  overflow-x: hidden;
  overflow-y: scroll !important;
}

.order_map_item {
  border: 1px solid #fff;
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
  padding: 4px 10px;
}

.map_item_added,
.k-maps-directions,
.map_item_selected {
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f8f8f8;
  margin-bottom: 5px;
  position: relative;
}

.orders_list_statuses {
  position: absolute;
  top: 0;
  height: 39px;
  left: -10px;
  width: 3px;
  border-radius: 2px;
}

.map_container {
  height: 560px;
}

#map {
  float: left;
  width: 100%;
  height: 540px;
}

.timeline-info {
  border-radius: 6px;
  border-top-left-radius: 0;
  position: relative;
}

.timeline-info--with-border {
  border: 2px solid;
}

.timeline-info--no-border {
  border: none !important;
}

.timeline-info__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.15;
  z-index: 0;
}

.timeline-info__border-right {
  border-right: 2px solid;
}

.timeline-info .locale-label {
  padding: 2px 5px;
}

.break_time {
  border: 1px solid #e2e0fa;
  border-radius: 5px;
  width: 50px;
  font-weight: 400;
  font-size: 0.9rem;
  padding-left: 5px;
  margin-right: 4px;
}

.activity-timeline.timeline-left li .custom_timeline_icon {
  position: absolute;
  top: 0;
  left: -4.3rem;
  width: 60px;
  padding: 0.3rem 0 0.3rem 0.7rem;
  display: flex;
  align-items: center;
  border-radius: 0;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  display: inline;
  border-right: none;
}

.custom_timeline_icon .lp {
  color: rgba(255, 255, 255, 0.5);
}

.car_volumes.error {
  color: #ea5455;
}

.select-custom label {
  color: rgba(34, 41, 47, 0.4) !important;
  padding: 0.25rem 0;
  font-size: 0.7rem;
  top: -20px;
  left: 3px;
  position: absolute;
}

.route_orders_added_list_column {
  counter-reset: section;
}

.route_orders_added_list_column .map_item_selected {
  position: relative;
}

.route_orders_added_list_column .map_item_selected::after {
  counter-increment: section;
  content: counter(section);
  color: #333;
  position: absolute;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  top: -1px;
  margin-top: 0;
  right: -1px;
  background-color: #ddd;
  border-bottom: 1px solid #ddd;
  border-top-right-radius: 6px;
  font-size: 11px;
}

/**
==========================
 */

.info-window {
  position: absolute;
  bottom: 30px;
  right: 50%;
  display: none;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  text-align: left;
  transform: translate(50%, 0);
  z-index: 9999;
  width: 400px;
}

.info-window:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: white transparent transparent transparent;
}

.map {
  height: 560px;
}

.map__content {
  width: 100%;
  height: 540px;
  position: relative;
}

.map__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.map__loader--transparent {
  background-color: rgba(255, 255, 255, 0.5);
}

.map__marker-container:hover .info-window {
  display: block;
}

.map__marker {
  position: absolute;
  top: -28px;
  right: -26px;
  padding: 0 5px;
  line-height: 16px;
  font-size: 9px;
  text-align: center;
  white-space: nowrap;
  width: auto;
  cursor: pointer;
  border: 2px solid black;
  z-index: 2;
}

.map__marker--danger {
  border-color: red !important;
  background-color: red !important;
}

.map__marker--warning {
  border-color: red !important;
}

.map__marker--selected {
  z-index: 1;
}

.map__marker-arrow {
  position: absolute;
  bottom: -12px;
  right: -2px;
  height: 12px;
  width: 26px;
}

.map__marker-arrow path {
  stroke: black;
  stroke-width: 2px;
}

.map__marker-arrow--danger path {
  stroke: red !important;
  fill: red !important;
}

.map__marker-arrow--warning path {
  stroke: red;
}

.order-map__item {
  border: 1px solid #fff;
  border-radius: 4px;
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
  padding: 4px 10px;
  min-height: 45px;
}

.order-map__item--danger {
  border-color: red !important;
}

.order-map__item--danger:before {
  position: absolute;
  top: -7px;
  left: -7px;
  content: "!";
  height: 14px;
  width: 14px;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  border-radius: 50%;
  color: white;
  background-color: red;
  z-index: 10;
}

.order-map__item--warning {
  border-color: red !important;
}

.order-map__item--added {
  border: 1px solid #ddd;
  background: #f8f8f8;
}

.order-map__item--added:hover .order-map__button {
  display: inline-block;
  visibility: visible;
}

.route-orders {
  height: 600px;
  padding: 10px 0 10px 10px;
  overflow: auto !important;
}

.route-orders--selected {
  padding: 10px 0;
  overflow-x: hidden;
  overflow-y: scroll !important;
  counter-reset: section;
}

.route-orders--selected .order-map__counter {
  color: white;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  bottom: 0;
  margin-top: -10px;
  right: -2px;
  border-radius: 50%;
}

.route-orders--selected .order-map__counter::after {
  counter-increment: section;
  content: counter(section);
}

.order-map__delivery {
  color: white;
  position: absolute;
  width: 12px;
  height: 12px;
  line-height: 20px;
  text-align: center;
  top: 10px;
  margin-top: -10px;
  right: 0;
  border-radius: 50%;
}

.cluster-marker {
  color: #fff;
  background: #746ced;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.cluster-marker::after {
  position: absolute;
  border-radius: 50%;
  content: "";
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-color: rgba(116, 108, 237, 0.5);
  z-index: -1;
}

.cluster-marker::before {
  position: absolute;
  border-radius: 50%;
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: rgba(116, 108, 237, 0.2);
  z-index: -1;
}

.stage {
  padding: 10px;
  margin-bottom: 20px;
  min-height: 40px;
  display: flex;
  flex-direction: column;
}

.stage--active {
  background-color: black;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stage-container {
  border-radius: 4px;
  border: 2px solid;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}

.stage-container:last-child {
  margin-bottom: 0;
}

.stage-container__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.15;
}

.form-cover {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.form-cover__background {
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: gray;
  opacity: 0.85;
}

.form-cover__text {
  color: white;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-cover__icon {
  font-size: 60px;
  margin-bottom: 20px;
}

.start-point-marker {
  position: absolute;
  top: -28px;
  left: -29px;
}

.start-point-marker .shp0 {
  fill: #b9c2cc;
  stroke: #ffffff;
  paint-order: stroke fill markers;
  stroke-width: 8;
}

.start-point-marker .shp1 {
  fill: #ffffff;
}

.end-point-marker {
  position: absolute;
  top: -28px;
  left: 0;
}

.end-point-marker .shp0 {
  fill: #746ced;
  stroke: #ffffff;
  paint-order: stroke fill markers;
  stroke-width: 8;
}

.end-point-marker .shp1 {
  fill: #ffffff;
}

.btn.btn-xs.btn-icon {
  padding: 1px 3px;
}

.btn.btn-xs.btn-icon i {
  font-size: 12px;
}

.markerBringIcon {
  background: #000;
  position: absolute;
  font-weight: 600;
  color: #ea5455;
  top: -2px;
  right: 0;
  width: 24px;
  margin-right: -24px;
  border: 2px black solid;
}

.markerOverDueIcon {
  background: #ea5455;
  font-weight: 600;
  color: #fff;
  width: 24px;
  border: 2px black solid;
}

.markerLeftIcons {
  position: absolute;
  top: -2px;
  right: 100%;
  display: flex;
}

.markerCollectIcon {
  background: #000;
  font-weight: 600;
  color: #28c76f;
  min-width: 24px;
  border: 2px black solid;
}

.markerFromStock {
  background: #ff9f43;
  font-weight: 600;
  color: #000;
  min-width: 24px;
  border: 2px black solid;
}

.markerRelated {
  background: #000;
  font-weight: 600;
  color: red;
  min-width: 24px;
  border: 2px black solid;
}

.logs .info-column {
  width: 200px;
}

.car-log__wrapper {
  display: flex;
}

.car-log__status {
  margin-right: 20px;
}

.car-log__content {
  flex-grow: 1;
}

.car-log__photos {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}

.car-log__info {
  display: flex;
  align-items: center;
}

.car-log__name {
  margin-right: 10px;
}

.car-log__photos-title {
  margin-bottom: 20px;
}

.car-log__note {
  padding-right: 5px;
}

.car-log__photo-container {
  border: 1px solid lightgray;
  border-radius: 10px;
  padding: 10px;
}

.car-log__photo {
  display: block;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover,
.dropbtn:focus {
  background-color: #3e8e41;
}

#myInput {
  box-sizing: border-box;
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

#myInput:focus {
  outline: 3px solid #ddd;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}