/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1490,35): run-time error CSS1046: Expect comma, found '248'
(1490,42): run-time error CSS1046: Expect comma, found ')'
 */
:root {
    --tab-border-radius: 18px;
    --tab-closed-color: #212529;
    --tab-arrow-color: dimgray;
}



html, body {
    font-family: 'Roboto', Arial, sans-serif;
}

.blendMultiply {
    mix-blend-mode: multiply !important;
}


#plugin .sidebar .accordion .content {
    padding-left: 14px !important;
}

.loc-hidden {
    display: none !important;
}

#plugin .loc_save_url_input {
    margin-top: 10px;
}

/*#instructions .pushable {
     display: flex;
    overflow: visible;
    min-height: 100vh;
    flex-direction: column;
}*/

#instructions .pusher {
    display: block;
    overflow: visible;
    min-height: 100vh;
    flex-direction: column;
    background: white;
}

#instructions .pusher > .full.height {
    flex: 1;
}

#instructions .pusher > .footer {
    margin: 0em;
    border-radius: 0em;
    padding: 2em 0em 2em;
}


@media all and (min-width : 1150px) {
    #instructions .container {
        width: 1150px;
        margin: 0em auto;
    }
}


#instructions .client-icons img{
    width:130px;
    max-height:140px;
    margin:10px;
}

#instructions .header.segment {
    position: relative;
    z-index: 2;
    margin: 0em;
    padding: 20px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

#instructions .ui.dividing.header {
    margin-top: 2em;
}

#instructions .main.segment {
    padding-top: 1em;
    padding-bottom: 3em;
}

code.box {
    background-color: rgba(0, 0, 0, 0.02);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro",monospace;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px 0px 0px;
    padding: 2px 4px;
    vertical-align: baseline;
}


/*******************************
         Code Samples
*******************************/


.hljs {
    display: block;
    overflow-x: auto;
    padding: 0em;
    color: #666;
    background-color: transparent;
    -webkit-text-size-adjust: none;
}

/*--------------
    Hover Only
---------------*/

.hljs, .hljs span {
    -moz-transition: 0.5s color ease;
    -webkit-transition: 0.5s color ease;
    -ms-transition: 0.5s color ease;
    transition: 0.5s color ease;
}

.hljs {
    color: #333333;
}

.hljs.xml {
    color: #555555;
}

.hljs.xml:hover {
    color: #333333;
}

/* Class Name */
.hljs-string, .hljs-tag .hljs-value, .hljs-phpdoc, .hljs-dartdoc, .tex .hljs-formula {
    color: #009991;
}

.code:hover .hljs-string, .code:hover .hljs-tag .hljs-value, .code:hover .hljs-phpdoc, .code:hover .hljs-dartdoc, .code:hover .tex .hljs-formula {
    color: #009991;
}

/* Comment */
.hljs-comment, .hljs-template_comment, .diff .hljs-header, .hljs-javadoc {
    color: #AAAAAA;
    font-style: italic;
}


/* Properties */
.hljs-tag, .hljs-rules .hljs-property, .django .hljs-tag .hljs-keyword {
    color: #999999;
    font-weight: normal;
}

.code:hover .hljs-tag, .code:hover .hljs-rules .hljs-property, .code:hover .django .hljs-tag .hljs-keyword {
    color: #892A6F;
    font-weight: normal;
}

/* HTML Tag */
.hljs-tag .hljs-title {
    color: #7E7079;
    font-weight: normal;
}

.code:hover .hljs-tag .hljs-title {
    color: #892A6F;
}

/* Attribute */
.hljs-attribute, .hljs-variable, .lisp .hljs-body {
    color: #8E6E6E;
    transition: color 0.3s;
}

.code:hover .hljs-attribute, .code:hover .hljs-variable, .code:hover .lisp .hljs-body {
    color: #934E4E;
}

/* CSS ID */
.hljs-title, .hljs-id, .scss .hljs-preprocessor {
    color: #009FDA;
    font-weight: bold;
}

/* CSS Attribute */
.hljs-rule .hljs-attribute {
    color: #892A6F;
}

.code:hover .hljs-rule .hljs-attribute {
    color: #892A6F;
}

/* CSS Value */
.hljs-number, .hljs-hexcolor, .ruby .hljs-constant {
    color: #666666;
}

.code:hover .hljs-number, .code:hover .hljs-hexcolor, .code:hover .ruby .hljs-constant {
    color: #333333;
}



/*--------------
      Normal
---------------*/

