.box-preview {
  position: relative;
  width: 100%;
  margin-bottom: 0.5rem;
}
.box-preview .preview-desc {
  position: relative;
  width: 100%;
  margin-bottom: 0.75rem;
}
.box-preview .preview-desc .preupload {
  position: relative;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 222px;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  border: 3px dotted #dee1e6;
  border-radius: 10px;
  overflow: hidden;
  padding: 1rem;
}
.box-preview .preview-desc .preupload-img {
  position: relative;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border: 3px dotted #dee1e6;
  border-radius: 10px;
  overflow: hidden;
  padding: 1rem;
}
.box-preview .preview-desc .preupload-img .box-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}
.box-preview .preview-desc .preupload-img .box-img.h-50::before {
  padding-top: 50%;
}
.box-preview .preview-desc .preupload-img .box-img.h-75::before {
  padding-top: 75%;
}
.box-preview .preview-desc .preupload-img .box-img h5 {
  font-weight: 400;
  margin-bottom: 0;
}
.box-preview .preview-desc .preupload-img .box-img img {
  width: 100%;
  height: auto;
}
.box-preview .preview-desc .preupload-desc {
  position: relative;
  padding-block: 1rem;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.box-preview .preview-desc .preupload-desc ul {
  width: 100%;
  padding: 0;
}
.box-preview .preview-desc .preupload-desc ul li {
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e2e8f0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.box-preview .preview-desc .preupload-desc ul li > span:first-child {
  width: 30%;
  font-weight: 500;
}
.box-preview .preview-desc .preupload-desc ul li > span:last-child {
  width: 70%;
  text-align: right;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

body {
  background: #f5f5f5;
}

.bg-body {
  background: #f5f5f5 !important;
}

.text-primary {
  color: #26b4ff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #008ed9 !important;
}

.bg-primary {
  background-color: #26b4ff !important;
}

a.bg-primary:hover, a.bg-primary:focus {
  background-color: #24abf2 !important;
}

.bg-primary-dark {
  background-color: #22a2e6 !important;
}

a.bg-primary-dark:hover, a.bg-primary-dark:focus {
  background-color: #209adb !important;
}

.bg-primary-darker {
  background-color: #2099d9 !important;
}

a.bg-primary-darker:hover, a.bg-primary-darker:focus {
  background-color: #1e91ce !important;
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
  border-color: #26b4ff !important;
}

.badge-primary {
  background-color: #26b4ff;
  color: #fff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  background-color: #24abf2;
  color: #fff;
  text-decoration: none;
}

.btn .badge-primary {
  background: #26b4ff !important;
  border-color: #26b4ff !important;
  color: #fff !important;
}

.badge-outline-primary {
  background-color: transparent;
  box-shadow: 0 0 0 1px #26b4ff inset;
  color: #26b4ff;
}

.badge-outline-primary[href]:hover, .badge-outline-primary[href]:focus {
  color: #26b4ff;
  text-decoration: none;
}

.btn .badge-outline-primary {
  background-color: transparent !important;
  box-shadow: 0 0 0 1px #26b4ff inset !important;
  color: #26b4ff !important;
}

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
  border-color: #26b4ff;
  background-color: #26b4ff;
  color: #fff;
}

.progress-bar {
  background-color: #26b4ff;
  color: #fff;
}

.list-group-item-primary {
  border-color: rgba(0, 0, 0, 0.07);
  background-color: #e9f8ff;
  color: #5d6366;
}

a.list-group-item-primary,
button.list-group-item-primary {
  color: #5d6366;
}
a.list-group-item-primary:hover, a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
  background-color: #e7f6fc;
  color: #5d6366;
}
a.list-group-item-primary.active,
button.list-group-item-primary.active {
  border-color: #26b4ff;
  background-color: #26b4ff;
  color: #5d6366;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  border-color: #26b4ff;
  background-color: #26b4ff;
  color: #fff;
}

.alert-primary {
  border-color: #d1e5f0;
  background-color: #def4ff;
  color: #596266;
}
.alert-primary hr {
  border-top-color: #d1e5f0;
}
.alert-primary .alert-link {
  color: #596266;
}

.alert-dark-primary {
  background-color: #26b4ff;
  color: #fff;
}
.alert-dark-primary hr {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.alert-dark-primary .close,
.alert-dark-primary .alert-link {
  color: #fff;
}

.tooltip-primary .tooltip-inner, .tooltip-primary > .tooltip .tooltip-inner, .ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner {
  background: #26b4ff;
  color: #fff;
}
.tooltip-primary.bs-tooltip-top .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-top .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-top .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #26b4ff;
}
.tooltip-primary.bs-tooltip-right .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-right .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-right .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #26b4ff;
}
.tooltip-primary.bs-tooltip-bottom .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-bottom .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-bottom .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #26b4ff;
}
.tooltip-primary.bs-tooltip-left .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-left .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-left .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #26b4ff;
}

