/* Primary

11511a - Primary
fc801c - Secondary

16842d - ligher

36703E - light

11511a - dark

062b0b - super dark


purple 4F4872

dark purple 3A3453

yellow ffba33

dark yellow ffd633

*/
html {
  --light-primary-color: #FCFAFD;
  --primary-color: #4F4872;
  --secondary-color: #3A3453;
  --alt-primary-color: #ffba33;
  --alt-secondary-color: #ffd633;
  --border-color: #D1CEE1;
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) ;
}

.navbar-default .landing_link a:hover {
  background: var(--primary-color) !important;
}

.navbar-default .special_link a,
.navbar-default .landing_link a,
.top-navigation .navbar-brand,
.pace .pace-progress,
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback,
.open-small-chat,
.open-small-chat:hover,
.small-chat-box .content .chat-message.active,
.landing-page .navbar-default .navbar-brand,
.landing-page .navy-section,
.landing-page .social-icon a,
.landing-page li.pricing-title,
.table-car-availability .table > thead > tr >.day-today { background: var(--primary-color); }

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active,
.btn-info,
.fc-state-active,
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a,a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.stream .stream-badge i.bg-primary,
.stream .stream-badge i.bg-info,
.panel-primary > .panel-heading,
.panel-info > .panel-heading {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.onoffswitch-label,
.onoffswitch-switch,
.onoffswitch-label,
.onoffswitch-switch {
  border: 2px solid var(--primary-color);
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.panel-primary,
.panel-info,
.payment:hover,
.form-control:focus,
.single-line:focus,
.has-success .form-control,
.has-success .form-control:focus {
  border-color: var(--primary-color);
}

.noUi-connect {
  background: none repeat scroll 0 0 var(--primary-color);
}

.inspinia-notify.alert-info {
  border-left: 6px solid var(--primary-color);
}

.slick-prev:before,
.slick-next:before {
  color: var(--primary-color) !important;
}

.dropzone {
  border: 1px dashed var(--primary-color);
}

.agile-list li.success-element {
  border-left: 3px solid var(--primary-color);
}

.feed-element-icon,
.landing-page .testimonials,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
body.mini-navbar .nav-header,
.navbar-toggle,
.onoffswitch-inner:before,
.label-primary,
.badge-primary,
.label-info,
.badge-info,
.onoffswitch-inner:before,
.toast,
.toast-success,
.toast-info,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > a,
.navy-bg,
.bg-primary,
.lazur-bg,
.bg-info,
.progress-bar,
.progress-bar-info,
.product-price,
.sk-spinner-rotating-plane.sk-spinner,
.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2,
.sk-spinner-wave div,
.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2,
.sk-spinner-pulse.sk-spinner,
.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2,
.sk-spinner-three-bounce div,
.sk-spinner-circle .sk-circle:before,
.sk-spinner-cube-grid .sk-cube,
.sk-spinner-wordpress.sk-spinner {
  background-color: var(--primary-color);
}

.navbar-default .special_link a span.label,
.navbar-default .landing_link a span.label,
.top-navigation .navbar-nav .dropdown-menu > .active > a,
.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus,
.top-navigation .nav > li.active > a,
.btn-primary.btn-outline,
.btn-success.btn-outline,
.btn-info.btn-outline,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link,
.has-success .control-label,
.forum-item.active .fa,
.forum-item.active a.forum-item-title,
.vertical-date small,
.text-navy,
.text-info,
.category-list li a .text-navy,
.category-list li a .text-primary,
.category-list li a .text-info,
.file-list li a:hover,
.faq-question,
.issue-tracker .btn-link,
.product-name:hover,
.product-name:focus,
.vote-actions a,
.vote-info a:hover,
.vote-icon.active,
.sk-spinner-fading-circle .sk-circle:before,
.landing-page span.navy,
.landing-page a.navy-link,
.landing-page .navbar-default .navbar-nav > li > a:hover,
.landing-page .navbar-default .navbar-nav > li > a:focus,
.landing-page .navbar-scroll.navbar-default .nav li a:hover,
.landing-page .features small,
.landing-page .features-icon,
.landing-page .pricing-plan .pricing-price span,
.navbar-minimalize,
a,
.device-view,
.add-field-list li .fa,
.expired-head h2,
.expired-body p,
.coming-soon p,
.chat-user,
.chat-user:hover,
.chat-user.active a {
    color: var(--primary-color);
}

.landing-page .navy-line {
  border-bottom: 2px solid var(--primary-color);
}

.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover,
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
  border-top: 6px solid var(--primary-color);
}

.landing-page .features .big-icon {
  color: var(--primary-color) !important;
}

.landing-page .btn-primary {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

/* .btn-primary {
    background-color: #0a5114;
    border-color: #0a5114;
    color: #FFFFFF;
} */

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #FFFFFF;
}

.navbar-minimalize:hover,
.navbar-minimalize:focus,
.navbar-minimalize:active:focus {
    color: var(--primary-color);
}

.page-heading .breadcrumb a:hover { color: var(--primary-color); }

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
a:hover {
    color: var(--secondary-color);
}

.nav.navbar-top-links a:hover { color: var(--secondary-color); }

.modified-layout .fa-angle-double-right { color: var(--primary-color); }

.forum-item a:hover,
.forum-item .fa { color: var(--primary-color); }

.jumbotron-secondary:after { background-color: var(--primary-color); color: #fff; }

.ct-thumbnail.active,
.ct-thumbnail:hover { border-color: var(--primary-color); }
.ct-thumbnail-badge { background-color: var(--primary-color); text-align: center; color: #fff; }

.label-primary[href]:focus,
.label-primary[href]:hover,
.label-primary:hover { background-color: var(--secondary-color); }

.portal:hover { border-color: var(--secondary-color); }
.need-portal { border-color: var(--primary-color); }
.need-portal:hover { background-color: var(--primary-color); border-color: var(--primary-color); }

.header { background-color: var(--primary-color); }

.sweet-alert .sa-button-container .confirm { background-color: var(--primary-color)!important; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset!important; }
.sweet-alert .sa-button-container .confirm:hover { background-color: var(--secondary-color)!important; }

.alert-info { color: var(--primary-color); border-color: rgba(0,0,0,0.1); background-color: #d2dfd4; }
.alert-info a { color: var(--secondary-color); }
.alert-info a:hover { color: var(--secondary-color); }

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active,
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active,
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active { background-color: var(--primary-color); }

.wizard > .actions a:focus { background-color: #fff; color: var(--primary-color); }

.login-img-background::after {
    background: linear-gradient(45deg, transparent 50%, var(--primary-color) 50%);
    filter: brightness(0.8);
}
/* .login-img-background:after {
    background: -webkit-linear-gradient(49deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,49,7,0.9) 50.5%,rgba(0,49,7,0.9) 100%);
    background: linear-gradient(to left bottom, rgba(0,49,7,.9) 0%, rgba(0,49,7,.9) 50%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 50%);
} */

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active { background: var(--primary-color); color: #fff; }

.bar-top,
.nav-header,
body { background-color: #4F4872!important; }

.mini-navbar .nav .nav-second-level,
ul.nav-second-level,
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.nav > li.active {
    background-color: transparent!important;
}
#side-menu .mini-navbar .nav .nav-second-level,
#side-menu ul.nav-second-level,
#side-menu .navbar-default .nav > li > a:hover,
#side-menu .navbar-default .nav > li > a:focus,
#side-menu .nav > li.active {
    background-color: var(--primary-color) !important;
}

/* .bg-pending_payment { background-color: #f3b239!important; border-color: #f3b239!important; color: #fff; }
.color-pending_payment { color: #f3b239!important; }

.bg-not_available { background-color: #a00101!important; border-color: #a00101!important; color: #fff; }
.color-not_available { color: #a00101!important; }

.bg-completed { background-color: #4F4872!important; border-color: #4F4872!important; color: #fff; }
.color-completed { color: #4F4872!important; } */

/* Secondary */

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover { border-color: var(--secondary-color); }

.bar-top a:hover,
.device-view.active:hover,
.device-view.active { color: var(--secondary-color); }

.widget-bg { background-color: var(--primary-color); }

.bar-top .btn-secondary { color: var(--secondary-color); }
.bar-top .btn-secondary:hover { color: #fff; }

.btn-secondary,
.btn-secondary:hover { border-color: var(--secondary-color); color: var(--secondary-color); }

.btn-primary.btn-outline { background: transparent; }
.btn-primary.btn-outline:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #fff;
}

a.btn-primary,
.btn-primary { color: #fff; }

.metismenu.nav > li.active {
  border-left: 6px solid var(--alt-primary-color);
  border-left: 0;
}

.navbar-static-side i{
    color: var(--alt-primary-color);
}
.navbar-header i {
	color: var(--alt-primary-color);
    font-size: 28px;
}
.navbar-fixed-top,
.navbar-static-top {
	background: var(--primary-color);
}
input {
    accent-color: var(--primary-color);
}

.navbar-right.navbar-top-links a:hover,
.navbar-right.navbar-top-links li.active,
.navbar-right.navbar-top-links li span {
	color: #fff;
}
/* .page-heading {
	border-top: 30px solid var(--secondary-color);
} */
.phpjabbers-loader.ladda-spinner {
	display: none;
}
.ladda-label {
	display: block!important;
    opacity: 1!important;
}
.navbar-default .special_link a,
.navbar-default .landing_link a,
.top-navigation .navbar-brand,
.pace .pace-progress,
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback,
.open-small-chat,
.open-small-chat:hover,
.small-chat-box .content .chat-message.active,
.landing-page .navbar-default .navbar-brand,
.landing-page .navy-section,
.landing-page .social-icon a,
.landing-page li.pricing-title,
.table-car-availability .table > thead > tr > .day-today {
	background: var(--secondary-color);
}

.nav.navbar-top-links li.active {
	border-left: none;
}