﻿.logo{
    padding: 40px 15px;
    text-align: center;
}

.centre-btn{
    text-align:center;
}

.centre-btn a{
    width: 100%;
}

.centre-btn button{
    width: 100%;
}

.provided-by{
    text-align:center;
    margin-top: 100px;
}

.provided-by span{
    font-weight: bold;
}

.filter-toggle{
    font-size: 30px;
    margin-top: -5px;
}

.filter-header{
    padding: 3px;
    font-weight: bold;
    margin-top: 20px;
}

.service-list-off{
    display: none;
}

.insurance-list-off{
    display: none;
}

.input-wraper{
    position: relative;
    margin-bottom: 20px;
}

.filter-section-title{
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
}

.filter-section-subtitle{
    text-align: center;
    font-weight: bold;
}

#search-result-map{
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

.result-switch-view-btn{
    width: 120px;
}

.result-list-item{
    padding-bottom: 10px;
    margin: 10px;
    list-style: none;
    border-bottom: 1px solid #cccccc;
}

.result-list-icon{
    margin-top: 2px;
}

.property-list-item{
    margin-left: 40px;
    font-size:13px;
}

.property-list-item .property-name{
    margin: 0px;
    white-space: nowrap;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
    text-overflow: ellipsis;
}

.property-list-item .property-address{
    margin: 0px;
    font-style:italic;
    white-space: nowrap;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
    text-overflow: ellipsis;
}

.list-loading-items{
    text-align:center;
    margin-top: 15px;
}

.result-views-container{
    margin-top: -65px;
    padding-top: 65px;
    height: 100%;
}

.result-views{
    height: 100%; 
    border: 1px solid #cccccc;
    padding: 3px;
    background: #ffffff;
    border-radius: 5px;
    overflow-y: scroll;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
}

.filter-button{
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.switch-views{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width:calc(100% - 200px);
}

.switch-views .btn-group{
    width: 100%;
}

.result-switch-to-listview-btn{
    width: 50%;
}

.result-switch-to-mapview-btn{
    width: 50%;
}

.minimize{
    margin-left: -5px !important;
    width: 1px !important;
    height: 1px !important;
}

.char-wrap{
    word-wrap:break-word; 
}

.info-panel-break{
    margin-bottom: 0px;
    margin-top: 0px;
}

.info-panel-row{
    font-size: 13px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.modal-backdrop.in{
    opacity: 0;
}

.modal-body {
    height: calc(100vh - 100px);
    overflow-y: scroll;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
}

.modal-title {
    font-size: 14px;
    font-weight: bold;
}

.property-info-loading{
    text-align: center;
    margin-top: calc((100vh - 100px) / 2 - 30px);
}

.carousel-control.left{
    background-image: none;
}

.carousel-control.right{
    background-image: none;
}

.choose-city-title{
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
}

.result-list-item .city-name{
    margin: 0px;
    white-space: nowrap;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
    text-overflow: ellipsis;
}

.result-list-item .city-region{
    margin: 0px;
    font-style:italic;
    white-space: nowrap;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
    text-overflow: ellipsis;
}

.btn, .btn-primary{
    background-color:#EEF3F4;
    color:#006871;
}

.focus.btn-primary, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #88B5B9;
    border-color: #122b40;
}

.container{
    background-color:#EAE8E9;
}

.text-primary {
    color: #006871;
}

.btn-default:focus, .focus.btn-default {
    color: #006871;
    background-color: #EEF3F4;
    border-color: #122b40;
}

.btn-default:hover:active, .active.btn-default:hover, .open > .btn-default.dropdown-toggle:hover, .btn-default:focus:active, .active.btn-default:focus, .open > .btn-default.dropdown-toggle:focus, .focus.btn-default:active, .focus.active.btn-default, .open > .focus.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #88B5B9;
    border-color: #122b40;
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .active.btn, .btn-group-vertical > .active.btn {
    background-color: #88B5B9;
    color: #fff;
}

.modal-content{
    background-color:#EAE8E9;
}

.info-panel-header{
    background-color: #DDE9EA;
    color: #006871;
    padding-left:5px;
    font-weight:bold;
    font-size:small;
    margin-bottom: 0px;
    margin-top: 25px;
    height:20px;
}

.info-panel-row{
    padding:0px 8px 0px 8px;
    color:#4D4D4D;
}

.modal-header{
    color:#fff;
    background-color: #006871;
}

.close:hover, .close:focus {
    color: #fff;
    opacity: 1;
}

.close{
    opacity: 1;
    color: white;
}

.container {
    height: calc(100% - 100px);
}

#facility_name{
    font-size: 16px;
}

#city_name{
    font-size: 16px;
}