.popover-primary, .popover-primary > .popover, .ngb-popover-primary + ngb-popover-window {
  border-color: transparent;
  background: #26b4ff;
}
.popover-primary .popover-header, .popover-primary > .popover .popover-header, .ngb-popover-primary + ngb-popover-window .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #fff;
}
.popover-primary .popover-body, .popover-primary > .popover .popover-body, .ngb-popover-primary + ngb-popover-window .popover-body {
  background: transparent;
  color: #fff;
}
.popover-primary > .arrow::before, .popover-primary > .popover > .arrow::before, .ngb-popover-primary + ngb-popover-window > .arrow::before {
  border-color: transparent;
}
.popover-primary.bs-popover-top > .arrow::after, .popover-primary.bs-popover-auto[x-placement^=top] > .arrow::after, .popover-primary > .popover.bs-popover-top > .arrow::after, .popover-primary > .popover.bs-popover-auto[x-placement^=top] > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-top > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: #26b4ff;
}
.popover-primary.bs-popover-right > .arrow::after, .popover-primary.bs-popover-auto[x-placement^=right] > .arrow::after, .popover-primary > .popover.bs-popover-right > .arrow::after, .popover-primary > .popover.bs-popover-auto[x-placement^=right] > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-right > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: #26b4ff;
}
.popover-primary.bs-popover-bottom > .arrow::after, .popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::after, .popover-primary > .popover.bs-popover-bottom > .arrow::after, .popover-primary > .popover.bs-popover-auto[x-placement^=bottom] > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-bottom > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: #26b4ff;
}
.popover-primary.bs-popover-left > .arrow::after, .popover-primary.bs-popover-auto[x-placement^=left] > .arrow::after, .popover-primary > .popover.bs-popover-left > .arrow::after, .popover-primary > .popover.bs-popover-auto[x-placement^=left] > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-left > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: #26b4ff;
}

.table .table-primary,
.table .table-primary > th,
.table .table-primary > td {
  border-color: rgba(0, 0, 0, 0.035) !important;
  background-color: #e9f8ff;
  color: #5d6366;
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #e7f6fc;
}

.btn-primary {
  border-color: transparent;
  background: #26b4ff;
  color: #fff;
}
.btn-primary:hover {
  border-color: transparent;
  background: #24abf2;
  color: #fff;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(38, 180, 255, 0.4);
}
.btn-primary.disabled, .btn-primary:disabled {
  border-color: transparent !important;
  background: #26b4ff !important;
  box-shadow: none !important;
  color: #fff !important;
}

.btn-primary .badge {
  background: #fff;
  color: #26b4ff;
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  border-color: transparent;
  background: #219dde;
  box-shadow: none;
}

.btn-group .btn-primary,
.input-group-prepend .btn-primary,
.input-group-append .btn-primary {
  border-right: 1px solid #219dde;
  border-left: 1px solid #219dde;
}

