body {
  background: #f5f5f5;
}

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

.text-primary {
  color: #4c84ff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(0, 79.6201117318, 254.5) !important;
}

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

a.bg-primary:hover, a.bg-primary:focus {
  background-color: rgb(72.2, 125.4, 242.25) !important;
}

.bg-primary-dark {
  background-color: rgb(68.4, 118.8, 229.5) !important;
}

a.bg-primary-dark:hover, a.bg-primary-dark:focus {
  background-color: rgb(64.98, 112.86, 218.025) !important;
}

.bg-primary-darker {
  background-color: rgb(64.6, 112.2, 216.75) !important;
}

a.bg-primary-darker:hover, a.bg-primary-darker:focus {
  background-color: rgb(61.37, 106.59, 205.9125) !important;
}

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

.badge-primary {
  background-color: #4c84ff;
  color: #fff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  background-color: rgb(72.2, 125.4, 242.25);
  color: #fff;
  text-decoration: none;
}

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

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

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

.btn .badge-outline-primary {
  background-color: transparent !important;
  box-shadow: 0 0 0 1px #4c84ff inset !important;
  color: #4c84ff !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: #4c84ff;
  background-color: #4c84ff;
  color: #fff;
}

.progress-bar {
  background-color: #4c84ff;
  color: #fff;
}

.list-group-item-primary {
  border-color: rgba(0, 0, 0, 0.07);
  background-color: rgb(237.1, 242.7, 255);
  color: rgb(94.84, 97.08, 102);
}

a.list-group-item-primary,
button.list-group-item-primary {
  color: rgb(94.84, 97.08, 102);
}
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: rgb(234.729, 240.273, 252.45);
  color: rgb(94.84, 97.08, 102);
}
a.list-group-item-primary.active,
button.list-group-item-primary.active {
  border-color: #4c84ff;
  background-color: #4c84ff;
  color: #fff;
}

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

.alert-primary {
  border-color: rgb(214.461, 222.357, 239.7);
  background-color: rgb(228.15, 236.55, 255);
  color: rgb(91.26, 94.62, 102);
}
.alert-primary hr {
  border-top-color: rgb(214.461, 222.357, 239.7);
}
.alert-primary .alert-link {
  color: rgb(91.26, 94.62, 102);
}

.alert-dark-primary {
  background-color: #4c84ff;
  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: #4c84ff;
  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: #4c84ff;
}
.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: #4c84ff;
}
.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: #4c84ff;
}
.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: #4c84ff;
}

.popover-primary, .popover-primary > .popover, .ngb-popover-primary + ngb-popover-window {
  border-color: transparent;
  background: #4c84ff;
}
.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: #4c84ff;
}
.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: #4c84ff;
}
.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: #4c84ff;
}
.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: #4c84ff;
}

.table .table-primary,
.table .table-primary > th,
.table .table-primary > td {
  border-color: rgba(0, 0, 0, 0.035) !important;
  background-color: rgb(237.1, 242.7, 255);
  color: rgb(94.84, 97.08, 102);
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(234.729, 240.273, 252.45);
}

.btn-primary {
  border-color: transparent;
  background: #4c84ff;
  color: #fff;
}
.btn-primary:hover {
  border-color: transparent;
  background: rgb(72.2, 125.4, 242.25);
  color: #fff;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(76, 132, 255, 0.4);
}
.btn-primary.disabled, .btn-primary:disabled {
  border-color: transparent !important;
  background: #4c84ff !important;
  box-shadow: none !important;
  color: #fff !important;
}

.btn-primary .badge {
  background: #fff;
  color: #4c84ff;
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  border-color: transparent;
  background: rgb(66.12, 114.84, 221.85);
  box-shadow: none;
}

.btn-group .btn-primary,
.input-group-prepend .btn-primary,
.input-group-append .btn-primary {
  border-right: 1px solid rgb(66.12, 114.84, 221.85);
  border-left: 1px solid rgb(66.12, 114.84, 221.85);
}

