/* home.css */
/* ==========================================================================
Material Design Deep Purple
300 #9575CD
400 #7E57C2
500 #673AB7
600 #5E35B1
700 #512DA8
========================================================================== */

/* ==========================================================================
Bootstrap modifications by Chris Shields
========================================================================== */
.navbar {
    margin-bottom: 0px;
}

.menu-spacer {
    margin-top: 20px;
}

.navbar-text > strong {
    margin-bottom: 0px;
    line-height: 1em;
    color: darkslategrey;
    font-size: 1.4em;
}

/* ==========================================================================
Home - List and Map page styling
========================================================================== */
div.main-content {
    background-color: #f2f5f7;
}

.below-single-nav-row {
    margin-top: 50px;
}

.below-second-nav-row {
    margin-top: 100px;
}

.item-col-result {
    /*border: 1px solid #d8dade;*/
    border: 1px solid #aaaaaa;
    /*margin-bottom: 10px;*/
    background-color: #fff;
    margin-left: 15px;
    margin-top: 10px;
    border-radius: 2px;
    width: 95%;
}

.item-col {
    /*border: 1px solid #d8dade;*/
    border: 1px solid #888888;
    /*margin-bottom: 10px;*/
    background-color: #fff;
    margin-left: 15px;
    margin-top: 10px;
    border-radius: 2px;
    width: 95%;
}

.item-col-search {
    /*border: 1px solid #d8dade;*/
    border: 1px solid #888888;
    /*margin-bottom: 10px;*/
    background-color: #fff;
    margin-left: 15px;
    margin-top: 10px;
    border-radius: 2px;
    width: 93%;
}

.property-under-offer {
    background-color: #f2dede;
}

.property-new-price {
    background-color: #d9edf7;
}

.property-save {
    background-color: lightgoldenrodyellow;
}

.property-hide {
    background-color: lightgrey;
}


/* Picture box on left */
.picture {
    padding-right: 0px;
    padding-left: 0px;
    background-color: lightgrey;
}

div.result-count {
    color: grey;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    background-color: #fff;
    margin-bottom: 0px;
}

.index-price a{
    font-size: 1.4em;
    color: #333333;
}

.index-price a:hover {
    color: red;
}

.price {
    font-size: 1.4em;
    /*color: black;*/
    /*text-decoration: none;*/
    -moz-text-decoration-color: red; /* Code for Firefox */
    text-decoration-color: red;
}

/*a:focus .price,*/
/*a:hover .price {*/
/*font-size: 1.4em;*/
/*text-decoration: none;*/
/*color: #e20031;*/
/*}*/

a {
    -moz-text-decoration-color: red; /* Code for Firefox */
    text-decoration-color: red;
}

.price:hover {
    text-decoration: overline;
    /*font-size: 1.4em;*/
    /*color: red;*/
    /*text-decoration: none;*/
    /*color: #673AB7;*/
    color: #e20031;
    -moz-text-decoration-color: red; /* Code for Firefox */
    text-decoration-color: red;
}

.property-price {
    font-size: 1.4em;
}

.property-price a:focus,
.property-price a:hover {
    /*color: #673AB7;*/
    color: #e20031;
    /*text-decoration: none;*/
}

.property-price a {
    color: black;
    font-size: 1.4em;
}

.property-price-prev {
    font-size: 1.4em;
    text-decoration: line-through;
    color: #747c8a;
}

.price-prev {
    text-decoration: line-through;
    color: #747c8a;
}

.price-arrow-down {
    color: #bfc407;
}

/*.property-description {*/
/*font-size: 0.8em;*/
/*}*/


.property-agent {
    padding: 0px;
    margin: 0px;
    font-size: 0.9em;
    line-height: 1em;
}

.property-added {
    padding: 0px;
    margin: 0px;
    margin-top: 4px;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 0.8em;
}

.bedrooms {
    /*color: grey;*/
}

