body {
    background-image: url(images/icons/BGTimeline.png);
    background-repeat: no-repeat;
    background-size: 100vw;
    margin-top: 25px;
    background-color: #00213d;
}

.glyphicon {
    font-family: inherit;
}

    .glyphicon:before {
        font-family: 'Glyphicons Halflings';
    }

/* Set padding to keep content from hitting the edges */
.body-content {
    height: 0;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: 0px;
    margin-right: 0px;
    color: white;
}

.savespan:hover {
    color: #bbebfa !important;
    cursor: pointer;
}

.glyphicon-log-out:hover {
    color: #48bbde !important;
    cursor: pointer;
}

#map {
    height: 100%;
}

/* This css is to ensure that the google map contols (zoom bar etc) show and size correctly. */
#map_canvas #map_canvas2 img {
    max-width: none
}

/* This css is to give a nice big popup "info window" when a marker is clicked on the map */
.infoDiv {
    height: 75px;
    width: 150px;
    -webkit-user-select: none;
    background-color: white;
    color: black !important;
}




/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Example of a link CSS */
a.link-icon {
    display: block;
    height: 32px;
    width: 33px;
    background: url('images/icons/house-icon-32x33.png');
}

.table a {
    color: black
}

.center2 {
    width: 25%;
    height: 30%;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table-cell;
    vertical-align: middle;
}

.casesbtn {
    -webkit-appearance: none;
    background-color: #12759c;
    line-height: 22px;
    border-radius: 15px;
    border: none;
    margin: 0 auto;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    color: white;
    white-space: normal;
    float: left;
    padding: 10px 30px;
}

.aholder .casesbtn {
    -webkit-appearance: none;
    background-color: #12759c;
    line-height: 22px;
    border-radius: 15px;
    border: none;
    margin: 0 auto;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    color: white;
    white-space: normal;
    float: left;
    padding: 6px 30px;
}

.casesbtn2 {
    -webkit-appearance: none;
    background-color: #12759c;
    line-height: 22px;
    border-radius: 10px;
    border: none;
    margin: 0 auto;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    color: white;
    white-space: normal;
    float: left;
    padding: 10px 20px;
}

.casesbtn3 {
    -webkit-appearance: none;
    background-color: #12759c;
    line-height: 22px;
    border-radius: 15px;
    border: none;
    margin: 0 auto;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    color: white;
    white-space: normal;
    float: left;
    padding: 6px 30px;
}

.casesbtn2:hover {
    color: #bbebfa !important
}

.desktopbtn {
    -webkit-appearance: none;
    background-color: #12759c;
    border-radius: 15px;
    border: none;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
    color: white;
    white-space: normal;
    padding: 30px 50px;
    outline: none;
}

    .desktopbtn:hover, .casesbtn:hover {
        border: 1px solid #48bbde;
        box-shadow: 0 0.4em 0.5em -0.4em #48bbde;
        transform: translateY(-0.25em);
        background-color: #193d61;
        color: #48bbde;
    }

    .desktopbtn:focus, .casesbtn:focus {
        outline: none;
    }

.active {
    border: 2px solid #d2d3d6;
    box-shadow: 0 0.4em 0.5em -0.4em #a8a9ad;
}

.tile:hover {
    border: 2px solid #d2d3d6;
    box-shadow: 0 0.4em 0.5em -0.4em #a8a9ad;
    cursor: pointer;
}

.left-tables {
    position: absolute;
    width: 75%;
    height: 60%;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table-cell;
    vertical-align: middle;
}

.yesno {
    display: none;
}