.btn-outline-primary {
  border-color: #4c84ff;
  background: transparent;
  color: #4c84ff;
}
.btn-outline-primary:hover {
  border-color: transparent;
  background: #4c84ff;
  color: #fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(76, 132, 255, 0.4);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  border-color: #4c84ff !important;
  background: transparent !important;
  color: #4c84ff !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  border-color: transparent;
  background: rgb(72.2, 125.4, 242.25);
  color: #fff;
  box-shadow: none;
}

.btn-outline-primary .badge {
  background: #4c84ff;
  border-color: #4c84ff;
  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: #4c84ff;
}

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

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

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  background-color: #4c84ff;
  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 #4c84ff inset;
}

.custom-control .custom-control-input:focus ~ .custom-control-label::before, .custom-control .custom-control-input:active ~ .custom-control-label::before {
  border-color: #4c84ff;
}
.custom-control .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 2px rgba(76, 132, 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: #4c84ff;
  background-color: #4c84ff;
}
.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: #4c84ff;
}
.custom-file-input:focus ~ .custom-file-label::after {
  border-color: inherit;
}

.form-control:focus,
.form-control.focus,
.custom-select:focus {
  border-color: #4c84ff;
}

.switcher-input:checked ~ .switcher-indicator {
  background: #4c84ff;
  color: #fff;
}

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

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

.navbar.bg-primary {
  background-color: #4c84ff !important;
  color: rgb(219.6992345098, 230.7430494118, 255);
}
.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: rgb(219.6992345098, 230.7430494118, 255);
}
.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: rgb(162.2195407059, 191.2458296471, 255) !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: rgb(219.6992345098, 230.7430494118, 255);
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-primary .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
.navbar.bg-primary .navbar-text {
  color: rgb(219.6992345098, 230.7430494118, 255);
}
.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: #4c84ff !important;
  color: rgb(219.6992345098, 230.7430494118, 255);
}
.sidenav.bg-primary .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev,
.sidenav.bg-primary .sidenav-horizontal-next {
  color: rgb(219.6992345098, 230.7430494118, 255);
}
.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: rgb(162.2195407059, 191.2458296471, 255) !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: rgb(72.2, 125.4, 242.25);
}
.sidenav.bg-primary.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: rgb(68.59, 119.13, 230.1375);
}
.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: rgb(72.2, 125.4, 242.25);
}
.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: rgb(219.6992345098, 230.7430494118, 255);
}
.sidenav.bg-primary .sidenav-text {
  color: #fff;
}
.sidenav.bg-primary .sidenav-header {
  color: rgb(183.7744258824, 206.0572870588, 255);
}
.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: rgb(99.62, 144.84, 244.1625);
}
.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 rgb(72.2, 125.4, 242.25);
}
.sidenav.bg-primary .ps__thumb-y,
.sidenav.bg-primary .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.6027890196) !important;
}

.footer.bg-primary {
  background-color: #4c84ff !important;
  color: rgb(219.6992345098, 230.7430494118, 255);
}
.footer.bg-primary .footer-link {
  color: rgb(219.6992345098, 230.7430494118, 255);
}
.footer.bg-primary .footer-link:hover, .footer.bg-primary .footer-link:focus {
  color: #fff;
}
.footer.bg-primary .footer-link.disabled {
  color: rgb(162.2195407059, 191.2458296471, 255) !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(76, 132, 255, 0.9) !important;
}
.bg-primary.bs4-toast .toast-header {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.fill-primary {
  fill: #4c84ff;
}

.slider-primary .slider-selection,
.slider-primary .slider-reversed .slider-track-high, .slider-primary.slider-reversed .slider-track-high {
  background: #4c84ff;
}

.noUi-primary .noUi-base .noUi-connect {
  background: #4c84ff !important;
}

.default-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #4c84ff !important;
  color: #fff !important;
}
.default-style .select2-container--default.select2-container--focus .select2-selection, .default-style .select2-container--default.select2-container--open .select2-selection {
  border-color: #4c84ff !important;
}

.default-style .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #4c84ff;
  color: #fff;
}