.hljs-keyword, .css .rule .hljs-keyword, .hljs-winutils, .javascript .hljs-title, .nginx .hljs-title, .hljs-subst, .hljs-request, .hljs-status {
    color: #333;
    font-weight: bold;
}

.javascript .hljs-title, .hljs-list .hljs-keyword, .hljs-subst {
    font-weight: normal;
}

.hljs-class .hljs-title, .hljs-type, .vhdl .hljs-literal, .tex .hljs-command {
    color: #458;
    font-weight: bold;
}


.hljs-regexp {
    color: #009926;
}

.hljs-built_in {
    color: #0086b3;
}

.hljs-preprocessor, .hljs-pragma, .hljs-pi, .hljs-doctype, .hljs-shebang, .hljs-cdata {
    color: #999;
    font-weight: bold;
}

.hljs-deletion {
    background: #fdd;
}

.hljs-addition {
    background: #dfd;
}

.diff .hljs-change {
    background: #0086b3;
}

.hljs-chunk {
    color: #aaa;
}

#example:not(.site) > .pusher > .full.height {
    background-color: #F7F7F7;
}


/*******************************
      Definition Container
*******************************/

#example > .pusher > .footer {
    clear: both;
}

#example .main.container {
    background-color: #FFFFFF;
    margin: 0em auto;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 2em 2em 7em;
    z-index: 1;
}

#example .wide.main.container {
    width: 80%;
    margin: 0 auto;
    right: 0;
    max-width: 1140px;
}

#example .main.container > .right.rail .sticky, #example .main.container > .tab > .examples > .right.rail .sticky, #example .main.container > .tab > .right.rail .sticky {
    margin: 2em 0em;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#example .container {
    position: relative;
    width: 915px;
    margin: 0px auto;
}

#example .following.menu .menu .active.item {
    font-weight: bold;
}

#example .following.menu .item .menu {
    margin: 0em;
}

#example .following.menu .menu .item {
    margin: 0em;
    padding: 0.5rem 0.25rem;
}

@media only screen and (max-width : 400px) {
    #example .advertisement {
        max-width: 260px;
    }
}

@media only screen and (max-width : 600px) {
    #example .solid, #example .stripe {
        padding: 4em 0em;
    }

    #example > .pusher > .footer {
        padding: 1em 0em;
    }

    #example .container {
        width: auto;
        margin: 0em 1rem;
    }

    #example .footer .container {
        margin: 0em;
    }

    #example .main.container {
        padding: 2em 1em;
        border: none;
        box-shadow: none;
    }

    #example .header.segment {
        padding-top: 60px;
        padding-bottom: 20px;
    }

    #example .example i.code {
        opacity: 0.3;
    }

    #example .example i.code:hover {
        opacity: 1;
    }
}

@media only screen and (min-width : 600px) and (max-width : 998px) {
    #example .container {
        width: auto;
        margin: 0em 2rem;
    }

    #example .header .button {
        margin-bottom: 0.5em;
    }

    #example .main.container {
        padding: 1em 2em;
    }
}

@media only screen and (max-width : 998px) {

    #example > .pusher {
        display: block;
        width: 100%;
        height: auto;
    }

    #example > .pusher > .full.height {
        display: block;
        height: auto;
    }

    #example .following.menu {
        display: none;
    }
}

@media only screen and (min-width : 998px) {
    #example .following.menu {
        display: block;
    }

    #example .container {
        right: 110px;
    }
}

@media only screen and (min-width: 1200px) {
    #example .introduction {
        display: block;
    }

    #example .advertisement {
        left: 100%;
        padding-left: 0em;
        position: absolute;
        top: -1em;
        vertical-align: top;
    }
}

@media only screen and (min-width : 998px) and (max-width: 1200px) {
    #example .header.segment .container {
        width: 878px;
        right: -24px;
    }

    #example .tab.header.segment .tabular.menu {
        width: 680px;
    }

    #example .container {
        width: 680px;
        right: 75px;
        margin: 0em auto;
    }

    #example .container .right.rail {
        width: 200px;
        padding-left: 0em;
    }

    #example .main.container > .right.rail .sticky, #example .main.container > .tab > .right.rail .sticky {
        width: 200px;
    }
}

@media only screen and (min-width : 1200px) and (max-width: 1355px) {
    #example .container {
        width: 765px;
        right: 128px;
        margin: 0em auto;
    }
}

@media only screen and (min-width : 1355px) {
    #example .container {
        width: 850px;
    }

    #example.item .container, #example.card .container {
        width: 965px;
    }
}

/*
    
    Plugin
    
    */