.bar1 {
    width: 100%;
    background: linear-gradient(to right,#103d64 20%,#103d64 45%,#066e95 100%);
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-top: 3px solid #48bbde;
    border-right: 4px solid #48bbde;
    font-size: 16px;
    font-weight: 600;
    border-top-right-radius: 15px;
}

.selected {
    color: #bbebfa;
}

.unselected {
    color: #aaa;
    font-weight: 400;
}

.rental:hover, .sales:hover {
    cursor: pointer;
    color: #bbebfa;
}

.minustable {
    cursor: pointer;
}


.table {
    width: 100%;
    margin-bottom: 25px;
}

    .table th {
        color: #48bbde;
        background-color: #193d61;
        font-size: 14px;
        letter-spacing: 0em;
        font-weight: 600;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }


    .table td {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dedede;
        color: #193d61;
        font-size: 12px;
        letter-spacing: 0em;
        font-weight: 600;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }



    .table tr {
        background-color: #f1f1f1
    }

        .table tr:hover {
            background-color: #dedede;
            cursor: pointer
        }

.tableNC tr:hover {
    cursor: default
}

.adjustments {
    display: none;
}

.Environment {
    display: none;
}

.valuation {
    display: none;
}

.desktop-table {
    width: 100%;
    margin-bottom: 25px;
}

    .desktop-table th {
        color: #48bbde;
        background-color: #193d61;
        font-size: 16px;
        letter-spacing: 0em;
        font-weight: 600;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }



    .desktop-table td {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dedede;
        color: #193d61;
        font-size: 13px;
        letter-spacing: 0em;
        font-weight: 600;
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }

        .desktop-table td:nth-child(1) {
            font-size: 15px;
            background-color: #f1f1f1;
            border-right: 3px solid #87a0ac;
            width: 45%;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 25px;
        }

        .desktop-table td:nth-child(2) {
            background-color: #faf9fa;
        }


    .desktop-table tr {
        background-color: #f1f1f1
    }

a {
    color: white;
}

    a:hover {
        color: #4ebade;
        cursor: pointer;
        text-decoration: none;
    }


.overall2 {
    position: absolute;
    width: 70%;
    height: 70%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 25px;
}

.column1 {
    width: 80%;
    background-color: #0a4b7a;
    height: 100%;
    position: relative;
    border-bottom-left-radius: 25px;
}

.column2 {
    float: left;
    background-color: #0a3151;
    width: 90%;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    height: 100%;
}

.location {
    display: none;
    float: left;
    width: 90%;
    height: 100%;
}

.comparibles {
    display: none;
    float: left;
    width: 98%;
    height: 100%;
    border-top-right-radius: 15px;
}



.comp1 {
    background: linear-gradient(to right,#103d64 20%,#103d64 45%,#066e95 100%);
    margin-top: 5px;
    height: 75vh
}

.buttonholder {
    width: 90%;
    margin-left: 5%;
    margin-top: 20px;
    height: 36px;
}


.buttonholder2 {
    width: 90%;
    margin-left: 5%;
    height: 39px;
}

.clicked {
    background-color: #193d61 !important;
    color: #bbebfa !important;
}

.percentbutton {
    background-color: #bbebfa;
    padding: 8px 12px;
    width: 45%;
    float: right;
    color: #193d61;
    border: 0px;
    border-radius: 8px;
}

.yessave {
    background-color: #bbebfa;
    padding: 12px 24px;
    font-size: 20px;
    color: #193d61;
    border: 0px;
    margin: 10px;
    border-radius: 10px;
}

.nosave {
    background-color: #bbebfa;
    padding: 12px 24px;
    font-size: 20px;
    color: #193d61;
    margin: 10px;
    border: 0px;
    border-radius: 10px;
}

    .yessave:hover, .nosave:hover {
        background: linear-gradient(#193d61 40%,#153a5e);
        color: white
    }

    .yessave:focus, .nosave:focus {
        outline: none
    }

.poundbutton {
    background-color: #bbebfa;
    padding: 8px 12px;
    border: 1px solid #153a5e;
    color: #193d61;
    width: 45%;
    float: left;
    border: 0px;
    border-radius: 8px;
}

.confirmbutton {
    background: linear-gradient(#193d61 40%,#153a5e 100%);
    padding: 8px 12px;
    width: 70%;
    text-align: center;
    margin-top: 20px;
    border: 0px;
    border-radius: 8px;
}

    .minusbutton:hover, .addbutton:hover, .confirmbutton:hover {
        -webkit-box-shadow: 0 8px 6px -6px black;
        -moz-box-shadow: 0 8px 6px -6px black;
        box-shadow: 0 8px 6px -6px black;
    }

.numberinput {
    width: 70%;
    margin-left: 1%;
    padding: 8px 12px;
    pointer-events: none;
    border-radius: 5px;
    background-color: #ddd;
    border: 1px solid #ccc;
    color: black;
}



.numberholder {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
    background-color: white;
}

.minusbutton {
    background-color: red;
    padding: 8px 12px;
    width: 45%;
    float: left;
    border: 0px;
    border-radius: 8px;
}

.addbutton {
    background-color: green;
    padding: 8px 12px;
    width: 45%;
    float: right;
    border: 0px;
    border-radius: 8px;
}

.property-info {
    width: 100%;
    height: 28%;
    background-color: #0a4b7a;
    top: 0;
    left: 0;
    text-align: center;
}

.backtolist {
    width: 100%;
    height: 20%;
    position: absolute;
    background-color: #0a4b7a;
    margin-top: 10px;
    left: 0;
    text-align: center;
}

.title {
    padding-top: 10px;
    text-align: center;
    font-size: 20px;
    color: #48bbde;
    font-weight: 600;
    margin-bottom: 0px;
}

.title1 {
    transform: rotate(90deg);
    padding-top: 10px;
    white-space: nowrap;
    margin: 0 auto;
    font-size: 18px;
    color: #48bbde;
    font-weight: 600;
    margin-bottom: 0px;
}

.reference {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.value {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
}

.title2 {
    padding-top: 5px;
    text-align: center;
    font-size: 20px;
    color: #bbebfa;
    font-weight: 600;
    margin-bottom: 0px;
}




.row {
    height: 20%;
    width: 100%;
    margin-left: 1px;
}

.left {
    padding: 10px;
    float: left;
    width: 50%;
    min-height: 95px;
    height: 100%;
    background: linear-gradient(#0c668a 40%,#12759c 100%);
    position: relative;
    text-align: center;
}



.right {
    padding: 10px;
    width: 50%;
    min-height: 95px;
    float: right;
    top: 0px;
    height: 100%;
    background: linear-gradient(#193d61 40%,#153a5e 100%);
    text-align: center;
}


.left1 {
    padding: 10px;
    width: 50%;
    height: 100%;
    float: left;
    min-height: 95px;
    background: linear-gradient(#193d61 40%,#153a5e 100%);
    -webkit-box-shadow: 0 4px 6px -6px black;
    -moz-box-shadow: 0 4px 6px -6px black;
    box-shadow: 0 4px 6px -6px black;
    position: relative;
    text-align: center;
}

.right1 {
    padding: 10px;
    width: 50%;
    float: right;
    top: 0px;
    height: 100%;
    min-height: 95px;
    background: linear-gradient(#0c668a 40%,#12759c 100%);
    -webkit-box-shadow: 0 4px 6px -6px black;
    -moz-box-shadow: 0 4px 6px -6px black;
    box-shadow: 0 4px 6px -6px black;
    text-align: center;
}


.navigation {
    width: 15%;
    height: 75vh;
    margin-left: 10px !important;
    margin-top: -3vh;
    float: left;
}

.locationbar {
    position: absolute;
    top: 20vh;
    right: 0;
    width: 4%;
    height: 8vh;
    background: linear-gradient(to top,#103d64 20%,#066e95 100%);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top: 4px solid #48bbde;
    border-left: 3px solid #48bbde;
}

    .locationbar span {
        color: #bbebfa;
        font-size: 32px;
        font-weight: 600;
        margin-left: 10px;
        margin-top: 10px
    }

.headings {
    width: 65%;
    margin-left: 10%;
    height: 18%;
    margin-bottom: 10px;
}

.overall {
    border-radius: 25px;
    width: 78%;
    margin-left: 18%;
    margin-top: 23vh;
    height: 83vh;
}

.circleholder {
    width: 100%;
    height: 150px;
    top: 0;
    left: 0;
    z-index: -10;
    position: absolute;
}

.circle1 {
    margin-left: 25%;
    width: 300px;
    height: 300px;
    border-radius: 150px;
    background: linear-gradient(#0a5b82 40%,#12759c 100%);
    z-index: -3;
    margin-top: -170px;
    text-align: center;
    padding-top: 180px;
    font-weight: 600;
    font-size: 22px;
    color: #bbebfa;
    float: left;
}

.circle2 {
    width: 300px;
    height: 300px;
    border-radius: 150px;
    background: linear-gradient(#0f4d6b 40%,#0b5470 100%);
    z-index: -2;
    margin-top: -170px;
    text-align: center;
    padding-top: 180px;
    font-weight: 600;
    font-size: 22px;
    margin-left: -25px;
    color: #bbebfa;
    float: left;
}

.circle3 {
    width: 300px;
    height: 300px;
    border-radius: 150px;
    background: linear-gradient(#193d61 40%,#153a5e 100%);
    float: left;
    z-index: -3;
    padding-top: 180px;
    font-weight: 600;
    margin-left: -25px;
    font-size: 22px;
    text-align: center;
    color: #bbebfa;
    margin-top: -170px;
}

.value2 {
    text-align: center;
    font-size: 16px;
    width: 80%;
    margin-left: 10%;
    color: white;
}

.All {
    background-color: #f1f1f1;
}

@media all and (min-width: 1150px) and (max-width: 1300px) {
    .circleholder {
        width: 100%;
        height: 150px;
        top: 0;
        left: 0;
        z-index: -10;
        position: absolute;
    }

    .circle1 {
        margin-left: 20%;
        width: 250px;
        height: 250px;
        border-radius: 125px;
        background: linear-gradient(#0a5b82 40%,#12759c 100%);
        z-index: -3;
        margin-top: -135px;
        text-align: center;
        padding-top: 140px;
        font-weight: 600;
        font-size: 20px;
        color: #bbebfa;
        float: left;
    }

    .circle2 {
        width: 250px;
        height: 250px;
        border-radius: 125px;
        background: linear-gradient(#0f4d6b 40%,#0b5470 100%);
        z-index: -2;
        margin-top: -135px;
        text-align: center;
        padding-top: 140px;
        font-weight: 600;
        font-size: 20px;
        margin-left: -25px;
        color: #bbebfa;
        float: left;
    }

    .circle3 {
        width: 250px;
        height: 250px;
        border-radius: 125px;
        background: linear-gradient(#193d61 40%,#153a5e 100%);
        float: left;
        z-index: -3;
        padding-top: 140px;
        font-weight: 600;
        margin-left: -25px;
        font-size: 20px;
        text-align: center;
        color: #bbebfa;
        margin-top: -135px;
    }

    .value2 {
        text-align: center;
        font-size: 14px !important;
        color: white;
    }

    .circle1 .value2, .circle3 .value2 {
        font-size: 18px !important;
    }

    .development-table {
        width: 100%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }

        .development-table th {
            color: #48bbde;
            background-color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            font-weight: 600;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
        }


        .development-table td {
            padding-top: 7px;
            padding-bottom: 7px;
            border-bottom: 2px solid #dedede;
            color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            padding-left: 10px;
            padding-right: 10px;
            text-align: left;
            height: 5em !important;
            font-weight: 500;
        }


        .development-table tr {
            background-color: #f1f1f1
        }

    .allborder {
        border-left: 2px solid #dedede;
        border-right: 2px solid #dedede;
    }

    #DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder {
        border-right: 0px !important;
    }

        #DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding {
        }


    .glyphicon-thumbs-up {
        cursor: pointer;
        float: right;
        top: 5px;
    }



    .development-table td:nth-child(1) {
        background-color: #f1f1f1;
        width: 70%;
    }


    .development-table1 {
        width: 100%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }

        .development-table1 th {
            color: #48bbde;
            background-color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            font-weight: 600;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
        }


        .development-table1 td {
            padding-top: 7px;
            padding-bottom: 7px;
            border-bottom: 2px solid #dedede;
            color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            padding-left: 10px;
            padding-right: 10px;
            text-align: left;
            font-weight: 500;
            height: 5em !important;
        }

        .development-table1 tr {
            background-color: #f1f1f1
        }




        .development-table1 td:nth-child(1) {
            background-color: #12759c;
            vertical-align: top;
            color: white;
            border-bottom: 2px solid #185ea3;
            border-right: 2px solid #12759c;
            width: 50%;
        }

        .development-table1 td:nth-child(2) {
            background-color: #f1f1f1;
        }
}

@media all and (min-width:1150px) and (max-width: 1300px) {
    .maxfif {
        max-height: 75px !important
    }

    .calcre {
        max-width: 65% !important;
    }

    input[type="button"].calcre {
        font-size: 14px !important;
        padding: 8px 8px !important;
    }

    .aholder {
        left: 25px !important;
    }

    .casesbtn3 {
        -webkit-appearance: none;
        background-color: #12759c;
        line-height: 22px;
        border-radius: 15px;
        border: none;
        margin: 0 auto;
        font-size: 16px;
        margin-right: 10px;
        font-weight: 600;
        color: white;
        white-space: normal;
        float: left;
        padding: 6px 30px;
        left: 25px !important;
    }

    .escalate {
        right: 25px !important;
    }

    .sitenotes2 .buttonyes, .sitenotes2 .buttonno {
        width: 30% !important
    }

    .circleholder {
        width: 100%;
        height: 150px;
        top: 0;
        left: 0;
        z-index: -10;
        position: absolute;
    }

    .circle1 {
        margin-left: 18%;
        width: 250px;
        height: 250px;
        border-radius: 125px;
        background: linear-gradient(#0a5b82 40%,#12759c 100%);
        z-index: -3;
        margin-top: -135px;
        text-align: center;
        padding-top: 140px;
        font-weight: 600;
        font-size: 20px;
        color: #bbebfa;
        float: left;
    }

    .circle2 {
        width: 250px;
        height: 250px;
        border-radius: 125px;
        background: linear-gradient(#0f4d6b 40%,#0b5470 100%);
        z-index: -2;
        margin-top: -135px;
        text-align: center;
        padding-top: 140px;
        font-weight: 600;
        font-size: 20px;
        margin-left: -25px;
        color: #bbebfa;
        float: left;
    }

    .circle3 {
        width: 250px;
        height: 250px;
        border-radius: 125px;
        background: linear-gradient(#193d61 40%,#153a5e 100%);
        float: left;
        z-index: -3;
        padding-top: 140px;
        font-weight: 600;
        margin-left: -25px;
        font-size: 20px;
        text-align: center;
        color: #bbebfa;
        margin-top: -135px;
    }

    .value2 {
        text-align: center;
        font-size: 14px !important;
        color: white;
    }

    .circle1 .value2, .circle3 .value2 {
        font-size: 18px !important;
    }

    .development-table {
        width: 100%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }




        .development-table th {
            color: #48bbde;
            background-color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            font-weight: 600;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 8px !important;
            padding-right: 8px !important;
            text-align: center;
        }


        .development-table td {
            padding-top: 7px;
            padding-bottom: 7px;
            border-bottom: 2px solid #dedede;
            color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            padding-left: 5px !important;
            padding-right: 5px !important;
            text-align: left;
            height: 5em !important;
            font-weight: 500;
        }


        .development-table tr {
            background-color: #f1f1f1
        }

    .allborder {
        border-left: 2px solid #dedede;
        border-right: 2px solid #dedede;
    }

    #DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder {
        border-right: 0px !important;
    }

        #DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding {
        }


    .glyphicon-thumbs-up {
        cursor: pointer;
        float: right;
        top: 5px;
    }

    .development-table textarea {
        width: 85%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }

    .development-table .subjectTA {
        width: 30%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }


    .development-table td:nth-child(1):not(.adjustsection) {
        background-color: #f1f1f1;
        width: 65% !important;
    }

    .adjustsection {
        width: 25% !important
    }

    .AR {
        font-size: 14px !important;
    }

    .XR {
        font-size: 14px !important;
    }

    .SR {
        font-size: 14px !important;
    }

    .spanpound {
        font-size: 15px !important;
    }


    .development-table1 {
        width: 100%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }

        .development-table1 th {
            color: #48bbde;
            background-color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            font-weight: 600;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 8px !important;
            padding-right: 8px !important;
            text-align: center;
        }


        .development-table1 td:not(.checkwidth) {
            padding-top: 7px;
            padding-bottom: 7px;
            border-bottom: 2px solid #dedede;
            color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            padding-left: 5px !important;
            padding-right: 5px !important;
            text-align: left;
            font-weight: 500;
            height: 5em !important;
        }

        .development-table1 tr {
            background-color: #f1f1f1
        }




        .development-table1 td:nth-child(1) {
            background-color: #12759c;
            vertical-align: top;
            color: white;
            border-bottom: 2px solid #185ea3;
            border-right: 2px solid #12759c;
            width: 50%;
        }

        .development-table1 td:nth-child(2) {
            background-color: #f1f1f1;
        }
}

@media all and (min-width:1000px) and (max-width: 1025px) {
    .inactive1 {
        font-size: 12px !important;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top-right-radius: 40px;
        border-top-left-radius: 40px;
        background: linear-gradient(to right, #B8B8B8 20%,#DCDCDC 100%);
        color: #193d61;
        cursor: pointer;
        width: 22%;
    }

    .active1 {
        font-size: 14px !important;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        padding-top: 15px;
        padding-bottom: 15px;
        background: linear-gradient(to right,#185ea3 20%,#12759c 100%);
        color: #bbebfa;
        width: 34%;
    }
}

@media all and (min-width:1000px) and (max-width: 1150px) {
    .maxfif {
        max-height: 75px !important
    }

    .calcre {
        max-width: 65% !important;
    }

    input[type="button"].calcre {
        font-size: 14px !important;
        padding: 8px 8px !important;
    }

    .aholder {
        left: 10px !important;
        font-size: 16px !important
    }

    .casesbtn3 {
        -webkit-appearance: none;
        background-color: #12759c;
        line-height: 22px;
        border-radius: 15px;
        border: none;
        margin: 0 auto;
        font-size: 16px;
        margin-right: 10px;
        font-weight: 600;
        color: white;
        white-space: normal;
        float: left;
        padding: 6px 30px;
        left: 10px !important;
    }

    .escalate {
        right: 10px !important;
        font-size: 14px !important
    }

    .sitenotes2 .buttonyes, .sitenotes2 .buttonno {
        width: 30% !important
    }

    .circleholder {
        width: 100%;
        height: 150px;
        top: 0;
        left: 0;
        z-index: -10;
        position: absolute;
    }

    .circle1 {
        margin-left: 16%;
        width: 250px;
        height: 250px;
        border-radius: 125px;
        background: linear-gradient(#0a5b82 40%,#12759c 100%);
        z-index: -3;
        margin-top: -135px;
        text-align: center;
        padding-top: 140px;
        font-weight: 600;
        font-size: 20px;
        color: #bbebfa;
        float: left;
    }

    .circle2 {
        width: 250px;
        height: 250px;
        border-radius: 125px;
        background: linear-gradient(#0f4d6b 40%,#0b5470 100%);
        z-index: -2;
        margin-top: -135px;
        text-align: center;
        padding-top: 140px;
        font-weight: 600;
        font-size: 20px;
        margin-left: -25px;
        color: #bbebfa;
        float: left;
    }

    .circle3 {
        width: 250px;
        height: 250px;
        border-radius: 125px;
        background: linear-gradient(#193d61 40%,#153a5e 100%);
        float: left;
        z-index: -3;
        padding-top: 140px;
        font-weight: 600;
        margin-left: -25px;
        font-size: 20px;
        text-align: center;
        color: #bbebfa;
        margin-top: -135px;
    }

    .value2 {
        text-align: center;
        font-size: 14px !important;
        color: white;
    }

    .circle1 .value2, .circle3 .value2 {
        font-size: 18px !important;
    }

    .development-table {
        width: 100%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }




        .development-table th {
            color: #48bbde;
            background-color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            font-weight: 600;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 8px !important;
            padding-right: 8px !important;
            text-align: center;
        }


        .development-table td {
            padding-top: 7px;
            padding-bottom: 7px;
            border-bottom: 2px solid #dedede;
            color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            padding-left: 5px !important;
            padding-right: 5px !important;
            text-align: left;
            height: 6em !important;
            font-weight: 500;
        }


        .development-table tr {
            background-color: #f1f1f1
        }

    .allborder {
        border-left: 2px solid #dedede;
        border-right: 2px solid #dedede;
    }

    #DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder {
        border-right: 0px !important;
    }

        #DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding {
        }


    .glyphicon-thumbs-up {
        cursor: pointer;
        float: right;
        top: 5px;
    }

    .development-table textarea {
        width: 85%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }

    .development-table .subjectTA {
        width: 30%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }


    .development-table td:nth-child(1):not(.adjustsection) {
        background-color: #f1f1f1;
        width: 65% !important;
    }

    .adjustsection {
        width: 25% !important
    }

    .AR {
        font-size: 14px !important;
    }

    .XR {
        font-size: 14px !important;
    }

    .SR {
        font-size: 14px !important;
    }

    .spanpound {
        font-size: 15px !important;
    }


    .development-table1 {
        width: 100%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }

        .development-table1 th {
            color: #48bbde;
            background-color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            font-weight: 600;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 8px !important;
            padding-right: 8px !important;
            text-align: center;
        }


        .development-table1 td:not(.checkwidth) {
            padding-top: 7px;
            padding-bottom: 7px;
            border-bottom: 2px solid #dedede;
            color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            padding-left: 5px !important;
            padding-right: 5px !important;
            text-align: left;
            font-weight: 500;
            height: 6em !important;
        }

        .development-table1 tr {
            background-color: #f1f1f1
        }




        .development-table1 td:nth-child(1) {
            background-color: #12759c;
            vertical-align: top;
            color: white;
            border-bottom: 2px solid #185ea3;
            border-right: 2px solid #12759c;
            width: 50%;
        }

        .development-table1 td:nth-child(2) {
            background-color: #f1f1f1;
        }

    .glyphicon-ok-sign {
        top: 25px !important;
    }
}

@media all and (max-width: 1000px) {
    .inactive1 {
        font-size: 12px !important;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top-right-radius: 40px;
        border-top-left-radius: 40px;
        background: linear-gradient(to right, #B8B8B8 20%,#DCDCDC 100%);
        color: #193d61;
        cursor: pointer;
        width: 22%;
    }

    .active1 {
        font-size: 14px !important;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        padding-top: 15px;
        padding-bottom: 15px;
        background: linear-gradient(to right,#185ea3 20%,#12759c 100%);
        color: #bbebfa;
        width: 34%;
    }

    .circleholder {
        width: 100%;
        height: 150px;
        top: 0;
        left: 0;
        z-index: -10;
        position: absolute;
    }

    .circle1 {
        margin-left: 20%;
        width: 200px;
        height: 200px;
        border-radius: 100px;
        background: linear-gradient(#0a5b82 40%,#12759c 100%);
        z-index: -3;
        margin-top: -100px;
        text-align: center;
        padding-top: 100px;
        font-weight: 600;
        font-size: 18px;
        color: #bbebfa;
        float: left;
    }

    .circle2 {
        width: 200px;
        height: 200px;
        border-radius: 100px;
        background: linear-gradient(#0f4d6b 40%,#0b5470 100%);
        z-index: -2;
        margin-top: -100px;
        text-align: center;
        padding-top: 100px;
        font-weight: 600;
        font-size: 18px;
        margin-left: -25px;
        color: #bbebfa;
        float: left;
    }

    .circle3 {
        width: 200px;
        height: 200px;
        border-radius: 100px;
        background: linear-gradient(#193d61 40%,#153a5e 100%);
        float: left;
        z-index: -3;
        padding-top: 100px;
        font-weight: 600;
        margin-left: -25px;
        font-size: 18px;
        text-align: center;
        color: #bbebfa;
        margin-top: -100px;
    }

    .value2 {
        text-align: center;
        font-size: 14px !important;
        color: white;
    }

    .maxfif {
        max-height: 75px !important
    }

    .calcre {
        max-width: 65% !important;
    }

    input[type="button"].calcre {
        font-size: 14px !important;
        padding: 8px 8px !important;
    }

    .aholder {
        left: 10px !important;
        font-size: 16px !important
    }

    .casesbtn3 {
        -webkit-appearance: none;
        background-color: #12759c;
        line-height: 22px;
        border-radius: 15px;
        border: none;
        margin: 0 auto;
        font-size: 16px;
        margin-right: 10px;
        font-weight: 600;
        color: white;
        white-space: normal;
        float: left;
        padding: 6px 30px;
        left: 10px !important;
    }

    .escalate {
        right: 10px !important;
        font-size: 14px !important
    }

    .sitenotes2 .buttonyes, .sitenotes2 .buttonno {
        width: 30% !important
    }

    .circle1 .value2, .circle3 .value2 {
        font-size: 18px !important;
    }

    .development-table {
        width: 100%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }




        .development-table th {
            color: #48bbde;
            background-color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            font-weight: 600;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 8px !important;
            padding-right: 8px !important;
            text-align: center;
        }


        .development-table td {
            padding-top: 7px;
            padding-bottom: 7px;
            border-bottom: 2px solid #dedede;
            color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            padding-left: 5px !important;
            padding-right: 5px !important;
            text-align: left;
            height: 6em !important;
            font-weight: 500;
        }


        .development-table tr {
            background-color: #f1f1f1
        }

    .allborder {
        border-left: 2px solid #dedede;
        border-right: 2px solid #dedede;
    }

    #DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder {
        border-right: 0px !important;
    }

        #DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding {
        }


    .glyphicon-thumbs-up {
        cursor: pointer;
        float: right;
        top: 5px;
    }

    .development-table textarea {
        width: 85%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }

    .development-table .subjectTA {
        width: 30%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }


    .development-table td:nth-child(1):not(.adjustsection) {
        background-color: #f1f1f1;
        width: 65% !important;
    }

    .adjustsection {
        width: 25% !important
    }

    .AR {
        font-size: 14px !important;
    }

    .XR {
        font-size: 14px !important;
    }

    .SR {
        font-size: 14px !important;
    }

    .spanpound {
        font-size: 15px !important;
    }


    .development-table1 {
        width: 100%;
        /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
    }

        .development-table1 th {
            color: #48bbde;
            background-color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            font-weight: 600;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 8px !important;
            padding-right: 8px !important;
            text-align: center;
        }


        .development-table1 td:not(.checkwidth) {
            padding-top: 7px;
            padding-bottom: 7px;
            border-bottom: 2px solid #dedede;
            color: #193d61;
            font-size: 13px !important;
            letter-spacing: 0em;
            padding-left: 5px !important;
            padding-right: 5px !important;
            text-align: left;
            font-weight: 500;
            height: 6em !important;
        }

        .development-table1 tr {
            background-color: #f1f1f1
        }




        .development-table1 td:nth-child(1) {
            background-color: #12759c;
            vertical-align: top;
            color: white;
            border-bottom: 2px solid #185ea3;
            border-right: 2px solid #12759c;
            width: 50%;
        }

        .development-table1 td:nth-child(2) {
            background-color: #f1f1f1;
        }

    .glyphicon-ok-sign {
        top: 25px !important;
    }
}







.tile {
    background: linear-gradient(#0a5b82 40%,#12759c 100%);
    height: 16%;
    width: 100%;
    margin: 10px;
    color: #bbebfa;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    padding-top: 5px;
    font-weight: 600;
    font-size: 18px;
    position: relative;
}

.icon {
    margin-top: 10px;
}

.developments .glyphicon:hover {
    cursor: pointer;
    color: #193d61 !important
}

.addressparent {
    width: 75%;
    margin-left: 8%;
    margin-top: 5px;
    text-align: center;
}

.developments {
    width: 25%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    float: left;
    margin-left: -2px;
    padding-bottom: 0px;
}

#DivToLoadSiteNotes > div > form > div > div > div:nth-child(15) {
    max-height: 50px;
}

.address {
    height: 100px;
    margin-bottom: 0px;
    text-align: center;
}

.developments1 {
    width: 25%;
    height: auto;
    margin-top: 10px;
    margin-left: -2px;
    margin-bottom: 20px;
    float: left;
    padding-bottom: 0px;
}

.comparibles input {
    border: 0px;
    background-color: #ccc;
    font-size: 14px;
    text-align: center;
    padding: 4px 4px;
    width: 90%;
}

.positive {
    background-color: green !important;
    color: white;
}

.negative {
    background-color: red !important;
    color: white;
}

.comparibles input:hover, .comparibles textarea:hover {
    cursor: pointer
}

.comparibles textarea {
    border: 0px;
}

.notesmodal textarea:focus {
    outline: none;
    border: 2px solid #12759c !important;
}

.comparibles input:focus, .comparibles input:focus, .comparibles textarea:focus {
    outline: 2px solid #12759c !important;
}

.imageholder img {
    width: 90%;
    margin-left: 5%;
    border-radius: 5px;
    margin-top: 5px;
    height: 175px;
}



.development-table {
    width: 100%;
    /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
}

    .development-table th {
        color: #48bbde;
        background-color: #193d61;
        font-size: 14px;
        letter-spacing: 0em;
        font-weight: 600;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }


    .development-table td {
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 2px solid #dedede;
        color: #193d61;
        font-size: 14px;
        letter-spacing: 0em;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        height: 4em;
        font-weight: 500;
    }


    .development-table tr {
        background-color: #f1f1f1
    }

.allborder {
    border-left: 2px solid #dedede;
    border-right: 2px solid #dedede;
}

#DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder {
    border-right: 0px !important;
}

    #DivToLoadComparables > div:nth-child(9) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding, #DivToLoadComparables > div:nth-child(17) > div > div.All.slide.allborder > table > tbody > tr:nth-child(21) > td.testpadding {
    }


.glyphicon-thumbs-up {
    cursor: pointer;
    float: right;
    top: 5px;
}



.development-table td:nth-child(1) {
    background-color: #f1f1f1;
    width: 70%;
}


.development-table1 {
    width: 100%;
    /*-moz-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    -webkit-box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
    box-shadow: 2px 2px 10px #888, -2px 2px 10px #12759c;
        */
}

    .development-table1 th {
        color: #48bbde;
        background-color: #193d61;
        font-size: 14px;
        letter-spacing: 0em;
        font-weight: 600;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }


    .development-table1 td {
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 2px solid #dedede;
        color: #193d61;
        font-size: 14px;
        letter-spacing: 0em;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        font-weight: 500;
        height: 4em;
    }

    .development-table1 tr {
        background-color: #f1f1f1
    }




    .development-table1 td:nth-child(1) {
        background-color: #12759c;
        vertical-align: top;
        color: white;
        border-bottom: 2px solid #185ea3;
        border-right: 2px solid #12759c;
        width: 50%;
    }

    .development-table1 td:nth-child(2) {
        background-color: #f1f1f1;
    }


.devinfo {
    width: 100%;
    display: inline-block
}

.bar2 {
    width: 100%;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /*-moz-box-shadow: -2px 2px 10px #888, 2px 2px 10px #12759c;
    -webkit-box-shadow: -2px 2px 10px #888, 2px 2px 10px #12759c;
    box-shadow: -2px 2px 10px #888, 2px 2px 10px #12759c;
        */
}

.glyphicon-remove {
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

    .glyphicon-remove:hover {
        -webkit-transform: rotateZ(90deg);
        -moz-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

.titlemodal {
    font-size: 20px;
    font-weight: bold;
    color: white;
}

.mapmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    top: 8%;
    left: 10%;
    width: 90%; /* Full width */
    height: 92%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.0); /* Black w/ opacity */
}



.mapmodal-content {
    background: linear-gradient(#0a5b82 40%,#12759c 100%);
    margin: auto;
    padding: 20px;
    border-top-right-radius: 50px;
    width: 85%;
    height: 95%;
    color: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.assesmentmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}



.assesmentmodal-content {
    background: linear-gradient(#0a5b82 40%,#12759c 100%);
    margin: auto;
    padding: 20px;
    border-top-right-radius: 50px;
    width: 40%;
    height: 80%;
    color: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}


.notesmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.notesmodal-content {
    background: linear-gradient(#0a5b82 40%,#12759c 100%);
    margin: auto;
    padding: 25px;
    border-radius: 20px;
    width: 40%;
    height: 80%;
    color: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.houseimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

#map_canvas2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.modal-container {
    width: 100%;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 25px;
}

.adjustmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.adjustmodal-content {
    background: linear-gradient(#0a5b82 40%,#12759c 100%);
    margin: auto;
    padding: 20px;
    border-radius: 20px;
    width: 30%;
    height: 45%;
    margin-top: 5%;
    color: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.adjustmodal1 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.adjustmodal1-content {
    background: linear-gradient(#0a5b82 40%,#12759c 100%);
    margin: auto;
    padding: 20px;
    border-radius: 20px;
    width: 30%;
    height: 45%;
    margin-top: 5%;
    color: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.famodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.famodal-content {
    background: linear-gradient(#0a5b82 40%,#12759c 100%);
    margin: auto;
    padding: 20px;
    border-radius: 20px;
    width: 30%;
    height: 45%;
    margin-top: 5%;
    color: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.imageholder {
    height: 300px;
}


.sitenotes2 {
    display: none
}


.buyToLet{
    display:none;
}

.sitenotes {
    background: linear-gradient(#193d61 40%,#153a5e 100%);
    margin-bottom: 10px;
    border-right: 4px solid #48bbde;
    color: white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 90%;
}


.buyToLet {    
    color: white;    
}


.lenderspecific {
    background: linear-gradient(#0c668a 40%,#12759c 100%);
    margin-bottom: 10px;
    border-right: 4px solid #48bbde;
    color: white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 100%;
    min-height: 60vh
}

.valtable tr {
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
}

.valuations {
    background: linear-gradient(#193d61 40%,#153a5e 100%);
    margin-top: 10px;
    margin-bottom: 10px;
    border-right: 4px solid #48bbde;
    color: white;
    padding: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 90%;
}

.sitenotes input[type="text"], .sitenotes input[type="number"], .floorarea, .valtable input[type="text"], .valtable input[type="number"], .lenderspecific input[type="text"], .lenderspecific input[type="number"] {
    padding: 4px 8px;
    width: 100% !important;
    top: 0;
    bottom: 0;
    height: 34px;
    font-size: 16px !important;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #193d61 !important;
    border-radius: 5px;
    font-size: 13px !important;
}

.sitenotes input[type="text"], .sitenotes input[type="number"], .floorarea, .valtable input[type="text"], .valtable input[type="number"], .buy-let-container input[type="text"], .lenderspecific input[type="number"] {
    padding: 4px 8px;
    width: 100% !important;
    top: 0;
    bottom: 0;
    height: 34px;
    font-size: 16px !important;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #193d61 !important;
    border-radius: 5px;
    font-size: 13px !important;
}


.sitenotes label, .valtable label {
    text-align: left !important
}

.sitenotes .col-md-4 {
    margin-top: 6px;
}

.sitenotes select, .valtable select, .lenderspecific select, .jobreleaser select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #193d61 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .sitenotes input[type="number"]:focus, .sitenotes input[type="text"]:focus, .sitenotes select:focus, .sitenotes textarea:focus, .lenderspecific input:focus, .lenderspecific select:focus, .floorarea:focus, .valtable input[type="number"]:focus, .valtable input[type="text"]:focus, .valtable select:focus, .valtable textarea:focus, .jobreleaser select:focus {
        outline: none !important;
        border: 2px solid #12759c !important;
        box-shadow: 0 0.8em 0.8em -0.8em #0f3c63 !important;
    }

.sitenotes textarea, .valtable textarea, .lenderspecific textarea {
    display: block;
    width: 100%;
    height: 5em;
    padding: 6px 12px;
    font-size: 14px;
    color: #193d61 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.sitenotes textarea, .valtable textarea, .buy-let-container textarea {
    display: block;
    width: 100%;
    height: 5em;
    padding: 6px 12px;
    font-size: 14px;
    color: #193d61 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}



.column1sn {
    float: left;
    width: 40%;
}

.column2sn {
    float: right;
    width: 60%;
}

.sitenotes .disabledsitenotes {
    padding: 4px 8px;
    width: 100% !important;
    top: 0;
    bottom: 0;
    height: 34px;
    font-size: 16px !important;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #193d61;
    border-radius: 5px;
    font-size: 13px !important;
    background-color: #ccc;
    pointer-events: none !important;
    margin-left: 10px;
    display: none;
}

.disabledsitenotes {
    margin-top: 5px;
}

.sitenotes2 .glyphicon-sort {
    display: none;
}

.valtable {
    width: 90%;
}

    .valtable tr {
        height: 100px !important;
    }

        .valtable tr:nth-child(even) {
            background: linear-gradient(#143352 40%,#133454 100%);
        }

        .valtable tr:nth-child(odd) {
            background: linear-gradient(#193d61 40%,#153a5e 100%);
        }

    .valtable td:nth-child(1) {
        color: #bbebfa;
        font-size: 16px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .valtable td:nth-child(2) {
        font-size: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

.buttonyes {
    float: left;
    background-color: #ccc;
    color: #193d61;
    padding: 8px 12px;
    font-size: 15px;
    border: 0px solid;
    border-radius: 10px;
    width: 15%;
}

.buttonyes1 {
    float: left;
    background-color: #ccc;
    color: #193d61;
    padding: 8px 12px;
    font-size: 15px;
    border: 0px solid;
    border-radius: 10px;
}

.buttontick {
    float: left;
    background-color: #ccc;
    color: #193d61;
    padding: 6px 10px;
    font-size: 13px;
    border: 0px solid;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.tickbuttonholder {
}

.buttonno {
    float: left;
    background-color: #ccc;
    color: #193d61;
    padding: 8px 12px;
    font-size: 15px;
    border: 0px solid;
    border-radius: 10px;
    margin-left: 15px;
    width: 15%;
}

    .buttonyes:hover, .buttonno:hover {
        background-color: #12759c;
        color: white;
    }

    .buttonyes:focus, .buttonno:focus {
        outline: none
    }

.ClickedYN {
    background-color: #12759c;
    color: white;
}


.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
    float: right;
    position: relative;
    font-size: 18px;
    display: none;
    color: #193d61;
    cursor: pointer;
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


.audit-img-prop img {
    height: 220px;
    width: 100%;
}

.audit-comparable-tables {
    margin: 0px 1px;
}

    .audit-comparable-tables table {
        /*border: 1px solid white;*/
    }

    .audit-comparable-tables td {
        position: relative;
        color: black;
        /*border: 1px solid white;*/
        padding: 5px;
        height: 55px;
        text-align: center;
        margin: 1px 0px;
        /*border-bottom: 1px solid #cdcdcd;
            border-top: 1px solid #cdcdcd;*/
    }


    .audit-comparable-tables tr:nth-child(even) {
        background-color: #f2f2f2;
    }


    .audit-comparable-tables td {
        margin: 1px 0px;
    }

comparable-addr-tr {
    background: #f2f2f2 !important;
}

.audit-comparable-container {
    display: flex;
}

.adjustment-span {
    position: absolute;
    right: 1%;
    height: 30px;
    top: 22%;
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: white;
}

.adjustment-span-content {
    position: absolute;
    width: 100%;
}

.span-positive {
    background: #13bf13;
}

.span-negative {
    background: red;
}

.subject-prop-tb {
}

.audit-comparable-tables .prop-header-tb td {
    /*background: linear-gradient(to right,#103d64 20%,#103d64 100%,#066e95 100%);*/
    background: #599ad2;
    font-weight: bold;
    color: white;
}

.subject-prop-tb tr td:first-child {
    background: #599ad2;
    color: white;
    width: 70%;
    border-bottom: 1px solid #b3b3b3;
}

.audit-notes-container {
    margin: 55px;
    border-radius: 10px;
    background: white;
    color: black;
}

.audit-title-container {
    display: flex;
    width: 100%;
    height: 200px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid grey;
    background: linear-gradient(to right,#103d64 20%,#103d64 45%,#066e95 100%);
    color: white;
}

.audit-title-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50%;
}

.audit-title-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.audit-table-container {
    background: white;
    color: black;
    padding: 30px;
}


.audit-table-standard {
    width: 100%;
}

.audit-title-header {
    background: #366892;
}

.audit-table-standard tr:nth-child(even) {
    background-color: #f2f2f2;
}

.audit-table-standard th {
    padding: 10px;
    border-bottom: 1px solid #b3b3b3;
}

.audit-table-standard td {
    padding: 0px 10px;
    border-bottom: 1px solid #cdcdcd;
}

.audit-table-standard tr th:first-child {
    background: #599ad2;
    color: white;
    width: 25%;
    font-weight: 400;
}


.heightx {
    display: flex;
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px !important;
}

    .heightx .col-md-4 {
        padding: 0px !important
    }

    .heightx:nth-child(even) {
        background: linear-gradient(#143352 40%,#133454 100%);
    }

    .heightx:nth-child(odd) {
        background: linear-gradient(#193d61 40%,#153a5e 100%);
    }

.bars {
    background-color: #B8B8B8;
    width: 90%;
    display: flex;
}

.bar2 {
    width: 100%;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /*-moz-box-shadow: -2px 2px 10px #888, 2px 2px 10px #12759c;
    -webkit-box-shadow: -2px 2px 10px #888, 2px 2px 10px #12759c;
    box-shadow: -2px 2px 10px #888, 2px 2px 10px #12759c;
        */
}

.inactive1 {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    background: linear-gradient(to right, #B8B8B8 20%,#DCDCDC 100%);
    color: #193d61;
    cursor: pointer;
    width: 22%;
}

.active1 {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: linear-gradient(to right,#185ea3 20%,#12759c 100%);
    color: #bbebfa;
    width: 34%;
}

#DivToLoadSiteNotes > div > form > div.bars > div:nth-child(4) {
    border-top-right-radius: 0px;
}

.sitenotes {
    background: linear-gradient(#193d61 40%,#153a5e 100%);
    margin-bottom: 10px;
    border-right: 4px solid #48bbde;
    color: white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 90%;
}

.audit-submit-modal {
    display: none;
    overflow: auto;
    position: fixed;
    height: 80%;
    width: 80%;
    top: 10%;
    left: 10%;
    color: white;
    background: white;
    z-index: 2;
}

.audit-submit-backdrop {
    display: none;
    position: fixed;
    height: 100vh;
    height: 100vw;
    background: #0000005e;
    z-index: 1;
    width: 100vw;
    left: 0%;
    top: 0%;
}

.audit-display-block {
    display: block !important;
}

.audit-display-none {
    display: none !important;
}

.audit-modal-header {
    font-size: 24px;
}

.audit-banner-block {
    padding: 30px;
    background: linear-gradient(to right,#103d64 20%,#103d64 45%,#066e95 100%);
}

.audit-btn-actions {
    display: flex;
}


.btn-audit-submit {
    display: none;
    -webkit-appearance: none;
    background-color: #12759c;
    line-height: 22px;
    border-radius: 10px;
    border: none;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    color: white;
    white-space: normal;
    padding: 10px 20px;
}

    .btn-audit-submit:hover {
        cursor: pointer;
        color: #bbebfa
    }

.btn-submit-preview {
    -webkit-appearance: none;
    background-color: #12759c;
    line-height: 22px;
    border-radius: 10px;
    border: none;
    margin: 0 auto;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    color: white;
    white-space: normal;
    float: left;
    padding: 10px 20px;
}



    .btn-submit-preview:hover {
        cursor: pointer;
        color: #bbebfa
    }

.btn-audit-close {
    -webkit-appearance: none;
    background-color: #12759c;
    line-height: 22px;
    border-radius: 10px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: white;
    white-space: normal;
    padding: 10px 20px;
}

    .btn-audit-close:hover {
        cursor: pointer;
        color: #bbebfa
    }

.html2canvas-container {
    width: 1800px !important;
    /*height: 8360px !important;*/
    height: 8360px !important;
    left: 0% !important;
}

.btn-submit-save {
    -webkit-appearance: none;
    background-color: #12759c;
    line-height: 22px;
    border-radius: 10px;
    border: none;
    margin: 0 auto;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    color: white;
    white-space: normal;
    float: left;
    padding: 10px 20px;
}



.ui-datepicker {
    text-align: center;
}

.ui-datepicker-trigger {
    margin: 0 0 0 5px;
    vertical-align: text-top;
}

.ui-datepicker {
    margin-top: 2px;
    padding: 0 !important;
    border-color: #c9f0f5 !important;
}

.ui-datepicker {
    width: 100%;
}

.openemr-calendar .ui-datepicker {
    width: 191px;
}

.ui-datepicker table {
    width: 100%;
    table-layout: fixed;
}

.openemr-calendar .ui-datepicker table {
    width: 191px;
    table-layout: fixed;
}

.ui-datepicker-header {
    background-color: #12759c !important;
    background-image: none !important;
    border-radius: 0;
}

.openemr-calendar .ui-datepicker-header {
    background-color: #e6f7f9 !important;
    border-width: 1px;
    border-color: #c9f0f5;
    border-style: solid;
}

.ui-datepicker-title {
    line-height: 35px !important;
    margin: 0 10px !important;
}

.openemr-calendar .ui-datepicker-title {
    line-height: 35px !important;
}

.ui-datepicker-prev span {
    display: none !important;
}

.ui-datepicker-next {
    text-align: center;
}

    .ui-datepicker-next span {
        display: none !important;
    }

.ui-datepicker-prev {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 7px !important;
    margin: 14px 12px;
    display: inline-block;
    left: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=') !important;
    height: 14px !important;
    width: 9px !important;
    margin: 5px !important;
}

.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-prev {
    cursor: pointer;
}

.ui-datepicker-next {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 8px !important;
    margin: 14px 12px;
    display: inline-block;
    right: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC') !important;
    height: 14px !important;
    width: 8px !important;
    margin: 5px;
}

.ui-datepicker-month {
    border-radius: 2px;
    background-color: #0c4b72;
    width: 39% !important;
    height: 35px;
    color: #fff;
    font-size: 12px !important;
    font-weight: 600;
    float: left;
    text-align: left;
    border: none !important;
    margin-right: 5px !important;
    border-radius: 15px;
    margin-left: 8% !important;
    vertical-align: text-top;
}

.openemr-calendar .ui-datepicker-month {
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-year {
    border-radius: 2px;
    background-color: #0c4b72;
    width: 39% !important;
    height: 35px;
    color: #fff;
    font-size: 12px !important;
    font-weight: 600;
    float: right;
    text-align: left;
    border: none !important;
    margin-right: 8% !important;
    border-radius: 15px;
    vertical-align: text-top;
}

.openemr-calendar .ui-datepicker-year {
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-month option,
.ui-datepicker-year option {
    color: #193d61 !important;
    background-color: #f1f1f1 !important;
    font-size: 12px !important;
    font-weight: 600;
}

    .ui-datepicker-month option[selected],
    .ui-datepicker-year option[selected] {
        background-color: #e5edf0 !important;
    }

.ui-datepicker .ui-state-hover {
    /*background: none !important;*/
    border: 0 !important;
}

.ui-datepicker td {
    vertical-align: top;
}

.ui-datepicker .ui-state-default {
    border-radius: 2px;
    border-color: #edebeb !important;
    /*     background: white !important; */
    width: 30px;
    height: 30px;
    padding: 0 !important;
    line-height: 30px;
    text-align: center !important;
    color: #193d61 !important;
    border-radius: 15px;
    font-size: 13px;
    font-weight: 600 !important;
    margin: 7px 0 0 4px;
}

    .ui-datepicker .ui-state-default.ui-state-highlight {
        border-color: #dcdcdc;
        background-color: #12759B !important;
        color: white !important;
    }

.ui-datepicker-today .ui-state-default.ui-state-highlight {
    border-color: #9dc4d4;
    background-color: #48bbde !important;
    color: white !important;
}

.openemr-calendar .ui-state-default {
    font-size: 10px;
    margin: 0;
}

.ui-datepicker td {
    width: 33px;
}

.openemr-calendar .ui-datepicker td {
    width: 26px;
}

.openemr-calendar .ui-state-default {
    width: 26px;
    height: 20px;
    line-height: 20px;
}

.ui-state-default.ui-state-hover {
    border-color: #dcdcdc;
    background-color: #12759B !important;
    color: white !important;
}

.ui-datepicker .ui-state-active {
    border-color: #dcdcdc;
    background-color: #12759B !important;
    color: white !important;
}

.ui-datepicker-calendar thead tr th {
    color: #193d61;
    font-size: 12px;
    font-weight: 600;
    padding: 0.45em 0.3em !important;
    /*   width: 15px !important; */
}

.openemr-calendar .ui-datepicker-calendar thead tr th {
    font-size: 10px;
}

.ui-datepicker-close {
    display: none;
}

.ui-datepicker thead {
    background-color: #f5f5f5;
}

.openemr-calendar .ui-datepicker thead {
    background: none;
}

.ui-state-default.ui-datepicker-current {
    float: none !important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    border-width: 0 !important;
    border: none;
    vertical-align: top;
    margin: 0 !important;
    background-color: transparent !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
    text-align: center;
    background-color: #3e9aba;
    margin: 0 !important;
    height: 28px;
    padding: 0 !important;
}

.openemr-calendar .ui-datepicker-year {
    background-color: transparent;
}

button:focus {
    outline: none
}

.openemr-calendar .ui-datepicker-month {
    background-color: transparent;
}

.openemr-calendar .ui-state-default {
    border: 0 !important;
}

.openemr-calendar .ui-datepicker-month {
    margin-right: 10px !important;
}

.loginButton {
    -webkit-appearance: none;
    background-color: #05759c;
    font-size: 16px;
    width: 100%;
    line-height: 22px;
    border-radius: 15px;
    border: none;
    margin: 10px;
    color: white;
    white-space: normal;
    padding: 10px 20px;
    font-weight: 600;
    max-width: 500px;
}

    .loginButton:hover {
        background-color: #0f3c63;
        font-size: 16px;
        border: 1px solid #4ebade;
        box-shadow: 0 0.4em 0.5em -0.4em #4ebade;
        transform: translateY(-0.2em);
        color: white;
    }

.noraise:hover {
    border: 0px;
}





.center2 {
    width: 25%;
    height: 30%;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table-cell;
    vertical-align: middle;
}

a {
    color: white;
}

    a:hover {
        color: #4ebade;
        cursor: pointer;
    }

.textboxlogin {
    padding: 12px 16px;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    margin: 10px;
    font-size: 16px !important;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 20px;
    font-size: 0.85em;
    max-width: 1000px;
}

.textboxlogin, input[type=password]:focus, textarea:focus {
    outline: none !important;
    border: 1px;
    border-color: #4ebade;
    box-shadow: 0 0 10px #4ebade;
}

button:focus {
    outline: none !important;
}

.field-icon {
    float: right;
    margin-top: -43px;
    position: relative;
    font-size: 16px;
    z-index: 20;
    color: #05759c;
}

.field-icon2 {
    float: right;
    margin-top: -43px;
    right: 25px;
    position: relative;
    font-size: 16px;
    display: none;
    z-index: 20;
    color: #05759c;
}

.field-icon22 {
    float: right;
    margin-top: -43px;
    right: 25px;
    position: relative;
    font-size: 16px;
    display: none;
    z-index: 20;
    color: #05759c;
}

.field-icon222 {
    float: right;
    margin-top: -30px;
    right: 10px;
    position: relative;
    font-size: 16px;
    display: block;
    z-index: 20;
    color: #05759c;
}

.container {
    margin-top: 50px;
}

.pre-load-content {
    display: none;
}


.audit-dual-row {
    display: flex;
    padding: 0px;
    margin: 0px;
}

    .audit-dual-row span {
        width: 100%;
    }

.audit-row-name {
    height: 100%;
    display: flex;
    width: 60%;
    align-items: center;
    background: #599ad2;
    color: white;
}

.audit-row-val {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.audit-comparable-tables tr {
    border-bottom: 1px solid #cccccc;
}

.audit-comparable-tables td {
    border-right: 1px solid white;
}


.center2 ul li {
    list-style-type: none;
    margin-right: 5%
}

.tile.active {
    pointer-events: none;
}

@media all and (max-width: 850px) {
    .adjustment-span {
        height: 20px;
        margin-top: 5px;
    }
}

#hmlrDateUnknown {
    display: none
}

.audit-content-width {
    height: 100px;
    overflow: auto;
}

#DesktopValueCheckbox {
    display: none;
}

.lenderspecific label {
    text-align: left !important;
    padding-left:10px !important
}

.lenderspecific input {
    margin-top: 2px !important;
}

.buyToLet {
    background: linear-gradient(#0c668a 40%,#12759c 100%);
    margin-bottom: 10px;    
    color: white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 90%;
    min-height: 45vh;
}


.buy-let-container {
    width: 100%;
}

.buyToLet .control-label {
    text-align: left;
}

.ui-datepicker.ui-datepicker {
    width: 300px;
}
.jobreleaser {
    position: absolute;
    background-color: #0c4b72;
    width: 40%;
    height: 35%;
    border-radius: 125px;
    display: block;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 50px;
    padding-right: 50px;
    margin: auto;
}

    .textboxsearch:focus {
        outline: none !important;
        border-color: #ed721a !important;
        box-shadow: 0 0 10px #ed721a !important;
    }
.buttons:hover, .locationbar:hover {
    cursor: pointer
}