/*! CSS Used from: Branches Style CSS*/
a{text-decoration:none;cursor:pointer;color:#0074ae;}
a:hover{color:#21c1e0;}
a:focus,a:hover,a:visited{text-decoration:none;outline:0;}
h1,h3,h4,h5{font-family:Letters-for-Learners;}
[role=button]{cursor:pointer;}
.bg-light{background-color:#f9fbfd!important;}
.bg-white{background:#fff;}
.bg-blue-200{background:#21c1e0;}
.bg-blue-400{background:#0074ae;}
.text-blue-300{color:#0074ae;}
::-webkit-input-placeholder{color:inherit;font-size:17px;}
::-moz-input-placeholder{color:inherit;}
::-ms-input-placeholder{color:inherit;}
.form-control:focus{color:#495057;background-color:#fff;border-color:#00c4e4;outline:0;box-shadow:0 0 0 .05rem #00c4e4;}
.input-group>.input-group-append:not(:last-child)>.btn{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}
li,ul{list-style:none;padding:0;margin:0;}
.btn-outline-secondary:hover{color:#fff;background-color:#0074ae;border-color:#0074ae;}
.btn-outline-secondary:hover svg path:nth-child(2){fill:#fff;}
.btn-outline-secondary{color:#0074ae;border-color:#0074ae;}
.form-control{border:1px solid #0074ae;}
.input-group-append,.input-group-prepend{background:#fff;}
.input-group-text{width:40px;background:#fff;border:1px solid #0075b3;}
img{display:inline-block;max-width:100%;height:auto;}
.active{height:100%;}
.btn-primary{color:#fff;background-color:#0074ae;border-color:#0074ae;}
.btn-primary:hover{color:#fff;background-color:#21c1e0;border-color:#21c1e0;}
.sidebar-form .input-group-text svg{margin:0 auto;font-size:16px;color:#0074ae;}
.sidebar-form .input-group-text{width:40px;background:#fff;}
.get-location .input-group-prepend button.btn.btn-outline-secondary{width:42px;}
.sidebar-form .btn.btn-outline-secondary{border-color:#cdd4d9;}
.div-visit-form .datepicker{padding-left:10px;}
.sidebar-form .btn.btn-outline-secondary svg{color:#0074ae;fill:#0074ae;width:20px;height:20px;}
.fa-map-marker-alt{content:url(/assets/svg/map-marker-alt.svg);}
.fa-chevron-down{content:url(/assets/svg/chevron-down.svg);}
.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#0074ae!important;}
.bootstrap-select>.dropdown-toggle{background:#fff;}
.sidebar-form .filter-option-inner-inner:before{position:absolute;border:.7px solid #ccd4d8;content:"";height:37px;top:0;left:40px;}
.sidebar-form .filter-option-inner-inner{margin-left:40px;}
.sidebar-form .filter-option-inner-inner i.fas.fa-map-marker-alt{position:absolute;left:15px;top:10px;}
button.btn.btn-primary{background-color:#21c1e0;border-color:#21c1e0;}
.modal-dialog .modal-content{box-shadow:0 27px 24px 0 rgba(0,0,0,.2),0 40px 77px 0 rgba(0,0,0,.22);border-radius:6px;border:none;}
.show.collapse{height:auto!important;}
.datepicker{border-radius:.25rem;direction:ltr;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden;color:#0074ae;}
[data-id=visit_center]{height:40px!important;}
.bootstrap-select .btn-light{border-color:#0074ae;}
.card-shadow{box-shadow:0 16px 48px #e3e7eb;}
#map_wrapper{height:600px;position:relative;width:100%; border-radius: 12px;border: 2px solid #e0dede;}
#map_canvas{width:100%;height:100%;}
.brances-view h1{color:#fc4f4f;font-size:4em;}
.brances-view h1 span{color:#3bbdd8;}
.location-finder .dropdown .btn{background:#fc4f4f;border:#fc4f4f;}
.get-location input::placeholder{color:#fff;}
.get-location .btn-outline-secondary{color:#7e39d3;border-color:#7e39d3;}
.brances-view .get-location input{border:1px solid #7e39d3;background:#7e39d3;color:#fff;}
.dropdown-item.active,.dropdown-item:active{background-color:#21c1e0;}
.location-finder .dropdown-menu{width:100%;}
.location-finder .input-group-append button{max-height:38px;}
article.center-listing{max-height:550px;overflow:scroll;}
article.center-listing .card:hover{box-shadow:0 5px 15px rgba(0,0,0,.3);transition:opacity .3s ease-in-out;}
article.center-listing .card:hover::after{opacity:1;}
.brances-view .card-body li{margin-left:40px;font-size:14px;}
.brances-view .card-body li span{position:absolute;left:20px;}
.pac-container{z-index:9999;}

/*! CSS Used from: Branches Responsive*/
@media only screen and (max-width:1023px){
.location-insert{position:unset!important;}
}
@media only screen and (max-width:767px){
.location-insert{position:unset!important;}
}
@media only screen and (max-width:479px){
.location-insert{position:unset!important;}
.location-insert{position:initial;}
}
@media only screen and (min-width:375px) and (max-width:667px){
.location-insert{position:unset!important;}
}
@media only screen and (min-width:320px) and (max-width:480px){
.location-insert{position:unset!important;}
.location-finder .col-auto{width:100%;margin:10px 0;text-align:center;}
.brances-view h1{font-size:2.5em;font-weight:600;text-align:center;}
}

 .search_container {
      background: #f8f8f8;
      float: left;
      width: 100%;
      padding-top: 25px;
      padding: 25px 15px 15px 15px;
      border-radius: 12px;
      border: 2px solid #e0dede;
  }
    #map_wrapper {
      width: 100%;
      height: 350px;
      min-height: 465px;
      border-radius: 12px;
      border: 2px solid #e0dede;
  }
  #map_wrapper, .footer p {
      margin: 0;
      padding: 0;
  }
   .border-manage div.card {
      float: left;
      width: 100%;
      height: 100%;
      padding: 10px 10px;
      font-size: 14px;
      background: #eee;
      border-radius: 5px;
      position: relative;
      padding: 10px 10px 20px 10px;
  }
  .border-manage div.card:hover {
      background: #fff;
      box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  }
  .brances-view .get-location textarea {
      border: 1px solid #7e39d3;
      background: #7e39d3;
      color: #fff;
  }
  .brances-view .get-location textarea::placeholder{
     color: #fff;
  }
  .left-banner ul {
      margin: 0;
      padding: 0;
      width: 100%;
  }
  .left-banner ul li {
      margin-bottom: 24px;
      float: left; 
      width: 100%; 
  }
  .left-banner ul li, .view-map ul, ul {
      list-style: none;
  }
  .form-add-or {
      height: 1px;
      display: block;
      background: #656594;
      position: relative;
  }
  .form-add-or::before {
      content: " ";
      width: 60px;
      height: 30px;
      position: absolute;
      top: -11px;
      background: #f8f8f8;
      padding: 0 10px;
      left: 50%;
      transform: translate(-50%,0);
  }
  .form-add-or::after {
      content: "Or";
      position: absolute;
      top: -11px;
      background: #f8f8f8;
      padding: 0 12px;
      left: 50%;
      transform: translate(-50%,0);
      text-transform: uppercase;
      border: 1px solid #2e2e46;
      border-radius: 5px;
      color: #000;
  }