/* overwrite anything e.g. form common.css here */

.btn-danger {
    background-image: none;
    background-color: #0091D3;
    color: #fff !important;
    border-color: #000!important;
}

.btn-danger:hover {
    background-image: none;
    background-color: #0091D3;
    color: #fff !important;
}

#mainLeft .center-block{
    width: 85% !important;
}


#mainLeft #nav_main li.active {
    font-weight: bold;
    background-color: #0091D3;
}

#mainnav ul li:hover a {
    font-weight: bold;
    color: #0091D3;
    background-color: #fff!important;
    ;
}
/*#mainRight {
    background-color: #F2DF17;
}*/
.navbar ul .active::after {
	height: 2px;
	background-color: #0091D3;
	content: "";
	display: block;
	width: 60%;
	position: absolute;
	left: 20%;
}
/*.navbar ul .active {
    background-color: #0091D3;
}*/
#mainRight #regi_wrapper {
    display: none !important;
    background-image: url("/img/white_label/poweredbyScreenwerk.png") !important;
    background-size: contain !important;
    background-position: center center !important;
}
.form-group select.form-control {
    background: #0091D3 !important;
    background: linear-gradient(to bottom right, #0091D3 , #fff) !important;
}
.slider-handle {
    background-color: #0091D3;
    background-image: linear-gradient(to bottom, #0091D3 0px, #001c48 100%);
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #0091D3;
    border-color: #0091D3;
}
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
	background-color: #0091D3 !important;
}
.flip-card-back {
    background-color: #0091D3;
    color: #fff;
  }
.form-control {
    color: #000;
}
#mainLeft #nav_main li.active {
    color: #fff;
}