body {
    /* font-family: "Trebuchet MS", Helvetica, sans-serif; */
    font-size: 18px;
    font-family: 'Titillium Web', sans-serif;
    font-family: 'K2D', sans-serif;
    padding: 0;
    /*  overflow-x: hidden; */
}
.body-login {
    background: url("/Images/bg31.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
}
.body-loggedin {
    background: url("/Images/bg31.jpg") no-repeat center top fixed;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.web-banner {
    background: url("/Images/webimg-4.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 300px;
    font-size:22px;
    padding-top:15px;
}
.web-banner-mobile {
    font-size: 22px;
    padding-top: 15px;
}



.global-container-content.loggedin {
    background: rgba(255, 255, 255, 0.97);
    color: #808080;
}
.global-container-content.login {
    /*background: rgba(0, 0, 0, 0.5);*/
    color: #FFF;
}

.home-strapline {
    background: rgba(0, 0, 0, 0.4);
}
.home-strapline-alt {
    background: rgba(255, 255, 255, 0.95);
    color:#808080;
}
.home-strapline img, .home-strapline-alt img {
    border-color:#237554;
    box-shadow: 11px 11px 11px -2px rgba(109,117,112,1);
}
.home-strapline .highlighted {
    background-color: #FFF;
}
.login-form {
    background-color: #FFF;
    color: #808080;
}
.login-form.register {
    background: rgba(255, 255, 255, 0.9);
}



/* Navbars & Pills */
/* (main navbar) */
.navbar .nav-link {
    color: #696969;
}
.navbar.navbar-color {
    background-color: #6a6363;
    background: url("/Images/bg22.jpg") no-repeat fixed;
}
/* (drop down menu button) */
.nav-pills.dd-menu .nav-link:not(.active) {
    background-color: #707579;
    color: #fff;
}
.nav-pills.dd-menu .nav-link {
    background-color: rgba(0, 255, 0, 0.5);
    color: white;
}
/* (property details nav tabs) */
.nav-tabs.prop-details {
    border-bottom-color: grey;
}
.nav-tabs.prop-details .nav-link {
    color: #696969;
}
.nav-tabs.prop-details .nav-link.active {
    color: #fff;
    background-color: grey;
}
/* (property details nav pills - smaller screens) */
.nav-pills.prop-details .nav-link {
    color: #696969;
}
.nav-pills.prop-details .nav-link:not(.active) {
    border-bottom-color: grey;
    border-color:grey;
    background-color: #f7f7f7;
}
.nav-pills.prop-details .nav-link.active {
    color: #fff;
    background-color: grey;
}



.page-header-text {
    color: #237554;
}
.page-header-text.boxed {
    color:#fff;
}




.property-title-text {
    color: #237554;
}
.property-title-text-dull {
    color: #808080;
}

.property-section-title {
    color: #237554;
}


.property-carousel-img {
    border-color:#808080;
}


.property-pages-divider {
    border-right-color:#C0C0C0;
}

.property-pages-main-menu-button {
    color: #237554;
}
.property-pages-main-menu-button-alt {
    background-color:#e1e1e1;
}

.property-menu-toggle-button {
    border-color: #C0C0C0; 
    background-color: #e1e1e1;
}



.property-info-container .content .section {
    border-bottom-color: #bbcbbe;
}
.property-info-container .content .section.top-left {
    border-top-color: #bbcbbe;
}
.property-info-container .content .section:hover {
    background-color:#f7fef2;
}
.property-info-container .content .edit-icon {
    color:#8fbfac;
}
.property-info-container .field-title {
    color:#237554;
}


.property-map-main {
    border-color:#237554;
}


fieldset.property-details-edit {
    border-color: #237554;
}
fieldset.property-details-edit legend {
    color:#237554;
}
fieldset.property-details-edit .sub-item { 
    border-color: #C0C0C0;
}
fieldset.property-details-edit .sub-item:hover { 
    background-color:#f7fef2;
}



.fadedText {
    color: #C0C0C0;
}


.site-image-thumbnail-table {
    border-color: #e1e1e1;
}

.thumbnail-selected {
    background-color: #fffaf0;
    border-color: #f7d986;
}


.timeline-delete-confirm {
    border-color: #C0C0C0;
}

.fa-file-pdf {
    color: #eb736a;
}
.fa-file-word {
    color: #5a6edb;
}
.fa-file-excel {
    color: #58b54a;
}
.fa-file-csv {
    color: #b799cf;
}
.fas.fa-file-alt {
    color: #a6d1e0;
}
.far.fa-file-alt {
    color: #dce1e3;
}



.delete-document-confirm {
    border-color: red;
    background-color: #fcebeb;
    color: red;    
}




.header-company-name { /* see mobile css for mobile specific settings */
    background-color: #237554;
    border-bottom-color: #7b1212;
    color: #FFF;
}



/* Homepage */
.glyphicon {
    color: #237554;
}
.homepage-icon {
    color: #237554;
}


.terms-text {
    color: blue;
}


/* Divider */
hr {
    box-shadow: 0 0 5px 1px #edebeb;
}



/* Freshdesk support form */
.support-form {
    border-color: #237554;
    box-shadow: 11px 11px 11px -2px rgba(109,117,112,1);
}




/* displays a background to headers/titles */
.title-wrapper {
    background-color: #237554;
    color: #FFF;
}

/* Section Headings Text */
.section-header {
    color: #237554;
}




/* floating div effect */
.shadowed-box {
    border-color: #C0C0C0;
    box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.25);
}


/* additional button CSS */
.btn-light {
    border-color: #808080;
}
.btn-light:hover {
    border-color: #808080;
    background-color: #237554;
    color: #FFF;
}



/* additional form field settings */

.form-field-error {
    border-color: red;
    box-shadow: 0 0 5px 2px #fd9e9e;
}

.form-check-highlight {
    background-color: #fff0c8;
    border-color: #cbc63f;
}

.form-label {
    color: #8aa499;
}

.field-title {
    color: #ff6c6c;
}







.property-selector {
    border-color: #237554;
    background-color: #e7ece6;
    box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.25);
}
.property-selector:hover {
    background-color: #eef1ed;
}
.property-selector .right-container {
    border-left-color: #237554;
}
.property-selector .display-name {
    border-bottom-color: #237554;
}


.property-selector.dull {
    background-color: #e1e1e1;
    border-color: #000;
}
.property-selector.dull:hover {
    background-color: #e1e1e1;
}
.property-selector .right-container.dull {
    border-left-color: #000;
}
.property-selector .display-name.dull {
    border-bottom-color: #000;
}




/* Notification Bubbles */
.notification {
    background-color: red;
}

.nav-item .notification {
    border-color: #FFF;
    color: #FFF;
}





/* Notifications Page */
.notification-panel {
    border-color: #ece8e8;
    background-color: #f6f4f4;
}


    .notification-panel:hover {
        background-color: #efeded;
    }

    .notification-panel.deleting {
        background-color: #dc0d13;
        color: #fff;
    }

    .notification-panel.bottom, notification-panel.bottom:hover {
        border-top-color: #ece8e8;
    }










/* Uploads Indicator / Info */
.uploads .uploaded-file-info-container {
    border-color: #808080;
}
.uploads .uploadInfo .progressBar {
    background-color: #3E6FAD;
}
.uploads .uploadInfo .progressBar .progressBarPercent {
    color:#FFF;
}
.uploads .uploadInfo .success {
    color:forestgreen;
}
.uploads .uploadInfo .error {
    color: red;
}






/* Modal Dialogues */
.modal-header {
    color: #277555;
    background-color: #e1e1e1;
}






/* table settings  */
tr td.deleting {
    background-color: unset;
    background-color: #dc0d13;
    color: #fff;
}





/* Input Placeholder settings */
/**************************************/
/* WebKit, Blink, Edge */
.form-control::-webkit-input-placeholder {
    color: #d1d9d3;
}
/* Mozilla Firefox 4 to 18 */
.form-control:-moz-placeholder {
    color: #d1d9d3;
}
/* Mozilla Firefox 19+ */
.form-control::-moz-placeholder {
    color: #d1d9d3;
}
/* Internet Explorer 10-11 */
.form-control:-ms-input-placeholder {
    color: #d1d9d3;
}
/* Microsoft Edge */
.form-control::-ms-input-placeholder {
    color: #d1d9d3;
}
/**************************************/





/*--------------------------------------------------------------------------------*/
/* ON/OFF SWITCH */
.slider {
    background-color: #ccc;
}

    .slider:before {
        background-color: white;
    }

input:checked + .slider {
    background-color: #14ae2a;
}

input:focus + .slider {
    box-shadow: 0 0 0px #14ae2a;
}
/*--------------------------------------------------------------------------------*/








/*** MEDIA SETTINGS TO OVERIDE ABOVE CSS ***/
/****************************************************/
/* This effects a Samsung S8 Portrait */
@media screen and (max-width: 576px) {
    
}

/* This effects a Samsung S8 Landscape */
@media screen and (min-width: 577px) {
    
}

@media screen and (min-width: 768px) {    
    .property-info-container {
        border-right-color: #e1e1e1;
    }
    .property-info-container .content .section.top-right {
        border-top-color: #bbcbbe;
    }
}
@media (min-width: 992px) {
    
}
/****************************************************/