#plugin .sidebar .field > label {
    font-weight: 500;
}

#plugin html, #plugin body, #plugin .full.height {
    height: 100%;
    margin: 0;
    padding: 0;
}

#plugin .full.height {
    overflow: hidden;
}

#plugin .loc_key {
    background-color: white; /*#1b1c1d;*/
}

@media only screen and (max-width: 992px) {
    html.ios {
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

/*#plugin .grid {
    position:absolute;
    z-index:1;
}*/



#plugin .loc-logo {
    margin-top: 10px;
    width: 145px;
}

#plugin .zoopla-logo {
    margin-top: 20px;
    width: 90px;
}

#plugin .loc-white {
    background: white;
}

/*#plugin .title {
    font-size:1.1em;
}*/

.prop_listing {
    /*max-width: 320px;*/
    /*padding: 0px;
    padding-left: 5px;*/
    /*height: 620px;*/
    /*margin-left: 5px;
    overflow-y: hidden;
    margin: auto;
    padding-top: 14px;*/
}

.prop_listing .list {
    max-height: 90px;
    overflow-y: auto;
    margin-top: 14px;
    font-size: 0.9rem;
    margin-bottom: 15px !important;
}

.prop_listing .prop_summary_list {
    margin-bottom: -8px !important;
    max-height: 170px;
    /*overflow: auto;*/
}

.prop_listing .content {
    max-height: 480px; /*430px;arrange viewing*/
    overflow-y: auto;
    padding-bottom: 0px;
}

/*.prop_listing .prop_description {
        font-size: 0.85rem;
    }*/

.prop_listing .carousel {
    width: 90%;
    margin: 20px auto auto;
}

.prop_listing .accordion {
    margin-top: 10px;
    box-shadow: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.prop_listing .accordion .title, .school_info .accordion .title {
    padding-top: 5px !important;
    padding-bottom: 7px !important;
}

.prop_listing .carousel img {
    width: 100%;
    border-radius: 15px;
    height: 190px;
}

.prop_listing .carousel .carousel-control {
    border-radius: 15px;
    height: 190px;
    color: white;
}

.prop_listing .floor-plan img {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}



.prop_listing .prop_agent_phone {
    margin-top: 10px;
    margin-bottom: 10px;
}

.prop_listing .price-change {
    font-weight: bold;
    margin-top: 5px;
}

.prop_listing .prop_branch_id {
    display: inline;
}

.prop_listing .prop_num_bathrooms, .prop_num_bedrooms, .prop_num_floors, .prop_num_recepts, .prop_outcode, .prop_property_type, .prop_first_published_date, .prop_price_change, .prop_price_change_date, .prop_price_change_price {
    display: inline;
}

.prop_listing .prop_displayable_address a {
    margin-left: 10px;
}

.prop_listing .prop_displayable_address {
    padding-top: 5px;
    display: none;
}

.prop_listing .title {
    background-color: whitesmoke;
}

.prop_listing .header {
    margin-top: 5px;
}

.prop_listing .prop_price {
    width: 100%;
}

.prop_listing .prop_document {
    float: right;
}

/*.prop_listing .prop_details_url {
    margin-top: 15px;
}*/

.prop_listing .prop_agent_logo {
    margin-top: 15px;
}

.prop_listing .prop_listing_id, .loc_valuation, .prop_latitude, .prop_longitude, .prop_country, .prop_county, .prop_image_caption, .prop_incode, .prop_last_published_date, .prop_property_number, .prop_num_floors, .prop_outcode, .prop_post_town, .prop_status, .prop_street_name, .prop_listing_status, .prop_other_image {
    display: none !important;
}

a[data-tab = "viewing"]{
    display: none !important;
}

.prop_agent_phone {
    font-weight: 600; font-size: 1rem;
}

.prop_listing .loc_carousel_control_arrow {
    margin-top: 80px;
}

.prop_listing .arrange-viewing-submit-button {
    float: left;
}

.prop_listing .arrange-viewing-zoopla-logo {
    float: right;
    margin-top: -7px !important;
    /*width: 90px;*/
}

.school_info {
    max-width: 325px;
    padding: 0px;
    height: 620px;
    margin: auto !important;
}

#schools-shortlist, #properties-shortlist {
    background-color: #EFEFEF;
    padding: 15px;
    overflow-x: scroll;
    line-height: 1.33;
}


#info-window {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: white;
    /*top: 10px;*/
}

#info-window .header {
    margin: 0px !important;
}

#info-window .content {
    background-color: white;
}