.property-name a:focus,
.property-name a:hover {
    /*color: #673AB7;*/
    color: #e20031;
    /*text-decoration: none;*/
}

.property-name a {
    color: #747c8a;
    font-size: 0.95em;
}


.spacer10 {
    height: 10px;
}

.spacer20 {
    height: 20px;
}

.spacer30 {
    height: 30px;
}

.indent2 {
    padding-left: 14px;
}

.indent4 {
    padding-left: 28px;
}

.indent6 {
    padding-left: 42px;
}

.indent8 {
    padding-left: 56px;
}

.details {
    /*border: 1px solid grey;*/
    /*border: 1px solid blue;*/
}

.features {
    /*border: 1px solid grey;*/
    /*/    border: 1px solid green;*/
    /*padding-bottom: 10px;*/
    /*border: 1px solid red;*/
}

.controls {
    /*position: absolute;*/
    /*bottom: 0px;*/
    /*border: 1px solid green;*/
    /*padding-top: 10px;*/
}

.item-result-tag {
    position: absolute;
    /*bottom: 0;*/
    top: 0;
    left: 0;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 0.9em;
    font-weight: bold;
}

.detail-item-result-tag {
    /*position: absolute;*/
    /*bottom: 0;*/
    top: 0;
    left: 0;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 0.9em;
    font-weight: bold;
    /*border: 1px solid red;*/
    /*margin-bottom: 40px;*/
    display: inline-block;
}

.is-new {
    background-color: #4ba000;
}

.is-under-offer {
    background-color: #ffa200;
}

.is-new-price {
    background-color: #2896db;
}

.is-sold {
    background-color: red;
}



.image-result-tag {
    position: absolute;
    /*bottom: 0;*/
    top: 0;
    right: 0;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 0.9em;
    font-weight: bold;
    background-color: black;
    border-bottom-left-radius: 4px;
}

.image-result-tag-info-window {
    position: absolute;
    /*bottom: 0;*/
    top: 0;
    right: 18px;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 0.9em;
    font-weight: bold;
    background-color: black;
    border-bottom-left-radius: 4px;
}



/* These styles are for the result bar on the list and map pages */
/* This contains the result row */
.result-row {
}

/* This is the result row */
.result-row-div {
    min-height: 40px;
    margin-top: 0px;
    padding-top: 0px;
}

.result-row-results {
    padding-top: 8px;
    display: inline-block;
    padding-left: 12px;
}

.result-row-controls {
    vertical-align: middle;
    display: inline-block;
    float: right;
    height: 100%;
    padding-left: 8px;
}

/* PAGE ROW */
/* This is the result row */
.page-row-div {
    height: 40px;
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
}


.page-row-pages {
    display: inline-block;
    height: 100%;
    font-size: 12px;
    color: #262637;
    padding-top: 3px;
}

.page-row-previous {
    display: inline-block;
    float: left;
    height: 100%;
    padding-top: 12px;
    border-right: 1px solid lightgrey;
    padding-right: 12px;
    padding-left: 12px;
    /*font-size: 0.8em;*/
    font-size: 13px;
    color: #262637;
}

.page-row-previous a:hover {
    text-decoration: none;
}

.page-row-next {
    display: inline-block;
    float: right;
    height: 100%;
    padding-top: 12px;
    border-left: 1px solid lightgrey;
    padding-left: 12px;
    padding-right: 12px;
    /*font-size: 0.8em;*/
    font-size: 13px;
    color: #262637;
}

.page-row-next a:hover {
    text-decoration: none;
}

.page-select {
    display: inline-block;
    padding-right: 12px;
}


/*.page-row-controls {*/
    /*vertical-align: middle;*/
    /*display: inline-block;*/
    /*float: right;*/
    /*height: 100%;*/
    /*padding-left: 8px;*/
/*}*/

/*.page-row-map-list {*/
    /*padding-top: 12px;*/
    /*height: 100%;*/
    /*display: inline-block;*/
    /*border-left: 1px solid lightgrey;*/
    /*padding-left: 12px;*/
    /*padding-right: 12px;*/
    /*float: right;*/
    /*font-size: 0.8em;*/
    /*color: #666666;*/
