/* Remax - External CSS for CSP Compliance */

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}

#map {
    height: 100%;
}

#availablebrandscontent {
    position: relative;
    display: none;
}

#over_map {
    position: absolute;
    top: 30px;
    right: 40px;
    z-index: 99;
    background-color: #FFFFFF;
    font-weight: bold;
    color: #000000;
    font-family: arial;
}

.divscroll {
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.card {
    width: 293px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.brands {
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px solid #C0C0C0;
    font-size: 13px;
}

#contentid {
    height: 120px;
    background-color: #ffffff !important;
}

#maptdid {
    height: 100%;
}

#maptable {
    height: 100%;
    width: 100%;
    background-color: #ffffff !important;
}

@font-face {
    font-family: "HelveticaNeue-Medium";
    src: url("../assets/Fonts/HelveticaNeue-Medium.eot");
    src: url("../assets/Fonts/HelveticaNeue-Medium.eot?#iefix") format("embedded-opentype"),
         url("../assets/Fonts/HelveticaNeue-Medium.woff") format("woff"),
         url("../assets/Fonts/HelveticaNeue-Medium.ttf") format("truetype"),
         url("../assets/Fonts/HelveticaNeue-Medium.svg#svgFontName") format("svg");
}

#selectcontent {
    font-family: HelveticaNeue-Medium;
}

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

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.PTOverLay {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    opacity: .8;
    filter: alpha(opacity:80);
    -moz-opacity: 0.80;
    z-index: 1055;
    width: 100% !important;
    height: 100% !important;
}

.PTLoadingImg {
    position: fixed;
    z-index: 1100;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
}

.spin-big {
    font-size: 60px;
    height: 60px;
    width: 60px;
}

.spin-normal {
    font-size: 40px;
    height: 40px;
    width: 40px;
}

.spin-small {
    font-size: 20px;
    height: 20px;
    width: 20px;
}

/* Inline style replacements */
.hidden-element {
    display: none;
}

.loading-table {
    height: 150px;
    width: 200px;
}

.spinner-margin {
    margin: 0 0 10px;
}

.logo-cell {
    width: 150px;
}

.logo-padding {
    padding: 5px;
}

.content-cell {
    background-color: #ffffff !important;
    vertical-align: middle !important;
}