#info-window-modal {
    /*margin-bottom: 0px !important;*/
    /*max-width: 380px !important;*/
    /*max-height: 95%;*/ /*overflow-y: scroll;*/
    margin: auto;
    margin-top: 0px !important;
}


.school_info .segment {
    margin-left: -10px !important;
    margin-top: 15px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.school_info .accordion {
    margin-top: -30px; /*-33*/
    margin-left: 15px;
    margin-right: 150px;
    box-shadow: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.leaflet .accordion {
    margin-left: 10px;
}

.school_info .title {
    background-color: whitesmoke;
}

.school_info .header {
    margin-top: 5px;
}

/*.school_info .school_name {
    padding-top: 5px;
}*/

/*.school_info .school_name_summary {
    font-size:0.8rem !important;
}*/

/*.school_info .school_description {
    font-size: 0.9rem;
}*/

/*.school_info .school_website {
        float: right;
    }*/

.school_summarytable td:first-child {
    font-weight: 600;
    vertical-align: top;
}

.school_info .ui.table .school_exam_result_desc {
    font-weight: 600;
    vertical-align: top;
}

.school_info .ui.table td {
    vertical-align: top;
}

.school_info .schools_performance_divider, .schools_performance_link {
    padding-top: 10px;
}

.school_info .school_performance_section_divider, .school_inspection_section_divider {
    font-size: 0.9em !important;
    margin: 0px !important;
}


.school_arrow_icon {
    padding-left: 25px;
}

.school_info .school_exam_result {
    white-space: nowrap;
}

.school_info .school_exam_result, .school_info .school_exam_result_desc {
    margin-bottom: 5px !important;
    margin-left: 5px !important;
}

.school_exam_result>table>tbody>tr>td{
    padding:1px 10px 1px 10px !important;
}

.school_in_shortlist_window, .property_in_shortlist_window {
    padding: 12px 18px 30px 18px;
    background-color: white;
    margin: 10px;
    overflow: hidden;
}

.schools_summary_divider {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}

.item_in_modal_window {
    /*padding: 30px 0px;*/
    background-color: white;
    margin: -20px auto auto;
    text-align:left;
    /*overflow: hidden;*/
    /*max-width: 360px;*/
}

.loc_add_school_to_shortlist_label, .loc_add_property_to_shortlist_label {
    margin-left: -21px;
    /*margin-top: -8px;*/
    z-index: 999;
}

.loc_move_up_down_schools_shortlist, .loc_move_up_down_properties_shortlist {
    margin-left: 108px !important;
}

.loc_shortlist_divider_schools {
    margin-top: 0px !important;
}

.loc_shortlist_divider_properties {
    margin-top: 25px !important;
}

.loc_shortlist_divider_schools, .loc_shortlist_divider_properties {
    font-size: 0.85rem !important;
}

/*.loc_showSchoolsShortlistInMessage, .loc_showPropertiesShortlistInMessage {
    margin-top: 10px !important;
}*/

.loc_streetview_close_buton {
    position: absolute;
    right: 12px;
    top: 48px;
    z-index: 10;
}

.prop_navigation_controls {
    margin-top: 0px !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.loc_dfe_compare {
    margin-top: -7px !important;
    margin-right: 40px !important;
}


.loc_tinysmall.image {
    width: 30px; 
}

.loc_key .divider {
    font-size: 0.85rem;
}

.loc_key .divider:not(:first-child) {
    margin-top: 30px;
}

.loc_key .segment {
    padding-top: 0px;
}

#plugin .loc_side_pusher {
    display: block; /*flex*/
    overflow: visible;
    min-height: 100vh;
    flex-direction: column;
}

#plugin .loc_side_pusher > .full.height {
    flex: 1;
}

#plugin .loc_side_pusher > .footer {
    margin: 0em;
    border-radius: 0em;
    padding: 2em 0em 2em;
}

.loc-logo {
    padding-bottom: 30px;
}

/*#searchform > div {
    width: 98%;
    margin-left: 10px;
}*/

#plugin #mapsearch {
    padding-bottom: 11px;
    padding-top: 11px;
}

/*.loc_footnote {
    font-size:0.8rem !important;
    position:absolute !important;
    bottom:0px !important;
}*/

.prop_price_rent_period, .prop_price_modifier {
    display: inline-block !important;
}

.prop_price_modifier {
    font-size: 0.9rem;
}

.pageCover {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;
}

.innerPageCover {
    background: white !important;
}


#home_page .pusher {
    display: block; /*flex*/
    overflow: visible;
    min-height: 100vh;
    flex-direction: column;
}