.bootstrap-tagsinput.focus {
  border-color: #4c84ff !important;
}

.bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
  background: #4c84ff !important;
  color: #fff !important;
}

.datepicker table tr td.active, .datepicker table tr td.active.highlighted, .datepicker table tr td.active.today,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled, .datepicker table tr td.range-start, .datepicker table tr td.range-end {
  background: #4c84ff !important;
  color: #fff !important;
}
.datepicker table tr td.range, .datepicker table tr td.range.highlighted, .datepicker table tr td.range.today {
  background: rgb(228.15, 236.55, 255) !important;
  color: rgb(91.26, 94.62, 102) !important;
}
.datepicker table tr td.range.focused, .datepicker table tr td.range.highlighted.focused, .datepicker table tr td.range.today.focused {
  background: rgb(197.55, 215.5231843575, 255) !important;
}
.datepicker table tr td.range.disabled, .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.today.disabled {
  background: rgba(228.15, 236.55, 255, 0.5) !important;
  color: rgba(91.26, 94.62, 102, 0.5) !important;
}

.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: #4c84ff;
  color: #fff;
  fill: #fff;
}

.flatpickr-weekdays {
  background: #4c84ff;
}

.flatpickr-day.today {
  border-color: #4c84ff;
}
.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: rgb(228.15, 236.55, 255) !important;
  background: rgb(228.15, 236.55, 255) !important;
  color: rgb(91.26, 94.62, 102) !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: #4c84ff !important;
  background: #4c84ff !important;
  color: #fff !important;
}

.daterangepicker td.active {
  background-color: #4c84ff !important;
  color: #fff !important;
}

.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
  background-color: rgb(228.15, 236.55, 255) !important;
  color: rgb(91.26, 94.62, 102) !important;
}

.daterangepicker .input-mini.active {
  border-color: #4c84ff !important;
}

.ranges li.active {
  background-color: #4c84ff !important;
  color: #fff !important;
}

.dtp-date,
.dtp-time {
  background: #4c84ff;
  color: #fff;
}

.dtp-close > a {
  color: #fff;
}

header.dtp-header {
  background: rgb(64.6, 112.2, 216.75);
  color: #fff;
}

table.dtp-picker-days tr > td > a.selected {
  background: #4c84ff;
  color: #fff !important;
}

.dtp-actual-meridien a.selected {
  background: #4c84ff !important;
  color: #fff !important;
}

.dtp .year-picker-item:hover {
  color: #4c84ff;
}
.dtp .year-picker-item.active {
  color: #4c84ff;
}

.dtp .svg-clock [stroke="#8BC34A"] {
  stroke: #4c84ff !important;
}

.dtp .svg-clock [fill="#8BC34A"] {
  fill: #4c84ff !important;
}

.dtp .svg-clock [fill="#fff"] {
  fill: #fff !important;
}

li.ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #4c84ff !important;
  color: #fff !important;
}

.md-editor.active {
  border-color: #4c84ff !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: #4c84ff !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: #4c84ff !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: #4c84ff !important;
}

.tt-suggestion:active,
.tt-cursor {
  background: #4c84ff !important;
  color: #fff !important;
}

.dropzone.dz-drag-hover {
  border-color: #4c84ff !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: #4c84ff;
}

.sw-theme-default .step-anchor > li.active > a .sw-icon,
.sw-theme-default .step-anchor > li.active > a .sw-number {
  color: #4c84ff;
  border-color: #4c84ff;
}

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

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

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

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

.plyr__play-large {
  background: #4c84ff !important;
  color: #fff !important;
}

.plyr__progress--played,
.plyr__volume--display {
  color: #4c84ff !important;
}

.fc-event {
  background: rgba(76, 132, 255, 0.15) !important;
}

.fc-event-dot {
  background: rgba(76, 132, 255, 0.4) !important;
}

