/* breakpoint and down - styles */
@media screen and (max-width: 768px) {
	
	.sidebar-wrapper .sidebar-header {	 
	  background-color: #ed3237;
	  color: #FFFFFF;
	}

	.fullscreenModal .modal-dialog .modal-header {  		
		background-color:#ed3237;
		color: #FFFFFF;
	}
	
	.fullscreenModal .modal-dialog .modal-footer {  
		/* background-color:#ed3237;
		color: #FFFFFF; */
	}

	
}


@media screen and (max-width: 991px) {
	.sidebar-wrapper .sidebar-header {
		background-color:#ed3237;
	}
}	

.text-theme {    
	color: #ed3237 !important;
}
.text-theme-dark {    
	color: #de8d07 !important;
}

.text-theme-light {    
	color: #ffce2b !important;
}
	

.bg-theme {
    background-color: #ed3237!important;
	color: #FFF;
}
.bg-theme-dark {
    background-color: #de8d07!important;
	color: #FFF;
}
.bg-theme-light {
    background-color: #ffce2b!important;
	color: #FFF;
}



.btn-theme {
    color: #fff;
    background-color: #ed3237;
    border-color: #ed3237;
}

.btn-outline-theme {
    color: #ed3237;
    border-color: #ed3237;
	background-color: #FFF;
}


.btn-hover.color-11 {      
	background-color: #ed3237;	  
	color: #fff;
}

.filterbox .card-header .btn {
	color: #ed3237;
}
	
.filterbox .card-header .btn:hover{
    color: #ed3237;
}

.radio .helper::after {
  background-color: #ed3237;
  border-color: #ed3237;
}
.radio label:hover .helper {
  color: #ed3237;
}

.radio input:checked ~ .helper::before {
  color: #ed3237;
}

.checkbox .helper::before, .checkbox .helper::after {
  background-color: #ed3237; 
}

.text-theme{
	color:#ed3237!important;
}


.link:hover{
	color: #ed3237!important;
}


.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #ed3237;
}

[slider] > div > [range] {
  background-color: #ed3237;
}

#clockdiv div > span{
	color: #ed3237;	
}


#campaign-list.nav-tabs .nav-item.show .nav-link, #campaign-list.nav-tabs .nav-link.active {
    color: #ed3237;
    background-color: #FFF;
    border-top: 0px solid #ed3237;	
}


.stepwizard-step .active{
	color: #fff !important;
    background-color: #ed3237 !important;
    border-color: #ed3237 !important;
}



.header-mobile .dropdown .dropdown-menu .admin {    
    background-color: #ed3237;
	color: #FFF;
}

#campaign-list.nav-tabs .nav-item.show .nav-link, #campaign-list.nav-tabs .nav-link.active {	
	border-bottom: 3px solid #ed3237;	
}



@media screen and (min-width: 992px) {
	.navbar-light .navbar-nav .active>.nav-link{		
		background-color: #ed3237;
		color: #FFF;
	}
}




.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
	background: #ed3237;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ed3237;
    border-color: #ed3237;
}



.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #ed3237;
    color: #ffffff;
    border-radius: 0;
}



.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #ed3237;
    color: #ffffff;
    border-radius: 0;
}

.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #ed3237;
    color: #ffffff;
    border-radius: 0;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #ed3237;
  background-image: none;
}

.datepicker .next.disabled, .datepicker .prev.disabled {
    color: #ed3237;
	background: #ed3237;
}

.datepicker table tr td span {
    color: #ed3237 !important;
}

.datepicker table tr td{
    color: #ed3237 !important;
}






.stepwizard-active{	
	
	font-weight: 500;
	color: #FFF;
}

.btn-outline-theme {
    color: #ed3237;
    background-color: transparent;
    background-image: none;
    border-color: #ed3237;
	transition: 0.3s;
}

.btn-outline-theme:hover {
    color: #FFF !important;
    background-color: #ed3237;
}


.page-item.active .page-link {
    
    color: #fff;
    background-color: #ed3237;
    border-color: #ed3237;
}

.page-link {
 
    color: #6c757d;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.morelink, .morelink:hover{
	color: #ed3237 !important;	
}


.datepicker-days table thead,
.datepicker-months table thead,
.datepicker-years table thead,
.datepicker-decades table thead,
.datepicker-centuries table thead {
	background: #ed3237;
	color: #ffffff;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
	background-color: #ed3237;
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
	color: #ed3237;
	background: #ed3237;
}


.datepicker .prev.disabled {
	border-radius: 5px 0 0 5px !important;
}

.datepicker .next.disabled {
	border-radius: 0 5px 5px 0 !important;
}





.datepicker table tr td span {
	color: #ed3237 !important;
}

.datepicker table tr td {
	color: #ed3237 !important;
}


.wizard-card[data-color="red"] .moving-tab {
	background-color: #ed3237;
}

.wizard-footer .btn-finish {
	color: #ed3237;
}

.datepicker-switch{ background-color: #ed3237;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #ed3237;
	border-color: #ed3237;
}


#DivLogin .btn:hover {
    background: #ed3237 !important;
    color: #fff!important
}

#DivLogin a:hover {
    text-decoration: none!important;
    color: black !important
}

.pagination > li > span { 
  color: #ed3237;  
  background-color: #fff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { 
  color: #fff; 
  background-color: #ed3237;
  border-color: #ed3237;
}
.paginate_button .fa {   
    padding: 3px;
}