#home_page .pusher > .full.height {
    flex: 1;
}

#home_page .pusher > .footer {
    margin: 0em;
    border-radius: 0em;
    padding: 2em 0em 2em;
}

@media all and (min-width : 1150px) {
    #home_page .container {
        width: 1150px;
        margin: 0em auto;
    }
}

#home_page .header.segment {
    position: relative;
    z-index: 2;
    margin: 0em;
    padding: 20px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

#home_page .ui.dividing.header {
    margin-top: 2em;
}

#home_page .main.segment {
    padding-top: 1em;
    padding-bottom: 3em;
}


#home_page {
}

#home_page #schoolsmap {
    width: 100%;
    margin: 0px auto;
    border: 0px solid #CCCCCC;
}

#home_page .loc_full_width_container {
    width: 100%;
    padding-top: 10px;
}

#home_page .loc_background {
    width: 100%;
    height: 780px;
    background-image: url("../jpg/background.jpg");
    background-size: 1500px 902px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: black !important;
}

#home_page .loc_main_logo {
    width: 200px;
}

#home_page .loc_main_table {
    width: 100%;
}

#home_page .loc_main_table td:first-child {
    width: 300px;
}

#home_page .loc_main_table td:not(first-child) {
    width: 100%;
}

/*#home_page .loc_leaderboard_ad {
        width:728px;
    }*/

.loc_centered {
    margin: 0 auto;
    text-align: center;
}

#home_page .loc_title {
    font-size: 4rem;
    color: white;
    margin-top: 140px;
    font-weight: bold;
}

#home_page .loc_sub_title {
    font-size: 1.45rem;
    color: white;
    font-weight: bold;
}

#home_page #searchform {
    margin-top: 20px;
    width: 300px;
}

#home_page #loc_highlights .header {
    font-size: 1.5em;
}

#home_page #loc_highlights .column {
    padding-top: 35px;
}

#home_page #loc_highlights {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

/*#home_page #loc_highlights .header {
            text-align: center;
        }*/


#home_page .loc_about_us {
    margin-top: 40px;
}

#home_page .loc_about_us_section, .loc_catchment_notes_section {
    padding-top: 60px;
}

#plugin .loc_full_screen, #home_page .loc_full_screen, #main .loc_full_screen {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: #E9E5DC !important;
}

#home_page .loc_full_screen, #main .loc_full_screen {
    background: transparent !important;
}

#plugin .loc_banner_ad > td, #home_page .loc_banner_ad > td, #sitemap .loc_banner_ad > td,
#main .loc_banner_ad > td {
    margin: 0px;
    padding: 0px;
}

#plugin .loc_banner_ad_container, #home_page .loc_banner_ad_container, #sitemap .loc_banner_ad_container,
#main .loc_banner_ad_container {
    height: 50px !important;
    overflow: hidden;
    text-align: center;
}

#home_page #loc_tower_ad, #sitemap #loc_tower_ad, #main #loc_tower_ad {
    padding-left: 10px;
}

/*#plugin #tip1 {

    z-index:9999;
    position:absolute;
    top:14px;
    right:80px;
    color:white;
    font-size:1.2em;
}*/

#home_page .loc_back_to_top {
    margin-bottom: 20px;
}

#plugin .loc_updated {
    font-size: 0.8rem;
    color: #808080;
    text-align: center;
}

#plugin .loc_smaller_text {
    font-size: 0.85rem;
}

.loc_old_browser {
    background-color: #666666;
    color: White;
    font-size: 1.2rem;
    padding: 20px;
    height: 100%;
}

#sitemap .loc_scrolling_grid {
    height: 100%;
    overflow-y: scroll;
    padding: 10px;
    margin-right: 1px;
}

#sitemap .loc_full_screen {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#sitemap .loc_main_logo {
    width: 300px;
    padding: 10px;
}

/*#sitemap {
    background: black;
}*/

#sitemap .loc_full_width_container {
    width: 100%;
}

#sitemap .footer {
    padding-left: 10px;
}

#plugin .pluginHelpMenu {
    position: absolute;
    top: 41px;
    right: 30px;
    z-index: 1100;
}

#plugin .pluginHelpKey {
    position: absolute;
    z-index: 100;
    margin-bottom: 30px;
    margin-left: 30px;
    z-index: 1100;
}


#plugin .pluginHelpMessage {
    position: absolute;
    /*width: 503px;
    height: 198px;background-image: url(../assets/images/helptext.png);*/
    margin-top: -99px;
    margin-left: -251px;
    z-index: 1100;
}

