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

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

.btn-danger:hover {
    background-image: none;
    background-color: #eb002d;
    color: #000000 !important;
}

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


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

#mainnav ul li:hover a {
    font-weight: bold;
    color: #eb002d;
    background-color: #fff!important;
    ;
}
#mainRight {
    /* background-color: #F2DF17; */
}
.navbar ul .active::after {
	height: 2px;
	background-color: #eb002d;
	content: "";
	display: block;
	width: 60%;
	position: absolute;
	left: 20%;
}
.navbar ul .active {
    /* background-color: #F2DF17; */
}
#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: #eb002d !important;
    background: linear-gradient(to bottom right, #eb002d , #ffffff) !important;
}
.slider-handle {
    background-color: rgb(130,15,53);
    background-image: linear-gradient(to bottom, #eb002d 0px, #820f35 100%);
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #eb002d;
    border-color: #eb002d;
}
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
	background-color: #eb002d !important;
}
.flip-card-back {
    background-color: #eb002d;
    color: white;
  }