.btn-outline-primary {
  border-color: #26b4ff;
  background: transparent;
  color: #26b4ff;
}
.btn-outline-primary:hover {
  border-color: transparent;
  background: #26b4ff;
  color: #fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(38, 180, 255, 0.4);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  border-color: #26b4ff !important;
  background: transparent !important;
  color: #26b4ff !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  border-color: transparent;
  background: #24abf2;
  color: #fff;
  box-shadow: none;
}

.btn-outline-primary .badge {
  background: #26b4ff;
  border-color: #26b4ff;
  color: #fff;
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show > .btn-outline-primary.dropdown-toggle .badge {
  background: #fff;
  border-color: #fff;
  color: #26b4ff;
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
  background-color: #26b4ff;
  color: #fff;
}

.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
  background-color: #26b4ff;
  color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  background-color: #26b4ff;
  color: #fff;
}

.tabs-alt.nav-tabs .nav-link.active, .tabs-alt.nav-tabs .nav-link.active:hover, .tabs-alt.nav-tabs .nav-link.active:focus,
.tabs-alt > .nav-tabs .nav-link.active,
.tabs-alt > .nav-tabs .nav-link.active:hover,
.tabs-alt > .nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 #26b4ff inset;
}

.custom-control .custom-control-input:focus ~ .custom-control-label::before, .custom-control .custom-control-input:active ~ .custom-control-label::before {
  border-color: #26b4ff;
}
.custom-control .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 2px rgba(38, 180, 255, 0.4);
}
.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #26b4ff;
  background-color: #26b4ff;
}
.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E");
}
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #26b4ff;
}
.custom-file-input:focus ~ .custom-file-label::after {
  border-color: inherit;
}

.form-control:focus,
.custom-select:focus {
  border-color: #26b4ff;
}

.switcher-input:checked ~ .switcher-indicator {
  background: #26b4ff;
  color: #fff;
}

.switcher-input:focus ~ .switcher-indicator {
  box-shadow: 0 0 0 2px rgba(38, 180, 255, 0.4);
}

.switcher-input:active ~ .switcher-indicator {
  box-shadow: none;
}