#plugin .pluginHelpMessage.loc-mobile {
    position: absolute;
    /*width: 352px;
    height: 139px;background-image: url(../assets/images/helptext.png);*/
    margin-top: -69px;
    margin-left: -170px;
    z-index: 1100;
}

.locCentered {
    position: absolute;
    top: 50%;
    left: 50%; /* bring your own prefixes */ /*transform: translate(-50%, -50%);         */
}

#plugin .pluginHelpHide {
    position: absolute;
    z-index: 1200;
    margin-top: 16px;
    margin-left: -32px;
}

#sitemap .loc_background {
    width: 100%;
    height: 400px;
    background-image: url("../jpg/background.jpg");
    background-size: 1500px 902px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: black !important;
}

.school_info .locTitleTop {
    margin-left: 30px;
    margin-bottom: 10px;
    color: grey;
    text-align: center;
}

.prop_listing .locTitleTop {
    margin-left: 0px;
    margin-top: 30px;
    margin-bottom: 10px;
    color: grey;
    text-align: center;
}

.loc_valuation {
    text-align: center;
    padding-top: 10px;
    font-size: 0.9rem;
}

.loc-recommended {
    color: gray;
}

.loc-recommended > .header {
    margin-top: 40px;
    padding-top: 20px;
    margin-bottom: 40px;
}



/* SEMANTIC OVERRIDES */


.ui.right.ribbon {
    font-size: 0.8rem !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.ui.styled.accordion .accordion .active.title, .ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .active.title, .ui.styled.accordion .title:hover {
    background-color: whitesmoke;
    color: rgba(0,0,0,.8);
}




#main .pusher {
    display: block;
    overflow: visible;
    min-height: 100vh;
    flex-direction: column;
}

#main .pusher > .full.height {
    flex: 1;
}

#main .pusher > .footer {
    margin: 0em;
    border-radius: 0em;
    padding: 2em 0em 2em;
}

@media all and (min-width : 1150px) {
    #main .container {
        width: 1150px;
        margin: 0em auto;
    }
}

#main .header.segment , #instructions .header.segment{
    position: relative;
    z-index: 2;
    margin: 0em;
    padding: 20px;
    background-color: #131313;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 10px;
    background-image: url("../jpg/backgroundshort2.jpg");
    background-size: 950px;
    background-repeat: no-repeat;
    background-position: bottom center;
    /*background-color: black !important;*/
    background-position: center -45px;
    height: 280px;
}

#main .introduction, #instructions .introduction {
    padding-bottom: 50px;
    padding-top: 10px;
    color: white;
}

#main .ui.dividing.header, #instructions .ui.dividing.header {
    margin-top: 1em;
}

#main .main.segment, #instructions .main.segment {
    padding-top: 1em;
    padding-bottom: 3em;
}



#main .introduction > h2 , #instructions .introduction > h2{
    margin-top: 0px;
}

#main .introduction > h2,  #instructions .introduction > h2  {
    margin-top: 0px;
}

/*#main #instructions td {
    padding-top:20px;
}*/

#main .loc_main_table, #instructions .loc_main_table {
    width: 100%;
}

/*#main .loc_main_table td:first-child {
            width: 300px;
        }

        #main .loc_main_table td:not(first-child) {
            width: 100%;
        }*/

#main #schoolsmap {
    width: 100%;
    margin: 0px auto;
    border: 1px solid #CCCCCC;
}

#main .loc_full_width_container {
    width: 100%;
    padding-top: 10px;
}

#main .reduced-text {
    font-size: 0.95rem;
}

#main #title, #instructions #title {
    /*padding-top: 10px;*/
    padding-bottom: 30px;
    padding-left: 10px;
    font-weight:normal;
    font-family: acme;font-size: 22px;text-align: left;color:darkgray;padding-top:0px;
    margin-top: 0px;
}

#main #loc_highlights .header {
    font-size: 1.5em;
}

#main #loc_highlights .column {
    padding-top: 35px;
}

#main #loc_highlights {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#main #instructions > table {
    margin-top: 0px;
    margin-bottom: 10px;
}

#main #instructions .corner.label {
    position: relative;
}


#main .loc-recommended {
    color: gray;
}

#main .loc-recommended > .header {
    margin-top: 40px;
    margin-bottom: 20px;
}

#main .loc-recommended {
    margin-bottom: 10px;
}

/*#main .accordion .title {
    font-family: inherit;
    line-height: 1.33em !important;
   
    font-weight: 700;
}*/

#main .footer .item {
    font-size: 0.95rem;
}

