@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Open+Sans+Condensed:wght@700&display=swap');
/*!Smart App CSS
Just edit the colors where needed*/
.panel .accordionCustomClass .panel-heading {
background-color: var(--dark) !important;
color: #fff!important;
padding: 10px!important;
height: 40px!important;
}
.panel .accordionCustomClass .panel-default>.panel-heading {
border-color: transparent!important;
height: 40px!important;
color: #fff!important;
}
.custom-theme .bs-datepicker-head {
background-color: var(--danger) !important
}
.text-red,.red{color:red !important}
.custom-theme .bs-datepicker-body table td span.selected,
.custom-theme .bs-datepicker-body table td span[class*=select-]:after,
.custom-theme .bs-datepicker-body table td.selected span,
.custom-theme .bs-datepicker-body table td[class*=select-] span:after {
background-color: #e9edf0;
color: #000
}
.smart-app.nav-pills a.active {color: #fff;background: var(--primary) !important;border:0px !important}
.smart-app.nav-pills a {border:1px solid #333}
.bbbsa{width:80px!important;height:50px!important;max-width:100%!important}
.chasa{width:148px!important;height:50px;max-width:148px!important}
.entsa{width:39px!important;height:50px;max-width:100%!important}
.chassa{width:190px!important;height:50px;max-width:100%!important}
/*! END Smart App CSS*/

/*!Smart Search CSS*/
.psl.custom-select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.n-line{text-decoration: none !important}
.psl-dropdown:after { content: none  !important}
.shadow-lg-up{box-shadow:0 0 3rem 0 rgba(0,0,0,.5) !important}
#mapDirCont{z-index: 9999 !important;}
.psl-directions{height:500px}
.card.psl-result-title{border:0px !important}
.inline-block{display:inline-block !important}
.psl-count{text-align: right;}
.psl-shortcuts{text-align:right;}
.prov-info{width:33% !important}
.network-logos{max-width:80px !important;width:100% !important;height:80px !important}
.hide{display:none !important}

@media(max-width:1024px){
.psl-directions{height:500px}
}
@media(max-width:768px){
.psl-directions{height:500px}
.psl-count,.psl-title{text-align:center;}
.psl-shortcuts{text-align:left;}
.prov-info{width:40% !important}
}
/*!END Smart Search CSS*/