.navbar.bg-primary {
  background-color: #26b4ff !important;
  color: #daf2ff;
}
.navbar.bg-primary .navbar-brand {
  color: #fff;
}
.navbar.bg-primary .navbar-brand:hover, .navbar.bg-primary .navbar-brand:focus {
  color: #fff;
}
.navbar.bg-primary .navbar-nav .nav-link {
  color: #daf2ff;
}
.navbar.bg-primary .navbar-nav .nav-link:hover, .navbar.bg-primary .navbar-nav .nav-link:focus {
  color: #fff;
}
.navbar.bg-primary .navbar-nav .nav-link.disabled {
  color: #92d9ff !important;
}
.navbar.bg-primary .navbar-nav .show > .nav-link,
.navbar.bg-primary .navbar-nav .active > .nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-primary .navbar-toggler {
  color: #daf2ff;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-primary .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar.bg-primary .navbar-text {
  color: #daf2ff;
}
.navbar.bg-primary .navbar-text a {
  color: #fff;
}
.navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-primary hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.sidenav.bg-primary {
  background-color: #26b4ff !important;
  color: #daf2ff;
}
.sidenav.bg-primary .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev,
.sidenav.bg-primary .sidenav-horizontal-next {
  color: #daf2ff;
}
.sidenav.bg-primary .sidenav-link:hover, .sidenav.bg-primary .sidenav-link:focus,
.sidenav.bg-primary .sidenav-horizontal-prev:hover,
.sidenav.bg-primary .sidenav-horizontal-prev:focus,
.sidenav.bg-primary .sidenav-horizontal-next:hover,
.sidenav.bg-primary .sidenav-horizontal-next:focus {
  color: #fff;
}
.sidenav.bg-primary .sidenav-link.active,
.sidenav.bg-primary .sidenav-horizontal-prev.active,
.sidenav.bg-primary .sidenav-horizontal-next.active {
  color: #fff;
}
.sidenav.bg-primary .sidenav-item.disabled .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev.disabled,
.sidenav.bg-primary .sidenav-horizontal-next.disabled {
  color: #92d9ff !important;
}
.sidenav.bg-primary .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
.sidenav.bg-primary .sidenav-item.active > .sidenav-link {
  color: #fff;
}
.sidenav.bg-primary .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: #24abf2;
}
.sidenav.bg-primary.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: #22a2e6;
}
.sidenav.bg-primary.sidenav-horizontal .sidenav-inner > .sidenav-item:not(.sidenav-item-closing) > .sidenav-menu, .sidenav.bg-primary.sidenav-horizontal .sidenav-inner > .sidenav-item.open > .sidenav-toggle {
  background: #24abf2;
}
.sidenav.bg-primary .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
  background: transparent;
  color: #daf2ff;
}
.sidenav.bg-primary .sidenav-text {
  color: #fff;
}
.sidenav.bg-primary .sidenav-header {
  color: #ade3ff;
}
.sidenav.bg-primary hr,
.sidenav.bg-primary .sidenav-divider,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.sidenav.bg-primary .sidenav-inner > .sidenav-header::before,
.sidenav.bg-primary .sidenav-block::before {
  background-color: rgba(255, 255, 255, 0.15);
}
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
  background-color: #45b8f4;
}
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
  background-color: #fff;
}
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
  box-shadow: 0 0 0 2px #24abf2;
}
.sidenav.bg-primary .ps__thumb-y,
.sidenav.bg-primary .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.6291639216) !important;
}

.footer.bg-primary {
  background-color: #26b4ff !important;
  color: #daf2ff;
}
.footer.bg-primary .footer-link {
  color: #daf2ff;
}
.footer.bg-primary .footer-link:hover, .footer.bg-primary .footer-link:focus {
  color: #fff;
}
.footer.bg-primary .footer-link.disabled {
  color: #92d9ff !important;
}
.footer.bg-primary .footer-text {
  color: #fff;
}
.footer.bg-primary .show > .footer-link,
.footer.bg-primary .active > .footer-link,
.footer.bg-primary .footer-link.show,
.footer.bg-primary .footer-link.active {
  color: #fff;
}
.footer.bg-primary hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.bg-primary.bs4-toast {
  color: #fff;
  background-color: rgba(38, 180, 255, 0.9) !important;
}
.bg-primary.bs4-toast .toast-header {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.fill-primary {
  fill: #26b4ff;
}

.noUi-primary .noUi-base .noUi-connect {
  background: #26b4ff !important;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar button:hover,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #26b4ff !important;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #26b4ff !important;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #26b4ff !important;
}

.dropzone.dz-drag-hover {
  border-color: #26b4ff !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #26b4ff !important;
}

.sk-primary.sk-rotating-plane,
.sk-primary.sk-double-bounce .sk-child,
.sk-primary.sk-wave .sk-rect,
.sk-primary.sk-wandering-cubes .sk-cube,
.sk-primary.sk-spinner-pulse,
.sk-primary.sk-chasing-dots .sk-child,
.sk-primary.sk-three-bounce .sk-child,
.sk-primary.sk-circle .sk-child:before,
.sk-primary.sk-cube-grid .sk-cube,
.sk-primary.sk-fading-circle .sk-circle:before,
.sk-primary.sk-folding-cube .sk-cube:before {
  background-color: #26b4ff;
}

.plyr input[type=range]::-ms-fill-lower {
  background: #26b4ff !important;
}

.plyr input[type=range]:active::-webkit-slider-thumb {
  background: #26b4ff !important;
}
.plyr input[type=range]:active::-moz-range-thumb {
  background: #26b4ff !important;
}
.plyr input[type=range]:active::-ms-thumb {
  background: #26b4ff !important;
}

.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
  background: #26b4ff !important;
  color: #fff !important;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover {
  background: #26b4ff !important;
  color: #fff !important;
}