/*}*/

/* END PAGE ROW */

.result-row-sort {
    padding-top: 12px;
    height: 100%;
    display: inline-block;
    font-size: 0.8em;
}

.result-row-map-list {
    padding-top: 12px;
    height: 100%;
    display: inline-block;
    border-left: 1px solid lightgrey;
    padding-left: 12px;
    padding-right: 12px;
    float: right;
    font-size: 0.8em;
    color: #666666;
}

.result-row-map-list-selected {
    padding-top: 12px;
    height: 100%;
    display: inline-block;
    border-left: 1px solid lightgrey;
    padding-left: 12px;
    padding-right: 12px;
    float: right;
    font-size: 0.8em;
    background-color: #e7e7e7;
    color: black;
}

.result-row-map-list-selected-last {
    padding-top: 12px;
    height: 100%;
    display: inline-block;
    border-left: 1px solid lightgrey;
    padding-left: 12px;
    padding-right: 12px;
    float: right;
    font-size: 0.8em;
    background-color: #e7e7e7;
    color: black;
}

.result-row-map-list:hover {
    background-color: #e7e7e7;
    color: black;
}

.result-row-map-list a:hover {
    background-color: #e7e7e7;
    color: black;
}

.result-row-map-list:active {
    border: 1px solid darkgrey;
    outline: 0;
}

.result-row-map-list a:hover {
    text-decoration: none;
}

.result-count {
    font-size: 1.1em;
    color: #333333;
    font-weight: bold;
}

.result-count-text {
    /*font-size: 0.8em;*/
    color: #333333;
    font-weight: 500;
}

.result-select {
    display: inline-block;
    padding-right: 12px;
}

.region-link {
    font-size: 16px;
    line-height: 24px;
}

/* ==========================================================================
LIST page styling
========================================================================== */
.map-list-col {
    /*border: 1px solid red;*/
    margin-top: 10px;
    padding: 0px;
    padding-right: 15px;
}

.map-list {
    border: 1px solid #d8dade;
    border-radius: 2px;
}

.picture-agent {
    padding-top: 6px;
    padding-bottom: 6px;
}

.property-other {
}

.first-letter {
    /*        float:left; */
    /*        color: #ffffff; */
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    margin-right: .5em;
    background-color: #bfc407;
    text-transform: uppercase;
}

.item-col .col1 {
    padding-left: 30px;
}

.item-col .col2 {
    padding-top: 10px;
    padding-left: 0px;
}



.item-col-search .col1-search {
    padding-left: 10px;
}

.item-col-search .col2 {
    padding-top: 10px;
    padding-left: 0px;
}


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

a.list-link:hover {
    text-decoration: none;
    color: red;
}


/* ==========================================================================
MAP page styling
========================================================================== */

/*
 Map positioning
*/
/* LG */
/*@media screen and (min-width: 1200px){*/
/*.mapscroll {*/
/*!*border: 2px solid red;*!*/
/*!*margin-right: -15px;*!*/
/*position: fixed;*/
/*top: 0;*/
/*!*right: -20;*!*/
/*right: 0;*/
/*margin-top: 100px;*/
/*z-index: 200;*/
/*width: 10%;*/
/*border-left: 1px solid #d8dade;*/
/*bottom: 0;*/
/*}*/
/*}*/


/* MD (correct) and LG */
@media screen and (min-width: 992px){
    .mapscroll {
        /*border: 2px solid red;*/
        /*margin-right: -15px;*/
        position: fixed;
        top: 0;
        /*right: -20;*/
        right: 0;
        margin-top: 100px;
        z-index: 200;
        width: 50%;
        border-left: 1px solid #d8dade;
        bottom: 0;
    }
}

