/* DO NOT CHANGE THIS FILE! */

/* selected (active) submenu item */
.skin-blue .treeview-menu > li.active > a {
	color: #ffffff;
	background-color: #b73a7b !important; /* main color + 1 */
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
	border-left-color: #a91361;
}

.skin-blue .main-header .logo:hover {
	background-color: #700c40;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
	background-color: #8c0f50;
}

.modal-primary .modal-header, .modal-primary .modal-footer {
    border-color: #8c0f50;
}

/* columns show/hide menu hover */
.columns-menu li label:hover {
	color: #ffffff;
	background-color: #b73a7b; /* main color + 1 */
}

/* context menu hover */
.custom-menu li:hover {
	color: #ffffff;
	background-color: #b73a7b; /* main color + 1 */
}

/* active main menu item */
.skin-blue .sidebar-menu > li.active > a {
	color: #000000 !important;
	background-color: #c56195 !important; /* main color + 2 */
	border-left-color: #a91361 !important;
}

.navbar-nav > .user-menu > .dropdown-menu .treeview:hover, .navbar-nav > .user-menu > .dropdown-menu .treeview:hover A {
	color: #000000 !important;
	background-color: #c56195 !important; /* main color + 2 */
}

/* modal dialog */
.modal-primary .modal-header, .modal-primary .modal-footer {
	color: #ffffff !important;
	background-color: #a91361 !important; /* main color + 1 */
}
.modal-primary .modal-body {
	color: #000000 !important;
	background-color: #c56195 !important; /* main color + 2 */
}
.modal-primary .btn-danger {
	color: #000000 !important;
	background-color: #c56195; /* main color + 2 */
	border-color: #c56195; /* main color + 2 */
}
.btn-primary, .btn-primary:focus, .btn-primary:active {
	color: #ffffff !important;
	background-color: #b73a7b; /* main color + 2 */
	border-color: #a91361; /* main color + 2 */
}

.btn-primary:hover {
	background-color: #c56195 !important;
	border-color: #b73a7b; /* main color + 2 */
}

/* export buttons hover */
div.export:hover {
	color: #ffffff;
	background-color: #700c40; /* main color - 2 */
}

/* menu item hover */
.skin-blue .sidebar-menu > li a:hover, .sidebar-menu .treeview-menu > li a:hover {
	color: #000000;
	background-color: #d489b0; /* main color + 3 */
}

/* header left */
.skin-blue .main-header .logo {
	color: #ffffff;
	background-color: #8c0f50; /* main color - 1 */
}

/* header right */
.skin-blue .main-header .navbar {
	color: #ffffff;
	background-color: #a91361; /* main color */
}

/* user dropdown */
.skin-blue .main-header li.user-header {
	color: #ffffff;
	background-color: #a91361; /* main color */
}

.login-logo {
	background-color: #a91361;
	color: #ffffff;
}

.form-control:focus {
    border-color: #c56195;
}


::selection {
	color: #ffffff;
	background-color: #a91361;
}
::-moz-selection {
	color: #ffffff;
	background-color: #a91361;
}
::-webkit-selection {
	color: #ffffff;
	background-color: #a91361;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #ffffff;
	background-color: #a91361;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: #a91361;
	color: #ffffff;
	border-color: #a91361;
}
.about div {
	background-image: url(../img/icons/32x32/information.png); /* TODO themes */
}
.panel-primary {
	border-color: #a91361;
}

.panel-primary > .panel-heading {
	background-color: #a91361;
	border-color: #a91361;
}

.fab {
	color: #ffffff;
	background-color: #a91361;
}
input:checked + .slider {
	background-color: #a91361; /* ON background */
}
span.highlight {
	color: #333232!important;
}

/* select2 updates */
.select2-container--default .custom .select2-results > .select2-results__options {
    max-height: 600px;
}

.custom label.form-check-label {
	height: initial;
}

.custom .select2-results__option {
  padding: 4px;
  }