.plyr__play-large {
  background: #26b4ff !important;
  color: #fff !important;
}

.plyr__progress--played,
.plyr__volume--display {
  color: #26b4ff !important;
}

.vue-slider-primary .vue-slider-process,
.vue-slider-primary .vue-slider-mark-step-active {
  background: #26b4ff !important;
}
.vue-slider-primary .vue-slider-dot-tooltip-inner {
  background: #26b4ff !important;
  color: #fff !important;
}

.multiselect__spinner:before,
.multiselect__spinner:after {
  border-top-color: #26b4ff !important;
}

.multiselect--active .multiselect__tags {
  border-color: #26b4ff !important;
}

.multiselect__option--highlight,
.multiselect__option--selected.multiselect__option--highlight {
  background: #26b4ff !important;
  color: #fff !important;
}

.multiselect-primary .multiselect__tag {
  background: #26b4ff !important;
  color: #fff !important;
}

.input-tag-primary .input-tag {
  background: #26b4ff !important;
  color: #fff !important;
}

.vdp-datepicker__calendar .selected {
  background: #26b4ff !important;
  color: #fff !important;
}

.vdp-datepicker__calendar .cell.day.highlighted {
  background: #def4ff;
  color: #596266;
}

.flatpickr-calendar .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}

.flatpickr-month,
span.flatpickr-weekday {
  background: #26b4ff;
  color: #fff;
  fill: #fff;
}

.flatpickr-weekdays {
  background: #26b4ff;
}

.flatpickr-day.today {
  border-color: #26b4ff;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
  border-color: #def4ff !important;
  background: #def4ff !important;
  color: #596266 !important;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.week.selected {
  border-color: #26b4ff !important;
  background: #26b4ff !important;
  color: #fff !important;
}

.sweet-modal ul.sweet-modal-tabs li.sweet-modal-tab.active a {
  color: #26b4ff !important;
}

.notification.vue-notification {
  background: #26b4ff;
  color: #fff;
}

.vue-form-wizard .wizard-nav > li.active .wizard-icon-circle {
  border-color: #26b4ff !important;
  color: #26b4ff;
}

.cv-event {
  background: rgba(38, 180, 255, 0.15) !important;
}

.cv-day.draghover {
  box-shadow: inset 0 0 0 0.125rem #26b4ff !important;
}

.cv-day.today {
  background: rgba(38, 180, 255, 0.05) !important;
}

.ui-product-color.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #26b4ff !important;
}

.bg-navbar-theme {
  background-color: #fff !important;
  color: #a3a4a6;
}
.bg-navbar-theme .navbar-brand {
  color: #4e5155;
}
.bg-navbar-theme .navbar-brand:hover, .bg-navbar-theme .navbar-brand:focus {
  color: #4e5155;
}
.bg-navbar-theme .navbar-nav .nav-link {
  color: #a3a4a6;
}
.bg-navbar-theme .navbar-nav .nav-link:hover, .bg-navbar-theme .navbar-nav .nav-link:focus {
  color: #4e5155;
}
.bg-navbar-theme .navbar-nav .nav-link.disabled {
  color: #c8c8ca !important;
}
.bg-navbar-theme .navbar-nav .show > .nav-link,
.bg-navbar-theme .navbar-nav .active > .nav-link,
.bg-navbar-theme .navbar-nav .nav-link.show,
.bg-navbar-theme .navbar-nav .nav-link.active {
  color: #4e5155;
}
.bg-navbar-theme .navbar-toggler {
  color: #a3a4a6;
  border-color: rgba(78, 81, 85, 0.075);
}
.bg-navbar-theme .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(24, 28, 33, 0.4)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.bg-navbar-theme .navbar-text {
  color: #a3a4a6;
}
.bg-navbar-theme .navbar-text a {
  color: #4e5155;
}
.bg-navbar-theme .navbar-text a:hover, .bg-navbar-theme .navbar-text a:focus {
  color: #4e5155;
}
.bg-navbar-theme hr {
  border-color: rgba(78, 81, 85, 0.075);
}

