html {
  overflow-y: scroll; 
   max-width: 100%;
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif !important;
}
body {
    font-family:'Open Sans', sans-serif !important;
    font-size:.85em;
}
@media (min-width: 768px){
    .container-fluid{
        width:auto;
    }
    .container-fluid .map-container-4 {
            height: 500px;
        }
    .container-fluid #clinicList {
        height: 400px;
    }
}
@media (min-width: 992px){
    .container-fluid{
        width: auto
    }
    .container-fluid .map-container-4 {
            height: 500px;
        }
    .container-fluid #clinicList {
        height: 4000px;
    }
}
@media (min-width: 1200px) {
    .container-fluid{
        width: auto;
    }
   .container-fluid .map-container-4 {
            height: 500px;
    }
    .container-fluid #clinicList {
        height: 400px;
    }
}
@media (min-width: 1900px) {
    .container-fluid{
        width: auto;
    }
    .container-fluid .map-container-4 {
            height: 700px;
    }
   .container-fluid #clinicList {
        height: 600px;
    }
}
/*ADHS LOGO*/

.logo {
    margin: 15px 0;
    display: inline-block;
    min-height: 50px;
    float: left;
    margin-right: 15px;
    margin-left: 18px;
    vertical-align: middle;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
}

.motto {
    margin: 0;
    padding: 0;
    line-height: 15px;
    font-size: 0.87em;
    font-family: 'Fira Sans', sans-serif !important;
    font-style: oblique;
    color: #790306;
}

.title {
    font-family: 'Abel', sans-serif !important;
    margin: 29px 0 0 0;
    padding: 0;
    font-size: 1.5em;
    letter-spacing: 0.015em;
    word-spacing: .05em;
    font-weight: normal !important;
    color: black;
    display: inline-block;
}

.gm-style-iw {
    overflow: hidden !important;
    padding: 12px !important;
}
.gm-style-iw div {
     overflow-x: hidden !important;
}

.map-container-4 {
    height: 535px;
    overflow-x:hidden;
}

.Location:hover{
    background-color: #F0F0F0;
    cursor:pointer;
}
.Location{
    border-style: solid;
    border-color:#F0F0F0;   
}

.mapIconLabel {
    font-size: 15px;
    color: #FFFFFF;
}
.infoWindowContentWrapper div{
    width:inherit;
}

.infoWindowContentWrapper div hr {
    margin-top: 2px;
    margin-bottom: 2px;
}     
#clinicList {
    height: 440px;
    overflow-y: scroll;
    overflow-x:hidden;
    margin-left:12px;
}
.clinicName{
    font-weight:normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    word-spacing:0.15px;
}
#Caption{
    font-family: 'Open Sans', sans-serif;
    font-weight:normal;
    font-size:12px;
    word-spacing:0.4px;
}
.inforWindow{
    height: auto !important; 
    width: auto !important;
    color:black;
    margin-top:6px 6px 6px 6px;
}
.body2{
     font-family: 'Open Sans', sans-serif;
    font-weight:normal;
    font-size:14px;
   word-spacing:0.25px;
   color:#3C4043;
}
.LinkColor{
    color:#1A73E8;
}
.DirecButton{
    font-weight:bold;
    word-spacing:0.15px;
    font-size:14px;
    outline-color:white;
}
.imageStyle{
    width:100px;
    height:100px;
}
.defaultimageStyle{
    width:75px;
    height:60px;
}
.showClear{
    display: block;
}
.hideClear{
    display:none;
}

.toLink {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color:#428bca;
    cursor: pointer;
    margin-top:16px;
}