.fc-highlight,
.fc-bgevent:not(.fc-nonbusiness) {
  background: #4c84ff !important;
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step {
  background: #4c84ff;
  color: #fff;
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: rgb(210.25, 224.25, 255);
}

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

.bg-navbar-theme {
  background-color: #343c44 !important;
  color: rgb(161.9846039216, 165.6502352941, 169.3158666667);
}
.bg-navbar-theme .navbar-brand {
  color: #fff;
}
.bg-navbar-theme .navbar-brand:hover, .bg-navbar-theme .navbar-brand:focus {
  color: #fff;
}
.bg-navbar-theme .navbar-nav .nav-link {
  color: rgb(161.9846039216, 165.6502352941, 169.3158666667);
}
.bg-navbar-theme .navbar-nav .nav-link:hover, .bg-navbar-theme .navbar-nav .nav-link:focus {
  color: #fff;
}
.bg-navbar-theme .navbar-nav .nav-link.disabled {
  color: rgb(117.9907623529, 123.3901411765, 128.78952) !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: #fff;
}
.bg-navbar-theme .navbar-toggler {
  color: rgb(161.9846039216, 165.6502352941, 169.3158666667);
  border-color: rgba(255, 255, 255, 0.06);
}
.bg-navbar-theme .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
.bg-navbar-theme .navbar-text {
  color: rgb(161.9846039216, 165.6502352941, 169.3158666667);
}
.bg-navbar-theme .navbar-text a {
  color: #fff;
}
.bg-navbar-theme .navbar-text a:hover, .bg-navbar-theme .navbar-text a:focus {
  color: #fff;
}
.bg-navbar-theme hr {
  border-color: rgba(255, 255, 255, 0.06);
}

.bg-sidenav-theme {
  background-color: #3f4853 !important;
  color: #96a1a9;
}
.bg-sidenav-theme .sidenav-link,
.bg-sidenav-theme .sidenav-horizontal-prev,
.bg-sidenav-theme .sidenav-horizontal-next {
  color: #96a1a9;
}
.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: rgb(115.2, 125.4, 134.6) !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: rgb(59.85, 68.4, 78.85);
}
.bg-sidenav-theme.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: rgb(56.8575, 64.98, 74.9075);
}
.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: rgb(59.85, 68.4, 78.85);
}
.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: #96a1a9;
}
.bg-sidenav-theme .sidenav-text {
  color: #fff;
}
.bg-sidenav-theme .sidenav-header {
  color: rgb(128.25, 138.75, 147.5);
}
.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.15) !important;
}
.bg-sidenav-theme .sidenav-inner > .sidenav-header::before,
.bg-sidenav-theme .sidenav-block::before {
  background-color: rgba(255, 255, 255, 0.15);
}
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
  background-color: rgb(89.1225, 96.39, 105.2725);
}
.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 rgb(59.85, 68.4, 78.85);
}
.bg-sidenav-theme .ps__thumb-y,
.bg-sidenav-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5106870588) !important;
}

.bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background: rgba(255, 255, 255, 0.05) !important;
}

.bg-sidenav-theme.sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
.bg-sidenav-theme .sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 4px solid #4c84ff;
}
.layout-collapsed .bg-sidenav-theme.sidenav-vertical:not(:hover) .sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after, .bg-sidenav-theme.sidenav-vertical.sidenav-collapsed:not(:hover) .sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
.layout-collapsed .bg-sidenav-theme .sidenav-vertical:not(:hover) .sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
.bg-sidenav-theme .sidenav-vertical.sidenav-collapsed:not(:hover) .sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
  display: none;
}

[dir=rtl] .bg-sidenav-theme.sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
[dir=rtl] .bg-sidenav-theme .sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
  right: 0;
  left: auto;
}

.bg-footer-theme {
  background-color: #fff !important;
  color: rgb(162.6, 164.2, 166.2);
}
.bg-footer-theme .footer-link {
  color: rgb(162.6, 164.2, 166.2);
}
.bg-footer-theme .footer-link:hover, .bg-footer-theme .footer-link:focus {
  color: #4E5155;
}
.bg-footer-theme .footer-link.disabled {
  color: rgb(199.56, 200.52, 201.72) !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);
}