#main .loc_main_table .grid {
    margin-top: -75px;
}

#plugin #schoolsInViewTd {
    vertical-align: top;
}

#plugin #schoolsInView {
    vertical-align: top;
    overflow-y: auto;
    -ms-overflow-y: auto;
    height: 100%;
    /*width: 250px;*/
    /*background-color: #1b1c1d ;*/
    background: gainsboro;
}

#plugin #schoolsInView .header {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 6px;
}

#plugin #schoolsInView table td {
    padding: 0px;
    cursor: pointer;
}

#plugin #schoolsInView table td {
    padding-bottom: 6px;
    cursor: pointer;
}

#plugin #schoolsInView table .siv_title td {
    padding-bottom: 0px;
    cursor: pointer;
    padding-left: 10px;
    display: table-cell !important;
    letter-spacing: 0.02rem;
    font-weight: 600;
    box-shadow: none !important;
}

#plugin #schoolsInView .siv_sort {
    font-size: 1rem;
    margin-bottom: 0px;
    /*margin-top: 5px;*/
    padding-bottom: 0px;
    color: black;
    /*color: #d4d4d5;*/
    /*color: yellow;*/
    margin: -1px;
    margin-top: -9px;
}

#plugin #schoolsInView p {
    margin-bottom: 0px;
}

    /* Override Semantic default of grey rows*/
    #plugin #schoolsInView .ui.striped.table tbody tr:nth-child(2n), #plugin #schoolsInView .ui.striped.table > tr:nth-child(2n) {
        background-color: rgb(240 248 255);
    }

#plugin .siv_title {
    /*font-size: 1rem;*/
    /*font-weight: bold;*/
    /*margin-bottom: 6px;*/
    margin-top: 4px;
    /*font-weight: bold;*/
    margin-right: 8px;
    color: dimgray;
}

#plugin .siv_title img {
    width: 22px;
}

#plugin .siv_title td {
    border: none;
}

#plugin .siv_type {
    /*font-size: 0.9rem;*/
    padding-left: 42px;
}

#plugin .siv_rank {
    font-size: 0.8rem;
    /*color: #d4d4d5;*/
    /*color:palegoldenrod;*/
}

#plugin .siv_measure {
    font-size: 0.9rem;
    /*color: #d4d4d5;*/
    /*color:burlywood;*/
}

#plugin .siv_aps {
    font-size: 0.8rem;
    /*color: #d4d4d5;*/
    /*color:paleturquoise;*/
}

/*#resultsexplained h3 {
    margin-bottom:30px;
}*/

/*#resultsexplained table {
    margin-top:30px;
    margin-bottom:30px;
}*/

/*#leaguetables h3 {
    margin-bottom:30px;
}*/

/*#leaguetables table {
    margin-top:30px;
    margin-bottom:30px;
}*/

.loc-warn {
    color:orange;
}

.loc_search_control_main
{
    position:absolute;
    top:10px;
    z-index: 2;
}

.shift-left
{
    right:60px !important;
}


/*.loc_current_location{
    position:absolute;
    top:113px;
    z-index: 2;
}*/

#start_message-modal .header , #school_start_message-modal .header
{
    background:none;
    font-size:1.28em;
}

.leaflet-control-attribution a
{
    color:gray;
    font-size:9px;
}

.leaflet-container .leaflet-control-attribution {
    background: transparent !important;
}

.leaflet-popup-scrolled
{
    border: 0px;
}

.gm-style-iw .school_info
{
    padding-left:10px;
}

.leaflet-popup-content-wrapper{
    border-radius:0px;
}

.leaflet-container
{
    background: #f5f5f3
    /*#e6e9e6*/

}

.testimonial_from
{
    font-weight:bold;
  
}

.testimonial
{
    /*font-size:1.05rem;*/
    font-style:italic;
    margin-top:35px;
}

.loc-map-style-image{
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
}

.gm-style-iw>div
{

    overflow: visible !important;
}

.house-prop-icon,  
.single-prop-icon,  
.multiple-prop-icon
{
    width:40px;
    height:38px;
}


.school-rank-table td:last-child{
    text-align:right;
}

.school-rank-table td:first-child{
    font-weight:bold;
}

.school-rank-table {
    margin: 0px !important;
    padding: 0px !important;
    font-size: 0.9rem !important;
}

.old_school_performance_table td:first-child{
    width:50% ;
}

.school-result-table td:first-child {
    width:55% ;
}

.school-progress-table td:last-child{
    width:60% ;
}

.school-result-table thead, .school-progress-table thead
{
    background-color:whitesmoke;
}