/* MD */
@media screen and (max-width: 992px){
    .mapscroll {
        /*border: 2px solid red;*/
        /*margin-right: -15px;*/
        position: fixed;
        top: 0;
        /*right: -20;*/
        right: 0;
        margin-top: 100px;
        z-index: 200;
        width: 56%;
        border-left: 1px solid #d8dade;
        bottom: 0;
    }
}

/* XS */
@media screen and (max-width: 768px){
    .mapscroll {
        /*border: 2px solid red;*/
        /*margin-right: -15px;*/
        position: fixed;
        top: 0;
        /*right: -20;*/
        right: 0;
        margin-top: 100px;
        z-index: 200;
        width: 100%;
        border-left: 1px solid #d8dade;
        bottom: 0;
    }
}


.mapscroll_management {
    /*border: 2px solid red;*/
    /*margin-right: -15px;*/
    position: fixed;
    top: 0;
    /*right: -20;*/
    left: 0;
    margin-top: 100px;
    z-index: 200;
    width: 60%;
    border-left: 1px solid #d8dade;
    bottom: 0;
}

.mapscroll_management_data {
    /*border: 2px solid red;*/
    /*margin-right: -15px;*/
    position: fixed;
    top: 0;
    /*right: -20;*/
    right: 0;
    margin-top: 100px;
    z-index: 200;
    width: 36%;
    border-left: 1px solid #d8dade;
    bottom: 0;
}

/* ==========================================================================
Account page
========================================================================== */

.alert-header {
    background-color: #eeeeee;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 1.1em;
}
.alert-row {
    /*background-color: #ffffff;*/
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    height: 100%;
}
.left-divider {
    border-left: 1px solid black;
    /*border: 1px solid red;*/
}
.alert-schedule {
    padding-left: 20px;
}

