/******************* /*Demo custom CSS*******************/
/******************* /*Top bar *******************/
.topbar {
	background: #F9D500;
}

.topbar .navbar-header {
	background: #ffffff;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
	display: none;
	color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item >

a.nav-link {
	color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item >
a.nav-link:hover,
.topbar .navbar-light .navbar-nav .nav-item >

a.nav-link:focus {
	color: rgba(255, 255, 255, 0.8) !important;
}

/******************* /*General Elements *******************/
a.link:hover,
a.link:focus {
	color: #b10058 !important;
}

.bg-theme {
	background-color: #b10058 !important;
}

.ng5-slider .ng5-slider-pointer {
	background-color: #b10058 !important;
}

.pagination >
.active >
a,
.pagination >
.active >
span,
.pagination >
.active >
a:hover,
.pagination >
.active >
span:hover,
.pagination >
.active >
a:focus,
.pagination >
.active >

span:focus {
	background-color: #b10058;
	border-color: #b10058;
}

.right-sidebar .rpanel-title {
	background: #b10058;
}

.stylish-table tbody tr:hover,
.stylish-table tbody tr.active {
	border-left: 4px solid #53bec6;
}

.text-themecolor {
	color: #b10058 !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
	border-bottom: 2px solid #b10058;
	color: #b10058;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
	color: #b10058;
}

title[_ngcontent-aqi-c2] {
	color: #b10058 !important;
	text-decoration: none !important;
}

title[_ngcontent-aqi-c2]:hover {
	font-weight: bold;
}

/******************* /*Buttons *******************/
.btn-themecolor {
	background: #b10058;
	color: #ffffff;
	border: 1px solid #b10058;
	box-shadow: 0 2px 2px 0 rgba(144, 3, 73, 0.14), 0 3px 1px -2px rgba(144, 3, 73, 0.2), 0 1px 5px 0 rgba(144, 3, 73, 0.12);
}

.btn-themecolor:disabled {
	box-shadow: none;
}

.btn-themecolor:disabled:hover {
	box-shadow: none !important;
	cursor: default;
}

.btn-themecolor:hover {
	background: #b10058;
	border: 1px solid #b10058;
	box-shadow: 0 14px 26px -12px rgba(144, 3, 73, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(144, 3, 73, 0.2) !important
}

.btn-themecolor:focus {
	background: #900349;
	border: 1px solid #900349;
	box-shadow: 0 14px 26px -12px rgba(144, 3, 73, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(144, 3, 73, 0.2);
}

.btn-themecolor.active {
	background: #900349;
}

.multiselect-dropdown .dropdown-btn .selected-item {
	background: #b10058 !important;
}

.multiselect-item-checkbox input[type=checkbox]+div:before {
	color: #b10058 !important;
	border: 2px solid #b10058 !important;
}

.btn-themecolor-default {
	background: #ffffff;
	color: #67757c;
	border: 1px solid #67757c;
	box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
}

.btn-themecolor-default:disabled {
	box-shadow: none;
}

.btn-themecolor-default:disabled:hover {
	box-shadow: none;
	cursor: default;
	background: unset;
	color: unset;
}

.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
	background: #b10058 !important;
}

.btn-themecolor-border {
	color: #b10058;
	border: 1px solid #b10058;
	box-shadow: 0 2px 2px 0 rgba(177, 0, 88, 0.14), 0 3px 1px -2px rgba(177, 0, 88, 0.2), 0 1px 5px 0 rgba(177, 0, 88, 0.12);
}

input[type=radio],
input[type=checkbox] {
	border: 1px solid #b10058;
}

input[type=radio]:hover,
input[type=checkbox]:hover,
input[type=checkbox]:focus {
	border: 1px solid #b10058;
	box-shadow: 0 2px 2px 0 rgba(177, 0, 88, 0.14), 0 3px 1px -2px rgba(177, 0, 88, 0.2), 0 1px 5px 0 rgba(177, 0, 88, 0.12);
}

input[type=checkbox]:checked {
	border-color: #b10058;
}

input[type=checkbox]:disabled {
	box-shadow: none;
	background-color: #dddddd;
	cursor: initial;
	border: 1px solid #67757c;
}

.btn-themecolor-border:hover {
	background: #b10058;
	box-shadow: 0 14px 26px -12px rgba(144, 3, 73, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(144, 3, 73, 0.2);
	border: 1px solid #b10058;
	color: #fff;
}

.btn-themecolor-border:disabled:hover {
	box-shadow: none;
	cursor: default;
	background: unset;
	color: #b10058;
}

.btn-themecolor-border:disabled {
	box-shadow: none;
}

.btn-themecolor-border:focus {
	background: #b10058;
	color: #fff;
	border: 1px solid #b10058;
	box-shadow: 0 14px 26px -12px rgba(144, 3, 73, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(144, 3, 73, 0.2);
}

/******************* /*sidebar navigation *******************/
.label-themecolor {
	background: #b10058;
}

.sidebar-nav >
ul >
li.active >

a {
	color: #b10058;
	border-color: #b10058;
}

.sidebar-nav >
ul >
li.active >

a i {
	color: #b10058;
}

.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
	color: #b10058 !important;
}

.sidebar-nav ul li a.active i,
.sidebar-nav ul li a:hover i {
	color: #b10058;
}

.lighten-2 .fa {
	background: #b10058 !important;
}

.page-item .page-link {
	color: #b10058 !important;
}

.topbar ul.dropdown-user li a:hover {
	color: #b10058;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #b10058 !important;
	border-bottom: 2px solid #b10058 !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	color: #b10058;
}

input[type=checkbox]:checked:before {
	color: #b10058;
}

.nav-pills .nav-link.active:after {
	background: #b10058 !important;
}

.btn-link {
	color: #b10058 !important;
}

.btn-link:focus,
.btn-link:hover {
	color: #b10058 !important;
}

.q_icon {
	color: #b10058 !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
	background: #b10058 !important;
}

input[type=radio] {
	border: 2px solid #b10058 !important;
}

input[type=radio]:checked:before {
	color: #b10058 !important;
	background: #b10058 !important;
}

.custom-day.focused {
	background-color: #b10058 !important;
	color: #fff;
}

.quote_bit {
	background: #b10058 !important;
	color: #fff;
}

.title {
	color: #b10058;
}

.title:hover {
	text-decoration: underline;
}

input[type=checkbox]:focus {
	outline: auto !important;
	box-shadow: 1px 1px 2px rgb(233, 141, 176);
}

.btn-themecolor-border:hover {
	background: #b10058;
	box-shadow: 0 14px 26px -12px rgb(233, 141, 176), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 205, 232, 0.42);
	border: 1px solid #b10058;
	color: #fff;
	/*cursor: pointer;*/
}

.btn-themecolor-border:disabled {
	background: #fff !important;
	box-shadow: none !important;
	color: #b10058 !important;
	border: 1px solid #b10058 !important;
	cursor: default !important;
}

.message-center::-webkit-scrollbar-track {
	background-color: #eaeaea;
}

.message-center::-webkit-scrollbar-thumb {
	background-color: #b10058 !important;
}

.message-center::-webkit-scrollbar-thumb:hover {
	background-color: #b10058 !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
	background: #b10058 !important;
}

.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
	background: #b10058 !important;
}

.multiselect-item-checkbox input[type=checkbox]+div:before {
	color: #b10058 !important;
	border: 2px solid #b10058 !important;
}

.list-group-item.pointer.active {
	background-color: #b10058;
	border-color: #b10058;
}

.list-group-item.active,
.list-group .list-group-item.active:hover {
	background-color: #b10058;
	border-color: #b10058;
}

.bg-info {
	background-color: #b10058 !important;
}

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

.accordion-bg-color {
	background-color: #b10058 !important;
}

.text-themecolor-hover {
	color: #b10058 !important;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
	color: rgba(255, 255, 255, .85);
	background-color: #b10058 !important;
}

.owl-dt-control-button-content {
	color: #b10058 !important;
}

.progress-bar {
	background-color: #b10058 !important;
}

input[type=checkbox]:disabled,
input[type=checkbox]:checked:disabled {
	border-color: #888888;
	background: #e0e0e0;
	box-shadow: none;
}

input[type=checkbox]:disabled:checked:before {
	color: #888888;
}

.release-highlight-class {
	background-color: #b10058 !important;
}

.gantt_task_line .gantt_task_content {
	color: white;
	background-color: #b10058 !important;
}