.school-result-table, .school-progress-table{
    font-size: 0.9rem !important;
    margin: 0.5em 0 !important;
}

.school-result-table td,  .school-progress-table td{
    padding: 2px 5px 0px 5px !important;
}

.school-result-table th,  .school-progress-table th{
    padding: 2px 2px 0px 5px !important;
}

/*.ldo-table td:first-child {
    width: 55%;
}

.ldo-table td:last-child {
    width: 60%;
}*/

.ldo-table thead {
    background-color: whitesmoke;
}

.ldo-table {
    font-size: 0.9rem !important;
    margin: 0.5em 0 !important;
}

.ldo-table td {
        padding: 2px 2px 1px 4px !important;
    }

.ldo-table th {
        padding: 2px 2px 1px 4px !important;
    }


.school-rank-table td,
.old_school_performance_table td,
.school_performance_table td,
.school_summarytable td,
.school_address td
/*,
.school_inspection_table td*/ {
    font-size: 0.9rem !important;
    padding: 0px !important;
    border: 0px !important;
}

.prop_prices_summarytable td {
    font-size: 0.9rem !important;
    padding: 3px !important;
}

.prop_prices_summarytable th {
    font-size: 0.9rem !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.school_info .content {
    max-height: 450px;
    overflow-y: auto;
}

#loc_tower_ad_non_map_pages
{
    position:fixed;
    left:15px;
}

/* Needed to override Leaflet styles*/
.info-window-font-set {
    font-family:'Roboto' !important;
}

.little-label {
    font-size: 0.75rem;
    font-weight: 400;
    color: white !important;
    border-radius: 3px;
    padding: 1px 3px;
    width: fit-content;
    display: inline-block;
}

.little-label-date {
    font-size: 0.8rem;
    font-weight: 400;
    color: black !important;
    display: inline-block;
    width: fit-content;
}

.no-member-msg-popup{
    text-align:left !important;
    width: 100%;
    font-size: 0.9rem;  
    color: black; 
    text-align: center; 
    /*border-radius: 6px;*/ 
    padding: 6px 10px; 
    /*background: #f1f5f9;
     box-shadow: 0 0 0 2px rgba(0, 0, 255, .2);*/
    margin-top: -6px;
    /*margin-left: -10px;*/
}

.no-member-msg{
    text-align:left !important;
    font-size: 0.9rem;  
    color: black; 
    text-align: center; 
    /*border-radius: 6px;*/ 
    padding: 8px 10px; 
    /*background: #f1f5f9;*/
    background: white;
    /*box-shadow: 0 0 0 2px rgba(0, 0, 255, .2);*/
    margin: 10px;
    border-radius: 3px;
}

.circle-1 {
    stop-color:rgb(0,180,0);stop-opacity:0.6
}

.circle-2 {
    /*stop-color:rgb(0,255,0);stop-opacity:1*/
    stop-color:rgb(255, 204, 0);stop-opacity:0.7
}

.circle-3 {
    stop-color:rgb(255, 204, 0);stop-opacity:0.8
}

.circle-4 {
    stop-color:rgb(236, 112, 99);stop-opacity:0.05
}




.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid gainsboro;
    /*border-bottom: none;
    border-top: none;*/
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
    border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9; 
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: rgb(232, 240, 254) !important; 
    color: #ffffff; 
}

.close.icon {
    width: 30px;
    text-align: center;
    height: 30px;
    font-size: 1.4rem;
}

.trim-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
}

.trim-text-wide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}


.small-menu i {
    font-size: 1.1rem !important;
}

.pricesButtons {
    display: none !important;
}


.signUpLink {
    /*display: none !important;*/
}

.signUpLink i {
    /*display: none !important;*/
    font-weight: bold;
    vertical-align: inherit;
    pointer-events:all ;
    margin-right: 0px;
}


.pricesButtons .blue {
    background: #505cfd !important;
}

.pricesButtons .green {
    background: #28a745 !important;
}

/*.icon-poi {
    -webkit-filter: grayscale(90%) contrast(1.3);
    filter: grayscale(90%) contrast(1.3);  grayscale hue-rotate sepia contrast
    -webkit-filter:saturate(0.9) contrast(1.3) brightness(0.9);
    filter:saturate(0.9) contrast(1.3) brightness(0.9);
    filter: grayscale(100%);
}*/

.independent_gcse_stars {
    opacity: 0.5;
}

.ui.bottom.attached.tab.segment {
    background-color: rgba(0, 0, 0, .03);
}

.map-type-selector {
    cursor: pointer;
}