/* ==========================================================================
Login/Register page
========================================================================== */
.section-tab {
    border: 1px solid #aaaaaa;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eeeeee;
}
.section-tab-selected {
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

a.section-tab-link:hover {
    text-decoration: none;
}

a.section-tab-link-active {
    text-decoration: underline;
}

.section-box {
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* New section box used on login/register */
.section-box2 {
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
    min-height: 300px;
}

.section-submenu {
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    padding-top: 20px;
    padding-bottom: 6px;
    text-align: center;
}

.section-submenu-mid {
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.password-link {
    /*text-align: center;*/
    padding-top: 10px;
    padding-bottom: 20px;
}

/* ==========================================================================
Info window
========================================================================== */
div.info-window .info-property-name {
    font-size: 1.0em;
    margin-top: 0px;
    padding-bottom: 8px;
    /*margin-bottom: 2px;*/
}

div.info-window .info-property-name a:focus,
div.info-window .info-property-name a:hover {
    /*color: #673AB7;*/
    color: #e20031;
    text-decoration: none;
}

div.info-window  .info-property-name a {
    color: grey;
}

div.info-title {
    color: black;
    border-bottom: 1px dotted black;
    padding-bottom: 4px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 0.85em;
}

div.test-div {
    border: 1px solid black;
    width: 400px;
    padding: 12px;
}

img.info-image-img {
    width: 140px;
}

.info-image .item-result-tag {
    left: 15px;
}

div.info-window {
    width: 400px;
    /*border: 1px solid red;*/
    margin-left: 0px;
    padding-left: 0px;
}

div.info-text {
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 0px;
    /*border: 1px solid blue;*/
}

.info-price a:focus,
.info-price a:hover {
    color: #d9534f;
}

.info-price {
    color: #d9534f;
    font-weight: bold;
    font-size: 1.1em;
}

.info-price-prev {
    color: #747c8a;
    /*font-weight: bold;*/
    font-size: 1.1em;
    text-decoration: line-through;
}

div.info-bed-bath {
    color: black;
    margin-top: 4px;
    padding-bottom: 8px;
}

div.info-property {
    margin-bottom: 10px;
}


/* ==========================================================================
PROPERTY DETAIL page styling
========================================================================== */
/*.property-detail .description {*/
/*padding-top: 0px;*/
/*padding-bottom: 20px;*/
/*}*/

.image-viewer {
    height: 440px;
    /*background-color: black;*/
    border: 1px solid grey;
    background-color: lightgrey;
}

.image {
    display: block;
    margin: auto;
    height: 100%;
}


.image-viewer .navigation-position {
    position: absolute;
    left: 50%;
}

.image-viewer .navigation-position .navigation-position2 {
    border: 1px solid green;
    text-align: center;
    /*background-color: red;*/
    position: absolute;
    bottom: 0;
    /*top: 0;*/
    left: -50%;
}

.navigation-bar {
    height: 10%;
    width: 100%;
    background-color: black;
    /*border: 5px solid black;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*z-index: 200;*/
    opacity: 0.3;
}

.detail-price-row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.detail-description-row {
    padding-top: 10px;
    border-top: 1px solid lightgrey;
    padding-bottom: 20px;
    /*font-size: 0.9em;*/
}

.detail-agency-link {
    margin-top: 20px;
    margin-bottom: 20px;
}

.detail-agency-btn {
    font-size: 1.1em;
    padding: 12px 24px;
}

/* ==========================================================================
HOME SEARCH page styling
========================================================================== */
h2.short-desc {
    font-size: 1.1em;
    margin-top: 0px;
    margin-bottom: 4px;
}

a h2.short-desc {
    text-decoration: underline;
}

div.property-name {
    font-weight: 500;
}


h1.list-search-desc {
    margin-top: 4px;
    /*padding-top: 0px;*/
    /*border: 1px solid red;*/
}

h1.detail-short-desc {
    font-size: 1.3em;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 4px;
}

.detail-address {
    font-size: 1.2em;
    display: inline-block;
}

h1.not-found {
    font-size: 1.1em;
    margin-top: 0px;
    padding-top: 0px;
}

div.not-found-box {
    margin-top: 20px;
    background-color: #fff4d4;
    border: 1px solid #ffbf00;
    padding-bottom: 10px;
    /*font-size: 0.9em;*/
}

div.not-found-module h3 {
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-bottom: 0px;
}

div.not-found-module ul {
    font-size: 1.0em;
    list-style: none;
    list-style-image: none;
    padding-left: 0px;
}

div.not-found-module li {
    padding-left: 0px;
    margin-bottom: 10px;
}


.search-content {
    /*background-color: #f2f5f7;*/
    background-color: #efefef;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 1px solid darkgrey;
    /*border: 1px solid red;*/
}

.search-content-row {
    /*background-color: #f2f5f7;*/
    /*?    border-top: 1px solid darkgrey;*/
}

.search-container {
    border: 1px solid orange;
}

.search-intro {
    font-size: 1.1em;
    padding-bottom: 10px;
}

.search-form {

}

.search-description {
    margin-top: 20px;
    border-bottom: 1px solid grey;
}

.search-description h4 {
    font-size: 1.1em;
}

.search-description-text {
    padding-top: 10px;
    /*font-size: 0.9em;*/
}

.search-description-text a {
    color: blue;
}

/* Footer */
.footer {
    margin-top: 20px;
    padding-top: 6px;
    background-color: #eeeeee;
    min-height: 140px;
}

.fa-facebook-official {
    font-size: 48px;
    color: #3b5998;
}

.fa-facebook-official:hover {
    text-decoration: none;
    color: #6d84b4;
}

.email {
    /*font-size: 0.9em;*/
}

.footer h4 {
    font-size: 1.1em;
    margin-bottom: 4px;
}

.footer a.email {
    color: blue;
}

.footer-links {
    font-size: 1.0em;
    /*border: 1px solid red;*/
    margin-top: 10px;
    /*border-top: 2px solid #dddddd;*/
    padding-top: 10px;
    /*margin-bottom: 10px;*/
}

.padding-20 {
    padding-top: 20px;
}

thead.cookie-head {
    font-weight: bold;
}

/* ==========================================================================
Second navbar filter collapsible
========================================================================== */
.filter-collapsible {
    z-index: 500;
    background-color: #efefef;
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid darkgrey;
}

.filter-form {
    padding-top: 20px;
}

.filter-checkboxes {
    /*padding-top: 10px;*/
}

.filter-bedrooms {
    padding-top: 10px;
}

.filter-price {
    padding-top: 10px;
}

.filter-sort-order {
    padding-top: 10px;
}


.navbar-header-items > a {
    /*border-left: 1px solid black;*/
    /*border-right: 1px solid black;*/
    /*padding-top: 40px;*/
    /*padding-bottom: 40px;*/
    height: 100%;
    vertical-align: middle;
    padding-top: 24px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 16px;
}

.navbar-header-items > a:hover,
.navbar-header-items > a:focus {
    text-decoration: none;
    background-color: #dfdfdf;
}

.navbar-header-items > a:visited {
    text-decoration: overline;
}

.navbar-header-items > a:active {
    text-decoration: none;
}

.navbar-header-items {
    padding-top: 12px;
    padding-bottom: 10px;
    margin-bottom: -4px;
}


/* ==========================================================================
New list style for Spring MVC
========================================================================== */
span.prev-next {
    color: #337ab7;
}

span.prev-next:hover {
    color: #23527c;
    cursor: pointer;
}




/* ==========================================================================
Typeahead styling for placename
========================================================================== */
.bs-example {
    font-family: sans-serif;
    position: relative;
    margin: 100px;
}
.typeahead, .tt-query, .tt-hint {
    border: 2px solid #CCCCCC;
    /*border-radius: 8px;*/
    border-radius: 6px;
    /*font-size: 22px; !* Set input font size *!*/
    font-size: 14px; /* Set input font size */
    /*height: 30px;*/
    height: 35px;
    line-height: 30px;
    outline: medium none;
    padding: 8px 12px;
    /*width: 396px;*/
    width: 300px;
}
.typeahead {
    background-color: #FFFFFF;
}
.typeahead:focus {
    border: 2px solid #0097CF;
}
.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
    color: #999999;
}
.tt-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 12px;
    padding: 8px 0;
    width: 422px;
}
.tt-suggestion {
    /*font-size: 22px;  !* Set suggestion dropdown font size *!*/
    font-size: 14px;  /* Set suggestion dropdown font size */
    padding: 3px 20px;
}
.tt-suggestion:hover {
    cursor: pointer;
    background-color: #0097CF;
    color: #FFFFFF;
}
.tt-suggestion p {
    margin: 0;
}


/* ==========================================================================
Custom navbar with Material Design deep purple 500 and 400
========================================================================== */
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    /*background-color: rgba(103, 58, 183, 1);*/
    background-color: rgba(255, 255, 255, 1);
    border-width: 0px;
    border-radius: 0px;
    border-bottom: 1px solid lightgrey;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    /*color: rgba(255, 255, 255, 1);*/
    /*background-color: rgba(248, 248, 248, 0);*/
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    /*color: rgba(255, 255, 255, 1);*/
    color: #e20031;
    /*background-color: rgba(126, 87, 194, 1);*/
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    /*color: rgba(255, 255, 255, 1);*/
    /*background-color: rgba(126, 87, 194, 1);*/
    color: #e20031;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    /*border-color: #7E57C2;*/
    border-color: grey;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    /*background-color: #7E57C2;*/
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    /*background-color: #7E57C2;*/
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    /*background-color: #673ab7;*/
}

/* ==========================================================================
Custom navbar with Material Design deep purple 500 and 400
========================================================================== */
#custom-bootstrap-menu2.navbar-default {
    font-size: 14px;
    border-width: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #d8dade;
    width: 100%;
}

#custom-bootstrap-menu2.navbar-default {
    position: fixed;
    top: 0;
    z-index: 100;
    margin-top: 50px;
}



.affix {
    top:50px;
    position:fixed;
}