.layout-navbar {
  box-shadow: 0 1px 0 rgba(24, 28, 33, 0.06);
}

.bg-sidenav-theme {
  background-color: #2e323a !important;
  color: #838790;
}
.bg-sidenav-theme .sidenav-link,
.bg-sidenav-theme .sidenav-horizontal-prev,
.bg-sidenav-theme .sidenav-horizontal-next {
  color: #838790;
}
.bg-sidenav-theme .sidenav-link:hover, .bg-sidenav-theme .sidenav-link:focus,
.bg-sidenav-theme .sidenav-horizontal-prev:hover,
.bg-sidenav-theme .sidenav-horizontal-prev:focus,
.bg-sidenav-theme .sidenav-horizontal-next:hover,
.bg-sidenav-theme .sidenav-horizontal-next:focus {
  color: #fff;
}
.bg-sidenav-theme .sidenav-link.active,
.bg-sidenav-theme .sidenav-horizontal-prev.active,
.bg-sidenav-theme .sidenav-horizontal-next.active {
  color: #fff;
}
.bg-sidenav-theme .sidenav-item.disabled .sidenav-link,
.bg-sidenav-theme .sidenav-horizontal-prev.disabled,
.bg-sidenav-theme .sidenav-horizontal-next.disabled {
  color: #61656e !important;
}
.bg-sidenav-theme .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
.bg-sidenav-theme .sidenav-item.active > .sidenav-link {
  color: #fff;
}
.bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: #383c44;
}
.bg-sidenav-theme.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: #42464d;
}
.bg-sidenav-theme.sidenav-horizontal .sidenav-inner > .sidenav-item:not(.sidenav-item-closing) > .sidenav-menu, .bg-sidenav-theme.sidenav-horizontal .sidenav-inner > .sidenav-item.open > .sidenav-toggle {
  background: #383c44;
}
.bg-sidenav-theme .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
.bg-sidenav-theme .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
  background: transparent;
  color: #838790;
}
.bg-sidenav-theme .sidenav-text {
  color: #fff;
}
.bg-sidenav-theme .sidenav-header {
  color: #6e727b;
}
.bg-sidenav-theme hr,
.bg-sidenav-theme .sidenav-divider,
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
  border-color: rgba(255, 255, 255, 0.06) !important;
}
.bg-sidenav-theme .sidenav-inner > .sidenav-header::before,
.bg-sidenav-theme .sidenav-block::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
  background-color: #44484f;
}
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
  background-color: #fff;
}
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before,
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
  box-shadow: 0 0 0 2px #383c44;
}
.bg-sidenav-theme .ps__thumb-y,
.bg-sidenav-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.4779858824) !important;
}

.bg-footer-theme {
  background-color: #fff !important;
  color: #a3a4a6;
}
.bg-footer-theme .footer-link {
  color: #a3a4a6;
}
.bg-footer-theme .footer-link:hover, .bg-footer-theme .footer-link:focus {
  color: #4e5155;
}
.bg-footer-theme .footer-link.disabled {
  color: #c8c8ca !important;
}
.bg-footer-theme .footer-text {
  color: #4e5155;
}
.bg-footer-theme .show > .footer-link,
.bg-footer-theme .active > .footer-link,
.bg-footer-theme .footer-link.show,
.bg-footer-theme .footer-link.active {
  color: #4e5155;
}
.bg-footer-theme hr {
  border-color: rgba(78, 81, 85, 0.075);
}