/* **** Member styles  ***** */
* {
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
}

a {
	color: #fff;
    text-decoration: none;
} 

a:hover, 
a:link,
a:visited,
a:active {
    color: #fff;
    text-decoration: none;
}

a.underline:hover, 
a.underline:link,
a.underline:visited,
a.underline:active {
    text-decoration: underline;
}

label {
    font-weight: 500;
    display: initial;
    font-size: 1.0em;
    margin:0;
    /**  color:#78b6c9; **/
    color: #000;
    transition: color 0.15s ease-in-out;
}

label.form-focus{
    color: #5394c8 !important;
}

.highlight_section{
    padding: 10px;
    border-top: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: box-shadow 0.15s ease-in-out;
    box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    -o-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    -ms-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
}


.highlight_section:hover {
    box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1);
   -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1);
       -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1);
           -o-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1);
               -ms-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1);
}

.section-column .highlight_section > header{
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 5px 5px 5px 2px;
}

.media-grid.highlights .media-container{
    box-shadow: 0px 0px 16px 0px rgba(120, 182, 201, 0.5);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(120, 182, 201, 0.5);
        -moz-box-shadow: 0px 0px 16px 0px rgba(120, 182, 201, 0.5);
            -o-box-shadow: 0px 0px 16px 0px rgba(120, 182, 201, 0.5);
                -ms-box-shadow: 0px 0px 16px 0px rgba(120, 182, 201, 0.5);
}

#breadcrumb{
    display: none !important;
}

/** textarea autoresize */
.data-autoresize{
    overflow: hidden;
}

/** autocomplete loading */

#loading_search{
    position:absolute;
    z-index:1;
    height:100%;
    width:100%;
    background: href61;
    top: 0;
    left:0;
}

#loading_search i{
    position: absolute;
    left: 46%;
    top: 46%;
    -ms-transform: translate(0%,-50%); /* IE 9 */
        -webkit-transform: translate(0%,-50%); /* Safari */
            transform: translate(0%,-50%);
}

/** autocomplete loading */ 

.inner{
    position: relative;
    max-width:1280px;
    margin:0 auto 0 auto;
    padding:0 5px 0 5px;
    min-width:310px;
}

.inner header {
    clear:both;
}

@media all and (min-width: 1921px) {
    .inner {
        max-width: 1680px;
    }
}

.mark{
    background: rgba(98, 132, 160, 0.5);
    padding: 10px;
}

.sub-label label {color: #737373;} 

.clear{clear:both;}

.brk-wrd {
    white-space: normal !important;
    word-break: break-all !important;
}

.border-light{border: 1px solid #eee !important;}
.border{border: 1px solid #ddd !important;}
.border-bottom{border-bottom: 1px solid #ddd !important;}
.border-top{border-top: 1px solid #ddd !important;}  
.border-left{border-left: 1px solid #ddd !important;}  
.border-right{border-right: 1px solid #ddd !important;}  
.border-none {border: 0px !important;}
.border-top-none {border-top: 0px !important;}
.border-bottom-none {border-bottom: 0px !important;} 

.divider,
.town-divider {
    padding:5px 0 5px;
}

.fa-icon-background{
    padding: 4px 5px;
    border-radius: 5px;
    transition: background 0.3s;
}

.fa-icon-background:hover{
    background:#f2f1f1;
}

.c2 {
    font-weight: bold;
}

.c2.active {
    font-weight: bold;
}

.collapse-section-btn.open .fa-caret-down{
    transform: rotate(180deg);
}

.collapsed-section{  
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.15s ease-out;
}

.collapsed-section.open{
    max-height: 600px;
    transition: max-height 0.25s ease-in;
}

.collapsed-section-neo{  
    overflow: hidden;
    max-height: 0;
}

.collapsed-section-neo.open{
    max-height: 600px;
    
}

/* *************************** */
/* **** standard styles  ***** */
/* *************************** */

/* *************************** */
/* **** standard colors  ***** */
/* *************************** */

.wcolor {
    color:#fff !important;
}

.black {
    color:#000 !important;
}

.sub-title_blue{
    color: #0f6596;
}


.white_bk{
    background: #fff !important;
}

.green_fnt{
    color: #8fb175 !important;
}

.black_bk{
    background:#000 !important;
}

.gray_bk {
    background: #fafafa !important;
}

.border_gray {
    border: 1px solid #fafafa !important;
}

.border_gray_bottom {border-bottom: 1px solid #ccc !important;}
.border_gray_top {border-top: 1px solid #ccc !important;}

.lt_gray_bk {
    background:#f2f1f1;
}

.gray-out{
    background:  rgba(220,93,84, 0.5) !important;
    display:none;
}

.icon_hover{
    padding:5px 10px;
    -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
            border-radius: 25px;
    transition: background 0.3s;  
}

.icon_hover:hover{
    background:#f2f1f1;
}

.c2 {background:#ffff00}
.c2.active {background:#ffa500}

ul.alternating li:nth-last-of-type(odd){
    background:#fff;
}

ul.alternating li:nth-last-of-type(even){
    background:#f2f1f1;
}

.blank_out.activated{
    position: relative;
}

.blank_out.activated:after {
    content:' ';
    width: 100%;
    height: 100%;
    left:0;
    top: 0;
    position:absolute;
    z-index: 99;
    background-color: rgb(255 255 255 / 50%);
}

.gray_blank_out.activated{
    position: relative;
}

.gray_blank_out.activated:after {
    content:' ';
    width: 100%;
    height: 100%;
    left:0;
    top: 0;
    position:absolute;
    z-index: 99;
    background-color: rgb(250 250 250 / 50%);
}

.transparent_overlay.activated{
    position: relative;
}

.transparent_overlay.activated:after {
    content:' ';
    width: 100%;
    height: 100%;
    left:0;
    top: 0;
    position:absolute;
    z-index: 99;
    background-color: transparent;
}

/* *************************** */
/* **** standard colors  ***** */
/* *************************** */

/* *************************** */
/* **** standard buttons ***** */
/* *************************** */
.gs-btn {
    display: block;
    min-width: 122px;
    height:35px;
    line-height: 35px;
    font-size: 14px;
    color:#fff;
    margin: 5px;
    padding:0 10px 0 10px;
    text-align: center;
    text-transform: uppercase;
    background:  #233441;
    cursor: pointer;  
    border-radius: 4px;  
    font-weight: normal !important; 
    transition: background 0.3s;  
}

/**  can be removed
.gs-btn-two {
    display: block;
    width: 122px;
    height:35px;
    line-height: 35px;
    font-size: 14px;
    color:#fff;
    margin: 0 auto 0 auto;
    text-align: center;
    text-transform: uppercase;
    background:  rgba(220,93,84,1.0);
    cursor: pointer;  
    border-radius: 4px;  
    font-weight: normal !important; 
    transition: background 0.3s;  
}
*/

.gs-btn-submit{
    float:left;
    min-width: 122px;
    height:45px;
    line-height: 45px;
    font-size: 14px;
    color:#fff;
    margin: 0 auto 0 auto;
    text-align: center;
    text-transform: uppercase;
    background:  #233441;
    cursor: pointer; 
    border:0;     
    border-radius: 4px;    
    padding: 0 10px;
    transition: background .3s;
}

.gs-btn-submit-sh{
    display: block;
    float:left;
    min-width: 132px;
    height:35px;
    line-height: 35px;
    font-size: 14px;
    color:#fff;
    margin: 5px;
    padding:0 10px 0 10px;
    text-align: center;
    text-transform: uppercase;
    background:  #233441;
    cursor: pointer; 
    border:0;     
    border-radius: 4px;
    transition: background .3s;
}

.gs-btn:hover,
.gs-btn-two:hover,
.gs-btn-submit:hover,
.gs-btn-submit-sh:hover{
    background:  #233441;       
}

.gs-btn-submit-sh.disable,
.gs-btn-submit-sh.disable:hover{
    background:  rgb(35 52 65 / 60%);
}

/** can be removed
.gs-btn-submit-two {
    margin: 0 5px 0 5px;
}
*/

/* *************************** */
/* **** standard buttons ***** */
/* *************************** */

/* *************************** */
/* **** header container  **** */
/* *************************** */

header.gsmls_header{
	position: fixed;
	top: 0;
	left:0;
    width: 100%;
    z-index:18;
	transition: min-height 0.5s;
}

/* *************************** */
/* **** header container  **** */
/* *************************** */

/* *************************** */
/* *** profile container  **** */
/* *************************** */

/** override original css (remove when system updated */
#userProfile {
    position: relative;
    top: auto;
    width: 100%;
    min-height: 32px;
    line-height: 32px;
    max-height: 32px;
    padding: 0;
    transition: min-height 0.5s;
    z-index: 7;
}

#userProfile .inner {
    padding: 0 0 0 0;
}

#userProfile *{
    font-size: 13px; 
    color:#fff;
}

/** profile buttons */

#userProfile #user,
#userProfile #cartButtons,
#userProfile #helpButton,
#userProfile #session {
    float:right;
    margin:0 0 0 0;
    min-height: 32px;
    line-height: 32px;
    color:#233441;
    position: relative;
    cursor: pointer;
    transition: background .2s;
    padding: 0 10px;
    white-space: nowrap;
}

#userProfile #session {
    float:left;
}

#userProfile #session:hover,
#userProfile #user:hover,
#cartButtons:hover,
#helpButton:hover{
    background: rgba(35, 52, 65, .5);
} 

#cart-container > div a,
#user-profile-menu > div a{
    color:#233441;
    font-size: 14px;
    font-weight: 400;
}

/** button icons */
#userProfile #helpButton span.fas,
#userProfile #user span.fas,
#userProfile #user span.glyphicon,
#userProfile #cartButtons span.fas{
    margin-right:6px;
}

@media all and (max-width: 615px) {
    #userProfile #cartButtons {
        float:left;
    }
}

/** profile buttons */

@media all and (max-width: 615px) {
    #userProfile #session{
        display: none;
    }
}

#cart-container,
#user-profile-menu {
    position: absolute;
    padding:10px 0;
    background: #fff;
    z-index: 10000;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
        -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.6);
            box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.6);
    transition: height 0.5s;
    border: 1px solid #ccc;
    overflow: hidden;
    display: none;
}


#cart-container.expanded,
#user-profile-menu.expanded{
    display:block;
    animation: fadeIn 0.3s;
}


#user-profile-menu > div {
    width: 100%;
    height:30px;
    line-height:30px;
    padding:0px 20px 0px 20px;
} 

#cart_menu > div a,
#userProfile #cartButtons > div a {
    display:block;
    color:#233441;
    font-size: 14px;
    font-weight: 400;
    width:100%;
    clear:both;
    margin:0 0 0 0;
    padding:0 10px 0 10px;
}

#cart_menu > div a:hover,
#userProfile #cartButtons > div a:hover,
#user-profile-menu > div:hover:not(.divider){
    cursor: pointer;
    background: href;
} 

#cart_menu > div a {
    min-height: 32px;
    line-height: 32px;
    max-height: 32px;
}

/** user profile  only  */

#user-profile-menu{
    right:0px;
    top:32px;
}

#user-profile-menu div.divider{
    width: 100%;
    height:15px;
    border:1px solid #fff;
    cursor: auto;
} 

#user-profile-menu div.divider hr{
    vertical-align:middle;
}

.rotate-zero{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-duration:0.4s;
}

.rotate-one-eighty {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition-duration:0.4s;
}

.open-profile-page .portal-dashboard-card{
    min-height: 542px;
}

.resset-email{
    position:absolute;
    left:-3px;
    bottom:-15px;
}

/** user profile  only  */

/** cart only  */

#cart-container{
    left:0px;
    top:32px;
    min-width:190px;
}

@media all and (max-width: 615px) {
    #cart-container{
        top:32px;
        left:0px;
    }
}

#userProfile #cartButtons > div a#add-to-cart,
#userProfile #cartButtons > div a#add-to-new-cart,
#userProfile #cartButtons > div a#del-cart,
#userProfile #cartButtons > div a#emp-cart{
    display: none;
}

.cartresult #userProfile #cartButtons > div a#add-to-cart,
.cartresult #userProfile #cartButtons > div a#add-to-new-cart,
.cartresult #userProfile #cartButtons > div a#del-cart,
.cartresult #userProfile #cartButtons > div a#emp-cart{
    display: block;
}

#cart_confirmation,
#cart_menu {
    color: #777;
    background: rgb(255, 255, 255);
    border: 1px solid #ccc;
    border-radius: 5px;
    text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
    box-shadow: 2px 3px 10px 0px rgba(50, 50, 50, 0.66);
}  

#cart_confirmation:after, #cart_confirmation:before,
#cart_menu:after, #cart_menu:before {
    right: 100%;
    top: 33px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  
}

#cart_confirmation.up:after, #cart_confirmation.up:before,
#cart_menu.up:after, #cart_menu.up:before {
    top: 156px;
}

#cart_confirmation:after,
#cart_menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

#cart_confirmation:before,
#cart_menu:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 13px;
    margin-top: -13px;
}

#cart_confirmation.left,
#cart_menu.left {
    transform: translate(-100%,0%);
    box-shadow: -2px 3px 10px 0px rgba(50, 50, 50, 0.66);
}

#cart_confirmation.left:after, #cart_confirmation.left:before,
#cart_menu.left:after, #cart_menu.left:before {
   left: 100%;
   transform:rotate(180deg);
} 

/** cart only  */

/* *************************** */
/* *** profile container  **** */
/* *************************** */

/* *************************** */
/* ** navigation container  ** */
/* *************************** */

/** override original css (remove when system updated */
#navigation-container {
    position: relative;
	min-height: 75px;
    width: 100%;
    padding: 18px 0px 18px 0px;
    margin: 0;
    z-index: 5;
}

@media all and (max-width: 615px) {
    nav.listing-input-nav a, nav.subnavigation a, nav.mapnavigation a, nav.mapsrchnavigation a {
        display: inline-block;
        padding: 0 10px 0 10px;
    }
}

#navigation-container h1,
#navigation-container h1 span{
    font-size: 33px;
    margin: 0 0 0 0px;
    font-weight: 300;
    transition:font-size 0.5s;
} 


@media (max-width: 1100px){
	#navigation-container h1, #navigation-container h1 span {
		font-size: 20px;
		margin-top: 7px;
	}
}

@media all and (max-width: 880px) {
	#navigation-container {
        padding:18px 0px 18px 0px;
		min-height: 55px;
		width: 100%;
    }

	#navigation-container h1, #navigation-container h1 span {
		margin-top: 0px;
	}
}

@media all and (max-width: 615px) {
    #navigation-container {
        min-height: 44px;
        height: 44px;
        padding:10px 0px 10px 0px;
        background: rgba(37,52,65,1.0);
    }
}

#navigation-container #logo {
    float:left;
}

@media all and (max-width: 880px) {
    #navigation-container #logo {
        margin-left:10px;
    }
}

.disable-navigation {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.disable-navigation.activate {
    display: block;
}

/* *************************** */
/* ** navigation container  ** */
/* *************************** */

/** override original css (remove when system updated */

/* *************************** */
/* ****** page header  ******* */
/* *************************** */
header.page-header {
    position: relative;
    top: auto;
    width: 100%;
    background: #fafafa;
    margin: 0;
    padding: 0 0 0 0;
    z-index: 4;
}

@media all and (max-width: 1320px) {
    header.page-header .inner {
        position: relative;
        height: 45px;
        padding: 15px 10px 15px 10px;
        transition: padding 0.5s;
    }
}

.page-header .hotsheet-details{
    float:right;
}

@media all and (max-width: 850px) {
    .hotsheet-search-criteria-hide{
        display:none;
    }
}

@media all and (max-width: 620px) {
    #hotsheetresult header.page-header .inner h2 {
        width:100%;
    }

    .page-header .hotsheet-details{
        float:left;
        margin:4px 0 0 0;
    }

    #hotsheetresult .page-header .inner{
        padding: 5px 10px 15px 10px;
    }
}

header.inventory-header {
    border-bottom: 1px solid  #ccc;
    padding:5px 0 6px 0;
    min-width: 850px;
    background: #fafafa;
}

header.inventory-header h2 {
    display: inline-block;
}

header.page-header .inner{
    position: relative;
    height: 45px;
    line-height: 50px;
    padding: 0px 5px 0px 10px;
    transition: padding 0.5s;
}

header.page-header .inner h2{
    display:inline-block;
    margin:0;
    color:#233441;
    font-size:16px;
}

@media all and (max-width: 615px) {
    header.page-header .inner h2{
        font-size:15px;
    }
}

header.page-header .inner > select{
    background: #fff;
    font-size: 13px;
}

header.page-header .inner select.primary-header-select{
    margin-top: -7px;
    border:1px solid;
    border-color: #ccc; 
    min-width: 150px;
}

header.page-header .options{
    position: relative;
    display: block;
    float: right;
    min-width: 120px;
}

@media all and (max-width: 615px) {
    header.page-header .inner select.primary-header-select{
        max-width: 150px;
    }  
      
} 

@media all and (max-width: 415px) {
    header.page-header .options#custom-results{
        position: absolute;
        right:0px;
        top:0px;
        width: 0px;
        max-width: 100%;
        padding:0 35px 0 10px;
        z-index: 1;
        min-width: 0;
        margin:0 0 0 0;
        height: 45px;
        line-height: 45px;
        -webkit-transition: width 0.3s linear;
        -moz-transition: width 0.3s linear;
        -o-transition: width 0.3s linear;
        transition: width 0.3s linear;
    }

    header.page-header .options#custom-results.active{
        position: absolute;
        right:0px;
        margin:0 0 0 0;
        width: 100%;
        max-width: 100%;
        padding:0 35px 0 10px;
        z-index: 1;
    }
}

@media (min-width: 768px) and (max-width:850px) {
    #custom-results.custom-results-sm{
        width:150px;
    } 
}

@media all and (max-width: 615px) {
    #galleryview #results header.page-header .options {
        float:right;
    }

    #results header.page-header h2.donothide{
        display: block;
    } 
    
    #custom-results{
        width:200px;
    } 

    #results.galleryview header.page-header h2{
        display: none;
    }     
}


@media all and (max-width: 615px) {
    #custom-results{
        width:150px;
    } 
}

@media all and (max-width: 415px) {
    #results header.page-header h2{
        display: none;
    }    

    #results header.page-header .options{
        float:left;
    }   

    #galleryview #results header.page-header .options {
        float:right;
    }
}

header.page-header .options span{
    position: absolute;
    right:6px;
    top:50%;
    transform: translateY(-50%);
    color:#dc5d54;
    cursor: pointer;
}

header.page-header .options .glyphicon-search{
    position: absolute;
    right:3px;
    top:7px;
    font-size: 16px;
    cursor: pointer;
}   

@media all and (max-width: 415px) {
    header.page-header .options .glyphicon-search,
    header.page-header .options .glyphicon-filter{
        right:3px;
    }        
}

header.page-header .options input{
    padding:5px 25px 5px 10px;
    width:100%;
}

@media all and (max-width: 415px) {
    header.page-header .options input{
        width: 100%;
        padding:5px 25px 5px 5px;
        -webkit-transition: width 0.3s linear;
        -moz-transition: width 0.3s linear;
        -o-transition: width 0.3s linear;
        transition: width 0.3s linear;
    }

    header.page-header .options input.expandable{
        padding:0;
    }

    header.page-header .options.active input.expandable{
        padding:5px 5px 5px 5px;
    }

    header.page-header .options span{
        right:10px;
    }
    
    header.page-header .options input.active{
        padding:0 5px;
        border:1px solid rgba(170,212,246, 0.9) !important;
    }        
}

header.page-header .options select{
    max-width: 200px;
}

@media all and (max-width: 615px) {
    header.page-header .options select {
        max-width: 150px
    }
}

@media all and (max-width: 320px) {
    header.page-header .options select {
        max-width: 110px
    }
}

.profile-wizard header.page-header{
    background: rgba(35,52,65,1.0);
}

.profile-wizard header.page-header .inner h2{
    color:#fff;
}
/* *************************** */
/* ****** page header  ******* */
/* *************************** */

/* *************************** */
/* **** page subheader  ****** */
/* *************************** */

header.pagesubheader {
    border-bottom: 0px solid #ccc;
    background: #fafafa;
}

header.pagesubheader .inner{
    padding: 5px 0px 5px 0px;
}

@media (max-width: 1320px){
    header.pagesubheader .inner{
        padding: 5px 10px 5px 10px;
    }
}

@media (max-width: 615px){
    header.pagesubheader {
        padding: 0 0 0 5px;
    }

    header.pagesubheader .inner{
        padding: 5px 5px 5px 5px;
    }

    header.pagesubheader span{ 
        font-size: 12px
    }
}

header.pagesubheader table{
    height:32px
}

header.pagesubheader .gs-btn-submit-sh{
    height:32px;
    line-height:32px;
    margin:0;
}

.filter{
    position: absolute;
    right:3px;
    top:37px;
    color:#fff;
    height:30px;
    line-height:30px;
    padding:1px 10px 0px 10px;
    cursor: pointer;
}

/* *************************** */
/* **** page subheader  ****** */
/* *************************** */

/** override original css (remove when system updated */ 

/* *************************** */
/* ***** sub-navigation  ***** */
/* *************************** */

#sub-navigation-container {
    position: relative;
    top: auto;
    width: 100%;
    min-height: 45px;
    line-height: 45px;
    padding: 5px 10px 5px 10px;
    margin: 0;
    background: #fafafa;
}

.popup_inner #sub-navigation-container{
    background: #fff;
}

#sub-navigation-container .inner{
    padding: 0;
    background:#6284a0;
    border-radius: 5px;
}

.popup_inner #sub-navigation-container .inner{
    max-width: 100%;
}

#route-navigation-container .inner,
#map-navigation-container .inner,
#mapsrch-navigation-container .inner{
    padding: 0;
    background:#6284a0;
    border-radius: 5px;
}

#sub-navigation-container .navcover{
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    z-index: 1;
    background: #6284a0;
    width: 85px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media (max-width: 615px){
    #sub-navigation-container .navcover{
        height: 35px;
    }
}

.activeconfirmation nav.lipnavigation,
nav.lipnavigation a:first-child,
nav.subnavigation a:first-child,
nav.mapnavigation a:first-child,
nav.mapsrchnavigation a:first-child {
    margin: 0 0 0 0px;
    border-left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

nav.subnavigation .last,
nav.mapnavigation .last,
nav.mapsrchnavigation .last{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

nav.subnavigation .last.set,
nav.mapnavigation .last.set,
nav.mapsrchnavigation .last.set{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#display-type-menu {
    position: absolute;
    top: -5px;
    min-width: 130px;
    z-index: 1001;
    background: #fff;
    padding: 10px 5px;
    border: 1px solid #ccc;
    display: none;
}

#print-navigation-container,
#lip-navigation-container {
    min-height: 45px;  
    line-height: 45px;
    width: 100%;
}

nav.lipprintnavigation,
nav.lipnavigation,
nav.subnavigation,
nav.mapnavigation,
nav.mapsrchnavigation{
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    height: 45px;
    line-height: 45px;
}

@media (max-width: 615px){
    nav.subnavigation,
    nav.mapnavigation,
    nav.mapsrchnavigation {
		height: 35px;
    }
    
    nav.subnavigation,
    nav.mapnavigation,
    nav.mapsrchnavigation {
		line-height: 35px;
	}
	
	#sub-navigation-container {
		min-height: 35px;
		line-height: 35px;
	}
}

@media (max-width: 320px){
    #sub-navigation-container {
        padding: 5px 5px 5px 5px;
    }
}

nav.lipprintnavigation{
    padding:0 10px
}

nav.lipnavigation-overflow,
nav.subnavigation-overflow,
nav.mapnavigation-overflow,
nav.mapsrchnavigation-overflow{
    position: absolute;
    top:45px;
    right:5px;
    font-size: 16px;
    min-width:160px;
    background: #fff;
    z-index: 10000;
    padding:10px 0 10px 0;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.6);
    box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.6);
    transition: height 0.5s;
    overflow: hidden;
    border: 1px solid #ccc;
    display: none;
}

nav.lipnavigation-overflow.expanded,
nav.subnavigation-overflow.expanded,
nav.mapnavigation-overflow.expanded,
nav.mapsrchnavigation-overflow.expanded{
    display:block;
    animation:fadeIn .3s;
}

@media all and (max-width: 615px) {
    nav.subnavigation-overflow,
    nav.mapnavigation-overflow,
    nav.mapsrchnavigation-overflow{
        top:36px;
    }
}

nav.lipprintnavigation a,
nav.lipnavigation a,
nav.subnavigation a,
nav.mapnavigation a,
nav.mapsrchnavigation a,
nav.lipnavigation-overflow a,
nav.subnavigation-overflow a,
nav.mapnavigation-overflow a,
nav.mapsrchnavigation-overflow a{
    font-size: 14px;
    color: #233441;
    font-weight: 400;
    background: rgba(255, 255 , 255, 1.0);
    border-left:1px solid rgba(204, 204, 204, 0.4);
}  

@media all and (max-width: 768px) {
    nav.lipnavigation a:first-child{
        border-left: 1px dotted #ccc;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}

nav.subnavigation a:last-child{
    float: right;
}

nav.lipnavigation-overflow a,
nav.subnavigation-overflow a{      
    display: block;
    width: 100%;
    padding:0 10px 0 10px;
    border-left:0px dotted #ccc;
    height: 30px;
    line-height: 30px;
}

nav.lipnavigation-overflow a:hover,
nav.subnavigation-overflow a:hover{
    background: #ebe9e9;
}

nav.lipprintnavigation a,
nav.lipnavigation a,
nav.subnavigation a,
nav.mapnavigation a,
nav.mapsrchnavigation a{
    display: inline-block;
    padding:0 15px 0 15px;
    margin:0 0 0 -3px;
    /** background: rgba(120,182,201,1.0); **/
    background:transparent;
    color:#fff;
    transition: background 0.2s;
    cursor: pointer;
    visibility:hidden;
}

nav.lipprintnavigation a.show,
nav.lipnavigation a.show,
nav.subnavigation a.show,
nav.mapnavigation a.show,
nav.mapsrchnavigation a.show{
    visibility:visible;
}

nav.lipnavigation a.offscreen,
nav.subnavigation a.offscreen,
nav.mapnavigation a.offscreen,
nav.mapsrchnavigation a.offscreen{
    visibility: hidden;
}

nav.lipnavigation a.hasInfoIcon,
nav.subnavigation a.hasInfoIcon{
    padding:0 15px 0 15px;
}

nav.subnavigation a.last,
nav.mapnavigation a.last,
nav.mapsrchnavigation a.last{
    position: absolute;
    right:0; 
    top:0px; 
    margin:0 0 0 0px;
    width:70px;
    border-right:0px dotted #ccc;
    border-left:1px dotted #ccc;
    z-index: 2;
    background:#6284a0;
}

nav.lipprintnavigation a:not(#title):hover,
nav.lipnavigation a:not(#title):hover,
nav.subnavigation a:hover,
nav.mapnavigation a:hover,
nav.mapsrchnavigation a:hover{
    background: rgba(35, 52, 65, .5);
}



nav.subnavigation a.hide{
    display: none;
}

#lipnavigation-overflowMenu,
#overflowMenu {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 45px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    z-index: 3;
    display: none;
}

#overflowMenu{
    padding: 0 4px 0 6px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#lipnavigation-overflowMenu{
    right: auto;
    width:30px;
    padding: 0 5px 0 5px;
}

#lipnavigation-overflowMenu:hover,
#overflowMenu:hover{
    background: rgba(35, 52, 65, .5);
}

#lipnavigation-overflowMenu.active, #overflowMenu.active {
    display: block;
}

#lipnavigation-overflowMenu.expanded,
#overflowMenu.expanded{
    background: rgba(35, 52, 65, .5);
}

@media all and (max-width: 615px) {
    #overflowMenu{
        height:35px;
    }
}

#lipnavigation-overflowMenu .glyphicon,
#overflowMenu .glyphicon  {
    color:#fff;
    font-size: 20px;
    top:5px;
}


/* *************************** */
/* ***** sub-navigation  ***** */
/* *************************** */

/* *************************** */
/* *********  tabs *********** */
/* *************************** */

.tab-container {
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #fafafa;
    height: 44px;
    padding-top: 5px;
}

@media all and (max-width: 615px) {
    .tab-container {
        padding: 0 5px 0px 5px !important;
    }    
}

header.page-header .tab-container .options{
    margin:3px 0 0 0;
}

@media all and (max-width: 615px) {
    header.page-header .tab-container .options{
        margin:3px 0 0 0;
    }
}    

.tab-container .tab{
    border-top:1px solid #ccc;
    padding:0px 20px 0px 20px;
    display:block;
    border-right:1px solid #ccc;
    cursor: pointer;
    float:left;
}

@media all and (max-width: 950px) {
    .tab-container .tab {
        padding: 0px 10px 0px 10px;
    }
}    

@media all and (max-width: 768px) {
    .tab-container .tab{
        display: none;    
    }
}

.tab-unselected:hover{
    background: rgba(255,255,255,1.0); 
    color:#000;
}

.tab-left.tab-selected{
    border-left:1px solid #dfe0e4;
}

.tab-selected{
    height:39px;
    line-height: 39px;
    background:#fafafa;
    font-weight: 600;
    border-bottom:1px solid #fafafa;
}

.tab-unselected {
    height:39px;
    line-height: 39px;
    background:#ffffff;
    border-left:1px solid #f2f1f1;
    border-bottom:1px solid #ccc;
    vertical-align: top;
}

.tab-left{
    border-left:1px solid #ccc;
    border-top-left-radius: 3px;
}

.tab-container .tab-right {
    border-top-right-radius: 3px;
}

/* *************************** */
/* *********  tabs *********** */
/* *************************** */

/* *************************** */
/* *** side menu for tabs **** */
/* *************************** */

.tab-mobile-menu {
    margin-top: -7px;
    border: 1px solid;
    border-color: #ccc;
    min-width: 150px;
    display: none;
}

.tab-mobile-menu-spacer {
    display: none;
}

@media all and (max-width: 1024px) {
    .tab-mobile-menu {
        display:inline-block;
    }

    .tab-mobile-menu-spacer {
        display: inline-block;
    }
}

@media all and (max-width: 615px) {
    .tab-mobile-menu {
        max-width: 150px;
    }
}

.has-side-menu-minh {
    min-height: 215px;
}

/* *************************** */
/* *** side menu for tabs **** */
/* *************************** */


/* *************************** */
/* ***** floating header ***** */
/* *************************** */

#fl-result-table-container {
    position: fixed;
    top: 197px;
    overflow: hidden;
    z-index: 1;
    height: 48px;
    border-bottom: 0px solid #ddd;
    display:none;
}

.hotsheet-results #fl-result-table-container{
    height:95px;
}

@media (max-width: 880px){
    .hotsheet-results #fl-result-table-container {
        padding: 0px 0px 0px 0px;
    }
}

@media all and (max-width: 880px) {
    #fl-result-table-container {
        top: 179px;
    }
}

@media all and (max-width: 615px) {
    #fl-result-table-container {
        top: 157px;
    }
}

#fl-result-table {
    display: table;
    background: #fafafa;
    padding: 0 0 0 0;
	white-space: nowrap;
	height: 48px;
}

#fl-result-table .result-row-header .result-cell.report-header {
    border-bottom: 1px solid #ddd;
}


.print-dialog .fl-result-table-container{
    display: none !important;
}


#fl-result-table-container.show{
    display: block;
}

#fl-result-title{
    padding:0 0 0 0;
    background: #fff;
}

/* *************************** */
/* ***** floating header ***** */
/* *************************** */

/* *************************** */
/* *** template elements ***** */
/* *************************** */

.default-box > .inner > .flex-row > section,
#edit-defaults-box > section {
    display: flex; /* new; nested flexbox */
    display: -ms-flexbox;
    display: -webkit-flex;
    padding:0 0px 10px 0px;
    background: #fafafa;
}


.default-box > .inner > .flex-row > section,
#edit-defaults-box > section {
    display: flex; /* new; nested flexbox */
    display: -ms-flexbox;
    display: -webkit-flex;
    padding:0 0px 10px 0px;
    background: #fafafa;
}

#edit-defaults-box > section {
    padding:5px 0 5px 0;
}

#edit-defaults-box > section {
    background: #fff;
}

.default-search{
    max-height: 398px;
}

.default-box > .inner > .adjustforMap > .flex-row > section .section-inner,
.default-box > .inner > .flex-row  > section .section-inner{
    position: relative;
    width: 100%;
    background: #fafafa;
    padding:10px 0px 10px 0px;
}


.section-scrollable{ 
    position: relative;
    width:100%;
    overflow: hidden;
}

.default-box > .inner > .flex-row  > section .section-inner table input{
    display: inline-block;
}    

.default-box > .inner > .flex-row  > section .section-inner table{
    width: 100%;
}

.default-box > .inner > .flex-row  > section table tr td {
    padding: 5px;
}

.default-box > .inner > .flex-row  > section a{
    color:#233441;
} 

#message-box .default-box > .inner > .flex-row > section {
    background: #fff;
}

.message .default-box > .inner > .flex-row  > section .section-inner{
    background: #fff;
}

.section-row {
    position: relative;
    display: flex; /* new; nested flexbox */
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
           -ms-flex-wrap: wrap;
    flex-direction: row;
        -ms-flex-direction: row;
           -webkit-flex-direction: row;
    padding: 5px 10px 5px 10px;
}

.section-column {
    position: relative;
    display: flex; /* new; nested flexbox */
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
           -ms-flex-wrap: wrap;
    flex-direction: column;
        -ms-flex-direction: column;
           -webkit-flex-direction: column;
    padding: 5px 10px 5px 10px;
    margin:0 0 0 0;
}

.section-column > div,
.section-column > header {
    width: 100%;
}

.section-row  header,
.section-column  header,
#myfields header {
    padding:5px 2px 5px 2px;
} 

.section-column > header{ 
    border-bottom: 1px solid  #ddd;
    position: relative;
}

/** result table headers */
.section-column > header.result-table-head {
    border-bottom:0px;
}

.section-column textarea {
    width: 100%;
    padding:10px;
}

.section-column select {
    width: 100%;
    min-width:82px;
} 

.section-column select.nofull {
    width: auto;
    min-width:82px;
} 

/* *************************** */
/* *** template elements ***** */
/* *************************** */

/* *************************** */
/* ******** tables *********** */
/* *************************** */

.content-table {
    width: 100%; 
    display: table;  
    padding:5px 0 10px 0;
}

.content-table.nowidth {
    width: initial; 
}

.content-row {
    display: table-row;
    width:100%;
}

.content-row-hidden {
    display: none;
    width:100%;
}

.content-cell {
    display: table-cell;
    padding:2px 2px 2px 2px;
    vertical-align:middle;
    text-align: left;
}

.content-table.nowrap .content-cell {
    white-space: nowrap;
}

.content-cell.top {
    vertical-align:top;
}

.content-table.zebra .content-row:nth-of-type(odd) {
    background: #f2f1f1;
}

.result-row.subfooter .result-cell{
    height: 45px;
    line-height: 45px;
    max-height: 45px;
    background: #fafafa !important;
}

.result-row.subfooter .result-cell {
    border-left:1px solid #fafafa;
    border-right:1px solid #fafafa;
}

/** result table classes */
.result-table{
    width: 100%; 
    display: table;  
    background: #fafafa;
    padding:0 0 0 0;
    min-width: 850px;
}

.result-table.no-background{
    background: transparent;
}

.result-table.no-min{
    min-width: 0 !important;
}

.results .open-map .result-table{
    min-width:0;
}

.result-table a {
    color:#000;
    text-decoration: underline;
}

.result-table a.nounderline {
    text-decoration: none;
}

.hotsheet-results .result-table {
    min-width: 1024px;
}

#manageindpartbills .result-table,
#inventory .result-table,
#productivity .result-table {
    min-width: 850px;
}

#inventory #autopopulate-table.result-table {
    min-width: 0px;
}
 
.result-row { 
    display: table-row;
    width:100%;
}

.result-cell {
    display: table-cell;
    padding:5px 2px 5px 2px;
    white-space: normal;
    vertical-align:middle;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}

.result-cell:last-of-type {
    border-right:0px;
}

.result-cell:first-of-type {
    border-left:0px;
}

.result-table-color-tag a{
    color:#233441;
}

/** custom alignments */

.result-row .result-cell.code,
.result-row .result-cell.withdrawndate,
.result-row .result-cell.expiredate,
.result-row .result-cell.listdate,
.result-row .result-cell.chghstDedate,
.result-row .result-cell.pendingdate,
.result-row .result-cell.closeddate,
.result-row .result-cell.chghstDedate,
.result-row .result-cell.lngchghstOldval,
.result-row .result-cell.incomegrossoperating,
.result-row .result-cell.expenseoperating,
.result-row .result-cell.parknbravail,
.result-row .result-cell.sqftprice,
.result-row .result-cell.numunits,
.result-row .result-cell.acres,
.result-row .result-cell.lotsize,
.result-row .result-cell.listprice,
.result-row .result-cell.ppsft,
.result-row .result-cell.spsqf,
.result-row .result-cell.rooms,
.result-row .result-cell.bedroom,
.result-row .result-cell.beds,
.result-row .result-cell.bathnum,
.result-row .result-cell.bathstotal,
.result-row .result-cell.garage,
.result-row .result-cell.garagecap,
.result-row .result-cell.saleprice,
.result-row .result-cell.salesprice,
.result-row .result-cell.saledate,
.result-row .result-cell.dom,
.result-row .result-cell.daysonmarket,
.result-row .result-cell.officelist,
.result-row .result-cell.salesprice,
.result-row .result-cell.lastmoddate,
.result-row .result-cell.lastnotified,
.result-row .result-cell.addedtocart,
.result-row .result-cell.totalassessment,
.result-row .result-cell.taxes,  
.result-row .result-cell.dates,
.result-row .result-cell.block,
.result-row .result-cell.blocksuffix,
.result-row .result-cell.lotsuffix,
.result-row .result-cell.lot{
    text-align:right;
}     

.result-cell.item-checkbox,
.result-cell.archive,
.result-cell.tax,
.result-cell.history,
.result-cell.open,
.result-cell.status,
.result-row .result-cell.basement,
.result-row .result-cell.supra,
.result-row .result-cell.gsmls,
.result-row .result-cell.item-chkbox,
.result-row .result-cell.email-icon,
.result-row .result-cell.delete-icon,
.result-row .result-cell.tax_rpt,
.result-row .result-cell.propertydesc{
    text-align:center;
}

/** custom alignments */

.result-row .result-cell.media{
    cursor: pointer;
}

.result-row .result-cell.media:hover{
    background: rgba(205, 221, 233,0.9);
}

.result-row-header .result-cell.hide,
.result-row .result-cell.hide{
    display: none;
}

.result-row .result-cell.removefromcart span {
    left:50%;
    transform: translateX(-50%);
}

.customoneliner .result-cell {
    white-space: normal;
}

.result-table.nowrap .result-cell{
    white-space:nowrap;
}

.result-cell input{
    display:inline-block;
    margin:0;
}

.result-cell input[type="checkbox"]{
    margin: 3px 3px 3px 4px;
}

.section-column .result-cell input{
    display:inline-block;
    float:none;
}

.result-cell span {
    display: none;
}

.result-cell span.glyphicon {
    display: inline-block;
}  

.result-table .result-row:nth-of-type(even) .result-cell {
    background: #f2f1f1;
}

.result-table .result-row:nth-of-type(odd) .result-cell{
    background: #fff;
}

.result-table.reverse-zebra .result-row:nth-of-type(even) .result-cell{
    background: #fff;
}

.result-table.reverse-zebra .result-row:nth-of-type(odd) .result-cell{
    background: #f2f1f1;
}

.result-table .result-row.even .result-cell{
    background: #fff !important;
}

.result-table .result-row.odd .result-cell{
    background: #f2f1f1 !important;    
}

.result-table .result-row.odd-row .result-cell{
    background: #f2f1f1 !important;
}

.result-table .result-row.even-row .result-cell{
    background: #fff !important;
}

.result-table.nocolor .result-row:nth-child(even) .result-cell{
    background: #fff;
}

.result-table.nozebra .result-row:nth-child(odd) .result-cell{
    background: #fff;
}

.result-table.zebra-lt-blue .result-row:nth-of-type(odd) .result-cell{
    background: rgba(120, 147, 174, 0.2);
}

.result-table.zebra-lt-blue .result-row:nth-of-type(even) .result-cell{
    background: #fff;
}

.result-row-header{
    display:table-header-group;
    /** color:#78b6c9; **/
    color:#7893ae;
    cursor: pointer;
} 

.result-row-header .result-cell{
    border-bottom:1px solid href;
}

.result-row-header .result-cell.report-header,
.result-row-header .result-cell.report-hotsheet-header{
    border-bottom:1px solid href;
    padding:10px 5px 10px 5px;
    text-align: center;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    background: #fafafa;
    white-space: nowrap; 
    height: 48px;
    border-bottom: 0px;
    border-top: 0px;
}

.result-row-header.sticky-header .result-cell.report-header,
.result-row-header.sticky-header .result-cell.report-hotsheet-header{
    position: sticky;
    position: -webkit-sticky; /* Safari */  
    top: 207px;
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.no-hero-addl-fix-header .result-row-header.sticky-header .result-cell.report-header,
.no-hero-addl-fix-header .result-row-header.sticky-header .result-cell.report-hotsheet-header {
    top: 255px;
}

@media all and (max-width: 880px) {
    .result-row-header.sticky-header .result-cell.report-header,
    .result-row-header.sticky-header .result-cell.report-hotsheet-header{
        top: 187px;
    }

    .no-hero-addl-fix-header .result-row-header.sticky-header .result-cell.report-header,
    .no-hero-addl-fix-header .result-row-header.sticky-header .result-cell.report-hotsheet-header {
        top: 234px;
    }
}

@media all and (max-width: 615px) {
    .result-row-header.sticky-header .result-cell.report-header,
    .result-row-header.sticky-header .result-cell.report-hotsheet-header{
        top: 166px;
    }

    .no-hero-addl-fix-header .result-row-header.sticky-header .result-cell.report-header,
    .no-hero-addl-fix-header .result-row-header.sticky-header .result-cell.report-hotsheet-header {
        top: 214px;
    }
}

.result-row-header .result-cell.report-header:last-of-type,
.result-row-header .result-cell.report-hotsheet-header:last-of-type{
    border-right:0px;
}

.result-row-header .result-cell.report-header:first-of-type,
.result-row-header .result-cell.report-hotsheet-header:first-of-type{
    border-left:0px;
}

.result-row-header .result-cell.report-header.report-header-tal{
    text-align: left !important;
}

.report-hotsheet-header.descending:after,
.report-header.descending:after{  
    content:"\e252";        
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    margin:4px;
}

.report-hotsheet-header.ascending:after,
.report-header.ascending:after{
    content:"\e253";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    margin:0 4px;
}    

/** adds yellow highlight to row */
.result-table .result-row.y-row-highlight .result-cell {
    background: rgba(255,217,0,0.2);
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
} 

.hotsheet-results.map-activated  .result-table {
    min-width: 1610px;
}

.hotsheet-results.map-activated  .result-table .result-cell{
    white-space: nowrap;
}

.default-table{
    margin:10px 0 0 0;
    width: 100%;
}

.default-table th{
    padding:10px 5px;
    color: #7893ae;
}

.default-table td{
    padding:5px 5px;
}

.default-table td:not(:last-of-type),
.default-table th:not(:last-of-type){
    border-right:1px solid #fff;
}

.default-table tr th.descending:after{  
    content: '\f0de'; /* You should use \ and not /*/
    font-family: "Font Awesome 5 Pro"; /* This is the correct font-family*/
    display: inline-block;
    margin:0 5px;
    height: 12px;
    line-height: 16px;
    vertical-align: middle;
}

.default-table tr th.ascending:after{
    content:"\f0dd";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin:0 5px;
    height: 12px;
    line-height: 6px;
    vertical-align: middle;
}  

.default-box > .inner > .flex-row > section .section-inner table.default-table input{
    margin:0;
}

.default-table tr:nth-child(even) td{
    background: #f2f1f1;
}

.default-table.nocolor tr:nth-child(even) td{
    background: transparent;
}

.default-table.reverse-zebra tr:nth-child(odd) td{
    background: #f2f1f1;
}

.default-table.reverse-zebra tr:nth-child(even) td{
    background: transparent;
}

.default-table.zebra-third tr:nth-child(4n) td{
    background: #fff;
}

.default-table.zebra-lt-blue tr:nth-of-type(odd) td{
    background: rgba(120, 147, 174, 0.2);
}

.default-table.zebra-lt-blue tr:nth-of-type(even) td{
    background: #fff;
}

.default-table tr td.listdate,
.default-table tr td.expdate,
.default-table tr td.ucdate,
.default-table tr td.listprice,
.default-table tr td.datecreated{
    text-align: right;
}    

/** custom table styles */

.default-table.noborder td,
.default-table.noborder th{
    border-right:0px;
}

.default-table.break{
    word-break: break-word;
}

.default-table.nowidth{
    width:auto !important;
    table-layout:fixed;
}

.default-table.bordertop tr th{
    border-top:1px solid #ddd;
}

.default-table.nowrap td{
    white-space: nowrap;
}

.default-table.nowrap th{
    white-space: nowrap;
}

.default-table.dk_border{
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
}

.default-table.dk_border td,
.default-table.dk_border th{
    border-right:1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/** custom table styles */

#cart-message-box .section-column .table-wrap tr th {
    font-size: 13px;
}

.default-box > .inner > .flex-row  > section .section-inner table.table-fixed{
    table-layout: fixed;
    width: auto;
}

.section-column-result-table tr th {
    padding:4px 4px 3px 4px;
    border-bottom: 1px solid #ccc;
    color: #8A8B8A;
    font-weight: 500;
    font-size: 14px;
}

.autoemail-table .row{
    margin:0 0 5px 0;
}

.autoemail-table #autoemail-search-name,
.autoemail-table #autoemail-search-name-all {
    line-height: 25px;
}

.autoemail-table .radio-highlight,
.autoemail-table .checkbox-padding {
    padding:5px 0 5px 0;
}

.autoemail-table tr td .glyphicon-copy{
    float:right;
    font-size: 14px;
    cursor: pointer;
}

#qckagentsearch-container{
    max-height: 200px;
    overflow: auto;
    margin-top:10px;
}

#myfields .table-filter {
    padding:5px 0px;
}

#myfields .table-filter .clear_advanced_filter{
    position: absolute;
    top:15px;
    right:35px;    
    z-index: 1;
    display: none;    
    cursor: pointer;
}

.table-filter .glyphicon-filter {
    position: absolute;
    top:19px;
    right:20px;
    font-size: 16px;
}

.table-filter .glyphicon-filter.attach-icon {
    top:24px;
}

.table-filter input {
    padding:0 25px 0 5px;
}

#filter-advanced-container .table-filter .glyphicon-filter {
    top:15px;
    right:10px;
}

/* *************************** */
/* ******** tables *********** */
/* *************************** */

/* *************************** */
/* ****** popup boxes ******** */
/* *************************** */

/** popup container transparent backgrounds*/

#loading-box-container,
#newonlinetopic-box-container,
#onlinetraining-box-container,
#alert-box-container,
#message-box-container,
#sort-box-container,
#price-box-container,
#edit-full-box-container,
#profile-message-box-container,
#edit-defaults-box-container,
#contact-message-box-container,
#autoemail-message-box-container,
#edit-box-container,
#editcart-box-container,
#notice-box-container,
#cart-box-container,
#lip-box-container,
#status-message-box-container,
#cfg-box-container,
#xml-box-container,
#upload-box-container,
.popup_outer{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(36,53,65,0.3);
    display: none;
    overflow: auto;
    padding:5px;
}

#loading-box-container{
    display: block;
    background: rgba(0,0,0,0.5);
}

/** set indexes for popup containers */

#loading-box-container{
    z-index: 99999999;
}

#alert-box-container{
    z-index: 9999999;
}


#xml-box-container{
    z-index: 21;
}

#newonlinetopic-box-container,
#message-box-container,
#sort-box-container,
#price-box-container,
#edit-box-container,
#editcart-box-container,
#cfg-box-container,
#notice-box-container {
    z-index: 21;
}  

#onlinetraining-box-container,
#lip-box-container{
    z-index: 20;
}

#edit-full-box-container,
#profile-message-box-container,
#edit-defaults-box-container,
#contact-message-box-container,
#autoemail-message-box-container,
#cart-box-container,
#status-message-box-container,
#upload-box-container{
    z-index: 19;
}

/** set indexes for popup containers */

/** popup inner container defaults */

#newonlinetopic-box,
#onlinetraining-box,
#alert-box,
#sort-box,
#edit-full-box,
#edit-box,
#editcart-box,
#cart-message-box,
#addnewcart-box,
#cfg-box,
#status-box,
#upload-box,
.popup_inner {
    min-width:310px;
    max-width:400px;
    max-height:70vh;
}

#message-box{
    min-width:310px;
    max-height:70vh; 
}

#onlinetraining-box,
#newonlinetopic-box,
#autoemail-message-box,
#alert-box,
#message-box,
#sort-box,
#price-box,
#profile-message-box,
#edit-defaults-box,
#contact-message-box,
#edit-box,
#notice-box,
#cart-message-box,
#editcart-box,
#addnewcart-box,
#status-box,
#lip-box,
#cfg-box,
#xmlView,
#upload-box,
.popup_inner{
    position: relative;
    top:50%;
    margin:0 auto 0 auto;
    background: #fff;
    padding:20px 15px 70px 15px;
     -ms-transform: translate(0%,-50%); /* IE 9 */
    -webkit-transform: translate(0%,-50%); /* Safari */
    transform: translate(0%,-50%);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
}  

.popup_inner {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding:20px 15px 20px 15px;
}

#onlinetraining-box.button-oflow,
#newonlinetopic-box.button-oflow,
#autoemail-message-box.button-oflow,
#alert-box.button-oflow,
#message-box.button-oflow,
#sort-box.button-oflow,
#price-box.button-oflow,
#profile-message-box.button-oflow,
#edit-defaults-box.button-oflow,
#contact-message-box.button-oflow,
#edit-box.button-oflow,
#notice-box.button-oflow,
#cart-message-box.button-oflow,
#editcart-box.button-oflow,
#addnewcart-box.button-oflow,
#status-box.button-oflow,
#lip-box.button-oflow,
#cfg-box.button-oflow,
#xmlView.button-oflow,
#upload-box.button-oflow{
    padding:20px 15px 110px 15px;
}

#price-box,
#sort-box{
    max-width:500px;
}

#newonlinetopic-box,
#profile-message-box,
#edit-defaults-box,
#contact-message-box,
#lip-box{    
    max-width: 700px;
}

#notice-box{    
    max-width: 500px;
}


#newonlinetopic-box{
    max-height: 1020px;
}


@media all and (max-width: 615px) {
    #profile-message-box,
    #edit-defaults-box,
    #content-message-box,
    #contact-message-box{
        max-width: 700px;
        max-height:initial;
    }
}

@media all and (max-height: 700px) {
    #onlinetraining-box,
    #newonlinetopic-box,
    #upload-box{
        top:0%;
         -ms-transform: translate(0%,0%); /* IE 9 */
        -webkit-transform: translate(0%,0%); /* Safari */
        transform: translate(0%,0%);
        min-height:650px;
    }

} 

#onlinetraining-box,
#autoemail-message-box,
#edit-full-box{
    position: relative;      
    margin:0 auto 0 auto;
    background: #fff;
    margin:0px auto 0 auto;
}

#autoemail-message-box{
    top:5px;
    -ms-transform: translate(0%,0%); /* IE 9 */
        -webkit-transform: translate(0%,0%); /* Safari */
        transform: translate(0%,0%);
    margin-bottom:5px;
}

#onlinetraining-box,
#edit-full-box{
    background: #fafafa;
    padding:5px 15px 5px 15px;
}

#onlinetraining-box{
    padding:25px 15px 70px 15px;
}

@media all and (max-width:1024px) {
    #edit-full-box{
        padding:5px 15px 5px 15px;
    }

    #onlinetraining-box{
        padding:35px 15px 70px 15px;
    }
}

@media all and (max-width:615px) {
    #edit-full-box{
        padding:5px 15px 5px 15px;
    }
    
    #onlinetraining-box{
        padding:10px 5px 70px 5px;
    }
}

#xmlView{
    top:10px;
    width:70%;
    transform: translate(0%,0%);
}

/** popup inner container defaults */

/** popup inner container customized */

#cfg-box.wide {
    max-width:100%;
}


#message-box.wide,
#upload-box.wide {
    max-width:700px;
}

/** default width for message box */
.msg-box-width{
    max-width:400px;
}

/** custom widths for message box */
.msg-width-500{max-width:500px;}
.msg-width-600{max-width:600px;}
.msg-width-700{max-width:700px;}
.msg-width-728{max-width:728px;}
.msg-width-800{max-width:800px;}
.msg-width-900{max-width:900px;}

#message-box.full {
    max-width:90%;
    max-width: 1280px;
}

#message-box.fullscreen {
    max-width:90%;
    max-height: 100%;
}

#message-box.ratePlug{
    max-width:780px;
    padding: 20px 0px 70px 0px;
}

#message-box.payment{
    visibility: hidden;
}

@media all and (max-width: 800px) {
    #message-box.ratePlug{
        max-height:90vh;
    }
}

#autoemail-message-box.full,
#onlinetraining-box.full,
#edit-full-box.full{
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    margin:0 auto;
    max-width: 1400px;
    overflow: auto;
    border-radius: 5px;
}

#onlinetraining-box.full{
    min-height: 0px;
    height: auto;
}

@media all and (max-height: 768px) {
    #onlinetraining-box.full{
        min-height: 0px;
        height: 100%;
    }
}

.onlinetraining-box-inner {
    height:100%;
    overflow:auto;
}

#lip-box.fullscreen {
    max-width:90%;
    max-height: 100%;
}

@media all and (max-width: 768px) {
    #lip-box.fullscreen {
        max-width:100%;
        max-height: 100%;
    }
}

#addnewcart-box,
#editcart-box{
    display: none;
}

#addnewcart-box.open-edit-cart,
#editcart-box.open-edit-cart{
    display: block;
}

.hide-box{
    visibility: hidden;
}

/** popup inner container customized */

#loading-box-icon{
    color:white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.lip-content {
    position: relative;
    overflow-y:auto;
    max-height: 70vh;
    padding:0;
}

#openadd-cart{
    cursor: pointer;
    padding:5px;
    margin:5px 0 0 0;
    border-radius: 5px;
}

#cart-message-box .section-column  header#cart-title{
    text-align: left;
    border-bottom: 1px solid  #ccc;
}

.merge-cart #save-cart-as-result{
    display: none;
}

#select-a-search-all,
#select-a-search,
#autoemail-search-name{
    display: none;
}

#autoemail-search-name h2 {
    float:right;
}

@media all and (max-width: 768px) {
    #autoemail-search-name {
        margin:0;
    }

    #autoemail-search-name h2 {
        float:none;
    }
}

/** default popup message */

.message,
#smessage{
    text-align: center;
    overflow: auto;
    padding:5px 0;
    max-height: 600px;
}

.popup_inner .message{
    width: 100%;
    max-height:max-content;
    justify-content: center;
}

.popup_inner .header-container{
    display:flex;
    justify-content: center;
}

.popup_inner .header-container h2{
    font-size: 16px;
}

.popup_inner .button-container{
    position: relative;
    display: flex;
    padding: 5px 0;
    margin-top:10px;
    bottom: 0px;
    min-height: fit-content;
}

@media all and (max-height: 1080px) {
    .message,
    #smessage{
        max-height: 400px;
    }
}

@media all and (max-height: 768px) {
    .message,
    #smessage{
        max-height: 300px;
    }
}

#newonlinetopic-box .message-title,
#alert-box .message-title,
#message-box .message-title,
#sort-box .message-title,
#price-box .message-title,
#lip-box .message-title,
#status-box #stitle,
#edit-box .message-title,
#editcart-box .message-title,
#addnewcart-box .message-title,
#cart-message-box .message-title,
#upload-box .message-title{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 0 0;
}

.section-column header h2.message-title{
    white-space: normal;
}

#message-box p {
    font-size: 16px;
}

.message a{
    color:#7893ae;
    text-decoration: underline;
} 

#srchResult_popup .message a{
    text-decoration: none;
} 

.message,
.message div,
.message b,
.message u,
.message font {
    font-size: 15px;
}

/** email template */
.message .email-template,
.message .email-template div,
.message .email-template b,
.message .email-template strong,
.message .email-template u,
.message .email-template font,
#message-box .message .email-template p {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
}

.column1{
   max-width:261px !important;
}

.column2{
    max-width:50%;
}

.column1 img {
    max-width: 100%;
}

/** email template */

.message .listnum li{
    font-size: 15px;
    list-style-type: decimal;
}

.message .content-table div {
    font-size: 13px;
}

@media all and (max-height: 732px) {
    .message{
        max-height: 250px;
    }    
}

#message-box.ratePlug .message{
    max-height: 500px;
}

#lip-box.fullscreen .message{
    max-height: 100%;
    padding:0;
}

/** default popup message */

.all-status-bug{
    font-size:14px;
    width:270px;
    margin:10px auto 0 auto;
}

.all-status{
    width:270px;
    margin:10px auto 0 auto;
}

.all-status select{
    width:100%;
}

.message input[type="text"] {
    width:100%;
}

#email_add_contact .message input[type="text"] {
    min-width: 0px;
    width:100%;
}

#email_add_contact .message select.select-lg {
    height: 65px;
}

#alert-box .section-column > header,
#message-box .section-column > header,
#cart-message-box .section-column > header,
#addnewcart-box .section-column > header,
#upload-box .section-column > header{
    text-align: center;
}

#message-box .section-column.lip-alert > header{
    padding:0 5px;
    margin:10px 0;
}

#message-box .section-column.lip-alert > table a{
    color:#233441;
    text-decoration: underline;
}

.button-container{
    position: absolute;
    bottom:10px;
    left:0;
    display: flex;
    margin: 0 auto 0 auto;
    min-height: 35px;
    justify-content: center;
    flex-wrap: wrap;
    width:100%;
}
  
.button-container.disable{
    display: none !important;
}

.button-container.noabs {
    position: relative; 
    display: block;
    height: 40px;
    margin:20px auto 0 auto; 
    left:auto;
    bottom:auto;
    -ms-transform: none; 
    -webkit-transform: none;
    transform: none;
}    

.button-container.noabs-top {
    position: relative; 
    display: block;
    margin:0 0 0 0; 
    left:auto;
    bottom:auto;
    -ms-transform: none; 
    -webkit-transform: none;
    transform: none;
} 


@media all and (max-width: 615px) {
    #profile-content-container .noabs.w640 {
        max-width: 320px;
    }

    #profile-content-container .noabs .update-all {
        margin:15px 0 0 0 
    }
}

#notice-box header {
    text-align: center;     
}

#stsigname{
    padding:5px 5px 5px 5px;
    width:100%;
}

@media all and (max-width: 615px) {
    #show-signature-name{
        float:left;
    }
}

.default-edit-box-inner:after{
    content: '';
    display: block;
    clear: both;
}

.default-edit-box-inner font {
    font-size: 14px;
}

.default-edit-box-content {
    float:left;
    width: 50%;
    min-width: 236px;
}

.section-container {
    width: 100%;
}

#primary-source-list,
#primary-category-list {
    min-height: 180px;
}

#primary-source-list .selection-item,
#primary-category-list .selection-item {
    min-width: 100%;
}

.default-edit-box .defaults-wrapper,
.default-edit-box .defaults-wrapper-no-back{
    padding:5px;
    border: 1px solid #ccc;
}

.default-edit-box .defaults-wrapper-no-back{
    border: 0px solid #ccc; 
}


.default-edit-box table {
    width: 100%;
}

.default-edit-box  tr td.defaults-header{
    background: #f1f1f1;
    padding:5px 0px 5px 10px;
    border-top: 1px solid #ccc;
}

.default-edit-box .defaults-header {
    padding:5px 0px 5px 5px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;  
}

.messagebox-close-icons{
    position: absolute;
    right: 10px;
    top: 13px;
    z-index: 1;
    cursor: pointer;
    padding:5px;
    border-radius: 5px;
    transition: background 0.5s;
}

.messagebox-close-icons:hover{
    background:#eee;
}

/* *************************** */
/* ****** popup boxes ******** */
/* *************************** */

/* *************************** */
/* ****** word search ******** */
/* *************************** */

/* *************************** */
/* ****** word search ******** */
/* *************************** */

#word-search-container {
    position:fixed;
    height:45px;
    top:0;
    left:50%;
    background:#fff;
    z-index:35;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transform: translate(-50%,0%);
    display: none;
}

#word-search-container.show{
    display: block;
    animation:fadeIn 1s linear;
}

#keyword-count{
    position:absolute;
    right:25px;
    top:8px;
    display:none;
}

/* *************************** */
/* **** character counter **** */
/* *************************** */

.char-counter-wrapper{
    position:relative;
    width:100%;
    z-index:1;
}

.char-counter{
    position: absolute;
    bottom:-25px;
    margin:0 0 0 0;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    font-size: 11px;
    border-left:0px solid #ddd;
    border-right:0px solid #ddd;
    border-bottom:0px solid #ddd;
    background:#fafafa;
    width:100%;
    height:0;
    overflow:hidden;
    z-index: 3;
    transition: height 0.3s;
} 

.char-counter.working{
    padding-top:5px;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    height:25px;
}

.char-total,
.char-max{
    font-size: 11px;
}

.char-counter.over .char-total{
    font-weight: 600; 
    color: rgba(220,93,84,1.0) !important;
}

.charcounter{
    padding:5px;
    display: none;
}

.charcounter.active{
    display: block;
    animation: fadeIn 0.3s;
}

/* *************************** */
/* **** character counter **** */
/* *************************** */

/* *************************** */
/* **** select drop down ***** */
/* *************************** */

.select-drop-down{
    position: relative;
}

.select-drop-down input{
    padding:5px 30px 5px 5px;
}

.select-drop-down-icon{
    position: absolute;
    right:1px;
    top:1px;
    height:28px;
    padding: 5px 10px;
    cursor: pointer;
    transition: background 0.5s;
}

.select-drop-down-icon:hover{
    background: #f1f1f1;
}

.select-drop-down ul {
    position: absolute;
    top:30px;
    background: #fff;
    border: 1px solid rgba(120,182,201,1.0);
    padding:0px 0 0px 0px;
    margin:0;
    width:100%;
    max-height: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: max-height 0.5s;
    z-index: 12;
    opacity: 0.0;
}

.select-drop-down li {
    padding:5px;
    cursor: pointer;
}

.select-drop-down li:hover {
    background: #f1f1f1;
}    

.select-drop-down li input{
    width:100%;
    padding:5px;
}

.select-drop-down.active ul{
    max-height: 240px;
    opacity: 1.0;
}

/* *************************** */
/* **** select drop down ***** */
/* *************************** */

/* *************************** */
/* ******* Hero Image  ******* */
/* *************************** */

header.hero {
    background-image: url("https://img.gsmls.com/newsletter/ui/images/hero.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0% 50%;
    background-size: cover;
    position: relative;
    width: 100%;
    padding:0;
    height: 328px;
    box-sizing: border-box;
    transition: height 0.5s;
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);       
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* *************************** */
/* ******* Hero Image  ******* */
/* *************************** */


/** override original css (remove when system updated */

/* *************************** */
/* *********** main ********** */
/* *************************** */

main.no-hero {
    width:100%; 
    /** background: href; **/
    background: #fafafa;
}

.profile-wizard main.no-hero {
    background: rgba(35,52,65,0.95);
}

main.no-hero > .inner {
    min-height: 0;
    padding: 207px 0px 40px 0px;
    background: #fafafa;
}

.profile-wizard main.no-hero .inner{
    border-radius: 5px;
}

.gallery_results{
    padding:10px;
}

/** dont uses under 1024 for system tables */
@media all and (min-width: 1024px) {
    main.no-hero > .inner {
        min-height:50vh;
    }
}

main.no-hero.no-hero-addl-fix-header > .inner{
    padding: 255px 0px 40px 0px;
}

@media all and (max-width: 1320px) {
    main.no-hero > .inner.results{
        padding: 207px 10px 20px 10px;
    }

    main.no-hero.no-hero-addl-fix-header > .inner{
        padding: 255px 10px 0px 10px;
    }
}

@media all and (max-width: 880px) {
	main.no-hero > .inner {
		padding: 187px 0 40px 0;
    }

    main.no-hero > .inner.results{
        padding: 187px 10px 20px 10px;
    }

    main.no-hero.no-hero-addl-fix-header > .inner{
        padding: 234px  10px 0px 10px;
    }
}

@media all and (max-width: 615px) {
	main.no-hero > .inner {
		padding: 178px 0 40px 0;
    }

    main.no-hero-results {
        padding: 177px 0 40px 0;
    }

    main.no-hero > .inner.results{
        padding: 166px 0 0px 10px;
    }

    main.no-hero.no-hero-addl-fix-header > .inner{
        padding: 214px  10px 0px 10px;
    }
}

/* *************************** */
/* ********* main ************ */
/* *************************** */

/* *************************** */
/* ****** search pages ******* */
/* *************************** */

.default-box > .inner > .flex-row  > section.quick-minmax{
    padding:0px 5px 0px 5px;
}

.default-box > .inner > .flex-row  > section.quick-minmax .section-inner{
    padding: 5px 0px 0px 0px;
    border-bottom:0;
}

.default-box > .inner > .flex-row  > section.quick-minmax-bottom{
    padding:0px 5px 10px 5px;
}

.default-box > .inner > .flex-row  > section.quick-minmax-bottom .section-inner{
    padding: 0px 0px 10px 0px;
    border-top:0;
}

.section-scrollable #county{
    max-height: 210px;
    height: 210px;        
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background:#fff;
    padding: 5px;
    border: 1px solid #eee;
}

.section-scrollable .highlight #county{
    background:transparent;
}

#town1,
#selectedtown{
    max-height: 310px;
    height: 310px;
    overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    border-bottom:1px solid #ccc;
    background:#fff;
    padding: 5px;
    border: 1px solid #eee;
}

#mapsrch-list-container #county,
#mapsrch-list-container #town1{
    max-height: 170px;
    height: 170px;
}

#mapsrch-list-container #selectedtown {
    max-height: 140px;
    height: fit-content;
}

/** override flex sizes on map search */
#mapsrch-property-list-container .default-search,
#mapsrch-property-list-container #qckstatus,
#mapsrch-property-list-container #qckother,
#mapsrch-property-list-container #qckstyle,
#mapsrch-property-list-container #qckyearbuilt,
#mapsrch-property-list-container #qckdevel,
#mapsrch-property-list-container #qckzone,
#mapsrch-property-list-container #qckloc,
#mapsrch-property-list-container #qcklotdesc,
#mapsrch-property-list-container #qckrddesc,
#mapsrch-property-list-container #qckown,
#mapsrch-property-list-container #qckcomm,
#mapsrch-property-list-container #qcklease,
#mapsrch-property-list-container #qckpets,
#mapsrch-property-list-container #quick-lnd-minmax,
#mapsrch-property-list-container #quick-bus-minmax{
    -webkit-flex: 0 0 100% ;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#mapsrch-property-list-container #quick-minmax,
#mapsrch-property-list-container #quick-minmax-bottom{
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

/**
#mapsrch-list-container #county::-webkit-scrollbar,
#mapsrch-list-container #town1::-webkit-scrollbar,
#mapsrch-list-container #selectedtown::-webkit-scrollbar{
    width: 7px;
    -webkit-appearance: none;
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
    max-height: 50%; height: 50%;
}
    */

#mapsrch-list-container .fom-1 {
    order: 1;
}

#mapsrch-list-container .fom-2 {
    order: 2;
}

.border-box,
#marketpen_agent{
    max-height: 200px;
    height: 200px;
    overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    border-bottom:1px solid #ccc;
    background:#fff;
    padding: 5px;
    border: 1px solid #eee;
}

.border-box {
    border:1px solid #ccc;
    border-top:0;
}

.border-box.short {
    max-height: 68px;
    min-height: 68px;
}

@media all and (min-width: 1024px) {
    #selectedtown .selection-item {
        min-width:130px;
    }
}

@media all and (max-width: 1024px) {
    #selectedtown {
        max-height: 310px;
        height: initial;
        min-height:50px;
    }  
}

@media all and (max-width: 615px) {
    #town1,
    #selectedtown {
        height: initial;
    } 
}

.default-box > .inner > .flex-row > section table.other tr:nth-of-type(odd){
    background: #f2f1f1;
}

.default-box > .inner > .flex-row > section table.other tr td:nth-of-type(1){
    width:110px;
    white-space: nowrap;
}

.default-box > .inner > .flex-row > section table.other tr td{
        padding: 5px 5px;
}    

.default-box > .inner > .flex-row > section table.other tr td:nth-of-type(2),
.default-box > .inner > .flex-row > section table.other tr td:nth-of-type(4),
.default-box > .inner > .flex-row > section table.other tr td:nth-of-type(6){
    width:15px;
    white-space: nowrap;
}

.default-box > .inner > .flex-row > section table.other tr td:nth-of-type(3),
.default-box > .inner > .flex-row > section table.other tr td:nth-of-type(5){
     width:80px;
}

.default-box > .inner > .flex-row > section table.status-table {
    padding: 0 0 0 5px;
}

.default-box > .inner > .flex-row > section table.status-table td:nth-of-type(odd){
    width: 10px;
}

.default-box > .inner > .flex-row > section table.minmax-table td:first-child{
    width: 85px;
}

.default-box > .inner > .flex-row > section table.address-table tr:first-child td:nth-of-type(1),
.default-box > .inner > .flex-row > section table.address-table tr:first-child td:nth-of-type(2){
    width:60px;
}

.default-box > .inner > .flex-row  section input[type=password]{
    width: 100%;
}

.default-box > .inner > .flex-row  section input[type=text].no-width{
    width: inherit;
    margin-right: 15px;
}

.default-box > .inner > .flex-row  section span.x-divider{
    position: relative;
}

.default-box > .inner > .flex-row  section span.x-divider:after {
    content: 'X'; 
    height: 16px; 
    position: absolute; 
    right: -3px; 
    top: 2px; 
    width: 16px;
}  

.default-box > .inner > .flex-row  section input[type=checkbox] {
    display: block;
    margin:0 3px 0 0 ;
    float: left; 
    bottom: 1px;
    width: 15px;
    height: 15px;
}

.default-box > .inner > .flex-row  section .result-table input[type=checkbox] {
    display: inline-block;
    margin:1px 3px 0 0 ;
    float: none; 
}

.check-all{
    transition: background .5s;
}

.headerButtons{
    display: inline-block;  
    top:12px;
    cursor: pointer;
    border-radius: 5px;
    padding:5px 5px;
}

@media all and (max-width:615px) {
    .headerButtons{
        padding:5px 3px;
    }
}

@media all and (max-width:360px) {
    .headerButtons{
        font-size: 12px;
    }
}

.headerButtons label{
    cursor: pointer;
}

.check-all {
    display: inline-block;  
    top:12px;
    cursor: pointer;
    margin:0 0 0 10px;
    border-radius: 5px;
    padding:5px 5px;
}

.check-all:hover{
    background:#eee;
}

.section-check-all{
    cursor: pointer;
}

.inline_blk.hide,
#adv-uncheck-all.hide,
#adv-check-all.hide{
    display: none;
}

.check-all label{
    cursor: pointer;
}

.check-hide{
    display: none !important;
}

.default-box > .inner > .flex-row > section .status-table tr:last-child td{
    padding-bottom:3px;
}

/* *************************** */
/* ****** search pages ******* */
/* *************************** */


/* *************************** */
/* **** select checkboxes **** */
/* *************************** */

.selection-item-xs,
.selection-input-xs,
.selection-item,
.selection-input,
.selection-input-lg,
.selection-item-md,
.selection-item-county,
.selection-item-short,
.selection-item-lg,
.selection-item-xl,
.selection-item-200{
    display:inline-block;
    line-height:15px;
    padding: 2px 10px 2px 0;
}

.selection-item-xs label,
.selection-item label,
.selection-item-county label, 
.selection-item-short label,
.selection-item-lg label {    
    color:#000;
}

.selection-item-xs,
.selection-input-xs{
    min-width: 60px;
}

.selection-item,
.selection-input {
    min-width: 162px;
}

.selection-item-md,
.selection-item-md {
    min-width: 175px;
}

.selection-input-xl,
.selection-item-xl {
    min-width: 255px;
}

.selection-input-200,
.selection-item-200,
.selection-item-200  {
    min-width: 200px;
}

.selection-input-lg,
.selection-item-lg,
.selection-item-lg  {
    min-width: 225px;
}

.selection-input-sm,
.selection-item-sm {
    min-width: 90px;
    display: inline-block;
}    

.selection-input-xsm,
.selection-item-xsm {
    min-width: 60px;
    display: inline-block;
}    


.selection-input-sm,
.selection-input-lg,
.selection-input  {
    padding:10px 0 0 0;
}   


.selection-item-lg-full {
    min-width: 100%;
}


.selected-item-single-column{
    width:100%;
}


.selection-item-county{
    min-width: 132px;
}


/* *************************** */
/* **** select checkboxes **** */
/* *************************** */

/**************************/
/******* Map Search *******/
/**************************/

#map1.hide{
    display: none;
}

#map {
    width:100%;
    transition:height 0.5s;
}

.section-column#route-container,
.section-column#map-container,
.section-column#mapsrch-container {
    padding:0 0 0 0px;
}


.popup_outer .section-column#route-container,
.popup_outer .section-column#map-container{
    padding:0 0 0 400px;
}

.popup_outer .section-column#mapsrch-container {
    padding:0 0 0 600px;
}

@media all and (max-width: 615px) {
    .section-column#route-container,
    .section-column#map-container,
    .section-column#mapsrch-container{
        padding:0 0 0 0;
    }

    .popup_outer .section-column#route-container,
    .popup_outer .section-column#map-container,
    .popup_outer .section-column#mapsrch-container {
        padding:0 0 0 0px;
    }
}

.mapnavmid-container,
.routenavmid-container{
    padding: 10px 20px;
}

#map-search-container input#address {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    padding: 10px 45px 10px 10px;
    margin: 0;
}

@media all and (max-width: 1280px) {
    .search-page .open-map > .flex-row [class*='fg-']{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .open-map #town1, 
    .open-map #selectedtown {
        height:auto;
        min-height:50px;
    } 
}

#searchcritera tr td {
    padding:5px;
}

#advanceSearch .open-map [class*='fg-']{
    flex: 0 0 100%;
    max-width: 100%;
}

#map-search-container th {
    color:rgba(120,182,201,1.0);
    text-align: left;
}

/** #map-search-container td {
    padding:5px 2px;
} */

#map-search-container .title,
#map-options-container .title{
    border-top:0px solid #ccc;
    border-bottom: 0px solid #ccc;
}

#map-search-container .title .fa-lg{ 
    vertical-align: -.1em; 
    margin-right:5px;
}

#map-search-container .edit-icon {
    top:12px; 
    right:6px;
}
    
#map-toolbar .fas.fa-print,
#map-toolbar .fas.open-comment,
#map-toolbar .fas.open-layers,
#map-toolbar .fas.open-map-address-search{
    display: none;
}

#map-search-input {
    border-bottom:1px solid #ddd;
    padding:5px 10px 5px 10px;
}

#shapeareacount,
#mapareacount a{
    font-size: 14px;
}

#map-search-container .apply-map-criteria {
    padding:0;
    height:0;
    padding:0 10px 0px 10px;
    margin:0 0 0 0;
    overflow:hidden;
    transition: height 0.5s;  
}

#map-search-container .apply-map-criteria input {
    margin:5px 0;
}

#map-search-container .apply-map-criteria.active {
    height:45px;
    padding:0px 10px 0px 10px;
}

#map-search-container .apply-map-criteria.active input {
    display: block;
}

#map-toolbar{
    padding: 5px 10px 5px 10px;
    height:46px;
    border-bottom:1px solid #ddd;
}

#map-toolbar i.disable,
#map-toolbar span.disable {
    color: rgba(51, 51, 51, 0.16);
}

#filter-by-map.disable {
    color: rgba(51, 51, 51, 0.16);
}

.leaflet-draw-toolbar.disable{
    display: none;
}

.section-column #maplayers input[type=checkbox] {
    display: inline-block;
    float:none;
}

#maplayers-container,
#mapdetails-container{ 
    display:none;
}

#maplayers .site_gray{
    padding:5px 0;
}

.submapSetHeight{
    overflow-y:auto;
}  

#maplayers-container.activate,
#mapdetails-container.activate{
    display:block;
}

#poiDetails{
    position: fixed; 
    background: white;
    left: 410px; 
    top: 50%;  
    padding: 10px;  
    height: 45vh;
    transform: translate(0%,-50%);    
    border-radius: 5px;
    box-shadow: -2px 3px 10px 0px  rgba(50, 50, 50, 0.66);
    display:none;
    z-index: 2;
    cursor: move;
    min-width: 300px;
}

@media all and (max-width: 615px) {
    #poiDetails{
        width: 80%;
        left: 50%;  
        z-index: 1;
        transform: translate(-50%,-50%); 
    }
}

#poiDetails.open{
    display: block;
}

#poiDetails-inner{
    height:calc(100% - 40px);
    overflow: auto;
}

.solstar_icon{
    z-index: 1000000 !important;
}

button.leaflet-control-mapquest-navigation-reset{
    display: none !important;
}

#shapeareacount-container{
    display: none;
}

#shapeareacount-container.active{
    display: block;
}

#inventory #search-area-count,
#productivity #search-area-count,
#openhsresults #search-area-count,
#results #search-area-count,
#hotsheetresult #search-area-count,
#cartresults #search-area-count {
    display: none;
}

#filter-by-map{
    margin:12px 0 0 5px;
    display: none;
}


.title.for-results{
    display: none;
}

#results .title.for-search{
    display:none;
}

#results .title.for-results{
    display: block;
}

@media all and (max-width: 615px) {
    #filter-by-map{
        margin:10px 0 10px 5px;
        display: none;
    }     
}

#inventory #filter-by-map,
#productivity #filter-by-map,
#openhsresults #filter-by-map,
#results #filter-by-map,
#hotsheetresult #filter-by-map,
#cartresults #filter-by-map{
    display: block;
    cursor: pointer;
}

#productivity .open-criteria,
#inventory .open-criteria,
#openhsresults .open-criteria{
    display: none;
}

#loading-map{
    position: absolute;
    z-index: 1000;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

#loading-map.active{
    display: block;
}

#loading-map > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#loading-map > div i{
    color:#fff;
}

#over-cnt_msg{
    background: rgba(255, 255, 255, 0.95);
    border-radius:5px;
    padding:20px;
}

#over-cnt_msg h2{
    color:#333;
}

#loading-map > div i.close-map-cnt-warning{
    position: absolute;
    right:10px;
    top:10px;
    color:#333;
}

#loading-search{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(250, 250, 250, 0.6);
    display: none;
}

#loading-search.active{
    display: block;
}
 
#loading-search > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

#loading-search > div i{
    color:#233441;
}

#loading-search > div .loading-title{
    font-size: 20px;
    margin: 0 0 10px 0;
    color: #233441;
}

#display-legend label {
    line-height: 20px;   
}

.map-icon-active {
    color:#fff;
    font-size: 11px;
}

.map-icon-active:before {
    content: "";
    position: absolute;
    height: 28px;
    width: 28px;
    top: -6px;
    z-index: -1;
    left: -10px;
    background: url("http://img.gsmls.com/mapicons/greentest.png") no-repeat 
}

@media all and (max-width: 615px) {
    #display-legend label {
        font-size:11px;
    }
}

#legend-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
    background: rgb(250, 250, 250);
    height: 0;
    overflow: hidden;
    transition: height 0.5s;
    padding:0 28px 0 0;
    background:#fafafa;
}

#legend-container.active{
    z-index: 60000;
    height:76px;
}

#display-legend{
    overflow: hidden;
    height: 78px;
    transition: height 0.5s;
    padding:5px 0;
}

#display-legend.inactive{
    height: 0px;
}

#display-legend img {
    margin:5px auto;
}

#display-legend img,
#display-legend label {
    display: block;
    text-align: center;
} 

#display-legend > div {
    padding: 5px 5px;
    width: 16.6%;
}

#display-legend > div > div{
    border-right:1px solid #ddd;
}

#display-legend > div:last-of-type > div {
    border:0
}

.close-legend {
	position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    cursor: pointer;
}

/**************************/
/******* Map Search *******/
/**************************/

/* *************************** */
/* ********** route  ********* */
/* *************************** */

#directions #map-search-container {
    width: 100%;
    right: -40%;
    display: block;
    background: #fafafa;
}

#directions #map-search-container {
    position: fixed;
    right: -320px;
    top: 0;
    height: 100vh;
    width: 100%;
    background: #fff;
    z-index: 100;
    padding: 0px 5px 0 5px;
    overflow-y: auto;
    transition: right .3s, width .3s;
    z-index: 19;
}

#directions .slide-container-header {
    background: #fff !important;
    border-bottom: 1px solid #ddd;
    padding: 0;
}

#directions #results .title.for-results{
    display: none;
}

#directions #results #filter-by-map{
    display:none;
}

#directions #map-toolbar {
    padding: 5px 30px 5px 10px;
    height: 46px;
    border-bottom: 1px solid #ddd;
}

#map-list-container,
#route-list-container,
#mapsrch-list-container{
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    background: rgba(102, 102, 102, 0.3);
    z-index: 1003;
    padding: 10px;
    width:407px;
    display:none;
}

#map-list-container,
#route-list-container,
#mapsrch-list-container{
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    background: #FFF;
    z-index: 1003;
    padding: 10px;
    width:407px;
    display:none;
    transition: left .3s;
    box-shadow: 6px 5px 12px 2px rgba(0, 0, 0, 0.2);
}

#mapsrch-list-container{
    width:600px;
}

#map-list-container.slide,
#route-list-container.slide,
#mapsrch-list-container.slide{
    left: -92%;
}

#route-navigation-container,
#map-navigation-container,
#mapsrch-navigation-container{
    position:fixed;
    left: 0;
    top:0px;
    padding: 0 0 0 407px;
    background: transparent;
    z-index: 1002;
}

#mapsrch-navigation-container{
    padding: 0 0 0 600px;
}

@media all and (max-width: 615px) {
    #map-list-container,
    #route-list-container,
    #mapsrch-list-container{
        width:92%;
    }

    #route-navigation-container,
    #map-navigation-container,
    #mapsrch-navigation-container{
        padding: 0 0 0 0px;
    }
}

#map-list-container.hideformobile,
#route-list-container.hideformobile,
#mapsrch-list-container.hideformobile{
    left: 92%;
}

#route-property-list-container.open{
    overflow-x: hidden;
}

#route-property-list-container.open{
    max-height: 410px;
    overflow: auto;
}

#map-list-container.open,
#route-list-container.open,
#mapsrch-list-container.open{
    display:block;
    animation: fadeIn 0.3s;
}

#route-list-container td{
    cursor: grab;
}

.route-list-inner,
.map-list-inner,
.mapsrch-list-inner{
    background: #fff;
    height: 100%;
    overflow: auto;
    position: relative;
    padding:10px;
}

#layers-list::-webkit-scrollbar,
#map-property-list-container::-webkit-scrollbar,
#mapsrch-property-list-container::-webkit-scrollbar,
#route-property-list-container::-webkit-scrollbar{
    height: 7px;
    width: 7px;
    -webkit-appearance: none;
}

#layers-list::-webkit-scrollbar-thumb,
#map-property-list-container::-webkit-scrollbar-thumb,
#mapsrch-property-list-container::-webkit-scrollbar-thumb,
#route-property-list-container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
}

.route-list-inner::-webkit-scrollbar,
.map-list-inner::-webkit-scrollbar {
    width: 7px;
    -webkit-appearance: none;
}

.route-list-inner::-webkit-scrollbar-thumb,
.map-list-inner::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
}

#route-outer-container,
#map-outer-container,
#mapsrch-outer-container{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    padding:0 0 0 0px;
    display:none;
}

#route-outer-container.open,
#map-outer-container.open,
#mapsrch-outer-container.open{
    display:block;
    animation: fadeIn 0.3s;
}

#map-options.open{
    border-bottom: 1px solid #ddd !important;
}

.route_print_obj{
    display: none;
}

.section-column select.map_reorder_by_select{
    width: 50px;
    min-width: 50px;
}

.openhousedata-column{
    display:none;
}

.openhousedata .openhousedata-column{
    display:table-cell;
}

.openhousedata .openhousedata-hide{
    display:none;
}

#routename{
    position: relative;
    font-size: 14px;
    width: 185px;
    display: inline-block;
    overflow: hidden;
    line-height: 14px;
    cursor: pointer;
    vertical-align: bottom;
}

.routename_holder{
    display:inline-block;
}

#routename_hover{
    position: absolute;
    top:30px;
    left:0;
    z-index: 1;
    background:#fff;
    word-break: break-all;
    white-space:normal;
    max-width: 370px;
    padding:5px;
    box-shadow: -2px 3px 10px 0px  rgba(50, 50, 50, 0.66);
    display: none;
}

#routename_hover.show{
    display: block;
    animation:fadeIn .3s linear;
}

#updateLoading{
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 15px;
    color: #fff;
    display:none;
}

#updateLoading.open {
    display: inline-block;
}

#maptab {
    position: absolute;
    right: -20px;
    background: #FFF;
    top: calc(50% - 25px);
    height: 50px;
    line-height: 38px;
    text-align: center;
    width: 20px;
    padding: 8px 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 4px 2px 4px 0px rgb(0 0 0 / 25%);
    z-index: 1200;
    color: #000;
    display: none;
}

@media all and (max-width: 615px) {
    #maptab {
        display: block;
    }
}

#maptab.active i {
    transform: rotate(180deg);
}

.hs-table{
    min-width: 850px;
    white-space: nowrap;
}

.hs-map-title{
    position: sticky;
    left:0;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}

.sidebar-filter{
    position: absolute;
    right: 0px;
    top: 3px;
    cursor: pointer;
    z-index: 1;
}

.map-sidebar{
    height: calc(100vh - 42px);
    max-height: calc(100vh - 42px);
}

.map-top-menu{
    flex: 0 1 auto;
}

.map-section-title{
    flex: 0 1 auto;
}


#map-property-list-container,
#mapsrch-property-list-container {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 200px;
}

#map-layer-list{
    flex: 1 1 auto;
    overflow: auto;
}

#map-comment-list{
    flex: 1 1 auto;
}

#map-searchcriteria-list{
    flex: 1 1 auto;
}

.map-title{
    position: sticky;
    left:0;
    border-bottom: 1px solid #ddd;
}

#map-prop-list::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    -webkit-appearance: none;
}

#map-prop-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
}

#map-layer-list::-webkit-scrollbar{
    width: 7px;
    -webkit-appearance: none;
}

#map-layer-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
}

#map-comment-list::-webkit-scrollbar{
    width: 7px;
    -webkit-appearance: none;
}

#map-comment-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
}

#dragbar,
#dragbar_srch{
    background-color:black;
    height:100%;
    float: right;
    width: 3px;
    cursor: col-resize;
    position: absolute;
    left:408px;
    z-index: 11164;
}

#dragbar_srch{
    left:600px;
}

@media all and (max-width: 615px) {
    #dragbar,
    #dragbar_srch{
        display: none;
    }
}

#ghostbar{
    width:3px;
    background-color:#000;
    opacity:0.5;
    position:absolute;
    cursor: col-resize;
    z-index: 1116333;
}

.hide-map-section.inactive i{
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* *************************** */
/* ********** route  ********* */
/* *************************** */

/* *************************** */
/* * side loading containers * */
/* *************************** */

#vt-box-container,
#notice-history,
#help-box-container,
#map-search-container {
    position: fixed;
    right:-320px;
    top:0;
    height: 100vh;
    width: 320px;
    background: #fff;
    z-index: 100;
    padding: 0;
    overflow-y:auto;
    display: none;
    transition: right .3s, width .3s;
    z-index: 19;
}

#vt-box-container,
#help-box-container,
#notice-history{
    display: block;
    background: rgb(250, 250, 250);
}

#vt-box-container .flex-row,
#help-box-container .flex-row,
#notice-history .flex-row{
    background: #fafafa;
}

#vt-box-container .flex-row,
#help-box-container .flex-row{
    height:100%;
}

#help-box-container{
    width: 400px;
    right:-400px;
    display: block;
}

#vt-box-container{
    width: 700px;
    right:-700px;
}

@media all and (max-width: 768px) {
    #vt-box-container{
        width: 100%;
        right:-100%;  
    }
}

#map-search-container{
    /** width: 520px;
    right:-520px; **/
    width:40%;
    right:-40%;
    display: block;   
    background: #fafafa;
}

@media all and (max-width: 1024px) {
    #map-search-container{
        width:50%;
        right:-50%;
    }
}

#map-search-container{
    padding:207px 0 0 0;
    z-index: 3;
}

#map-search-container > div {
    border-top:1px solid #ddd;
} 

@media all and (max-height: 900px) {
    #map-search-container{
        padding:0 0 0 0;
        z-index: 18;
    }
    
}

@media all and (max-width: 400px) {
    #help-box-container{
        width: 360px;
        right:-360px;
        display: block;
    }
}

@media all and (max-width: 320px) {
    #help-box-container{
        width: 310px;
        right:-310px;
        display: block;
    }

    #page-name{
        visibility: hidden;
    }
}

.vt-box-open,
.notice-history-open,
.help-box-open,
.map-box-open {
    right:0px !important;
    box-shadow: rgba(50, 50, 50, 0.10) -5px 0px 5px 0px;
    -webkit-box-shadow: rgba(50, 50, 50, 0.10) -5px 0px 5px 0px;
        -moz-box-shadow: rgba(50, 50, 50, 0.10) -5px 0px 5px 0px;
} 

/** open preloaded map **/
main.preload-map #map-search-container {
    right:0px !important;
    box-shadow: rgba(50, 50, 50, 0.10) -5px 0px 5px 0px;
    -webkit-box-shadow: rgba(50, 50, 50, 0.10) -5px 0px 5px 0px;
        -moz-box-shadow: rgba(50, 50, 50, 0.10) -5px 0px 5px 0px;
}

#notice-history .glyphicon-remove {
    position: absolute;
    top:20px;
    right:15px;
    cursor: pointer;
}

/* *************************** */
/* * side loading containers * */
/* *************************** */

/* *************************** */
/* ******** Menu Left ******** */
/* *************************** */

#menu-left {
    padding: 0px;
    margin:0px;
    width: 100%;
    border-top:0px;
    border-left:0px solid #ddd;
    border-bottom:1px solid #eee;
    border-right:0px solid #eee;
    box-shadow: 2px 2px 8px #ccc;
    border-radius: 5px;
} 
 
#menu-left header{
    padding:5px 0 5px 10px;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    border-right:0px solid #ddd;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
} 

#menu-left header h2{
    margin:5px 0  5px 0;
} 

#menu-left ul {
    padding: 0 0 0 0px;
} 

#menu-left ul li{
    font-size: 14px;
    padding: 8px 0 8px 10px;
    cursor: pointer;
    border-top:1px solid #eee;
    border-right:1px solid #eee;
    border-left:1px solid #eee;
    font-weight: 300;
    background: #fff;
    position: relative;
    transition: background 0.3s;
}   

#menu-left ul li:last-child{
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#menu-left ul li:hover:not(.selected){
    background: #eeeeee;
}

#menu-left .selected{
    background: #fafafa;
    color:#2d96ec;
    font-weight: 500;
    border-left: 4px solid #6284a0;
}

#menu-left .selected.warn{
    border-left: 4px solid rgba(220, 93, 84);
}

#menu-left .selected.warn::after{
    border-left: 6px solid rgba(220, 93, 84);
}

.warn .fa-exclamation-circle{
    position: absolute;
    right:10px;
    top:10px;
}

/* *************************** */
/* ******** Menu Left ******** */
/* *************************** */

/* *************************** */
/* ******** Home Page ******** */
/* *************************** */

/****  Search Area ***/

#search-area{
    min-height: 328px;
    padding:130px 0 0px 0;
    background: rgba(0,0,0,0.3);
}
   
#search-area #quick-search-links,
#quick-search-buttons {
    width:690px;
    margin: 0 auto 0 auto;
}

#search-area #quick-search-box{
    position: relative;
    width:690px;
    margin: 0 auto 0 auto;
}

#search-area #quick-search-links{
    height:27px;
    padding: 0 10px 5px 0;
    margin: 10px auto 0 auto;
}

#search-area #quick-search-links > a{
    float:right;
    margin:0 0 0 10px;
    font-size: 13px;
}

#search-area #quick-search-box > input {
    width: 690px;
    height:60px;
    padding:14px;
    font-size: 20px;
    border:0;
    background: rgba(255,255,255, 1.0);
}

#search-area #quick-search-box > #qcksrchmlstxt {
    padding:14px 150px 14px 14px;
}  

@media all and (max-width: 615px) {
    #search-area #quick-search-box > #qcksrchmlstxt {
        padding:7px 125px 7px 14px;
    }        
}

#search-area  #quick-search-box .empty-autocomplete {
    display: none;
    z-index: 5;
    position: absolute;
    right: 107px;
    cursor: pointer;
    top: 0;
    height: 100%;
    width:40px;
}

.empty-autocomplete i {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: color 0.3s;  
}

.empty-autocomplete i:hover {
    color: rgba(220,93,84,1.0);
}

#search-area  #quick-search-box .empty-autocomplete.active{
    display: block;
}

@media all and (max-width: 615px) {
    #search-area  #quick-search-box .empty-autocomplete {
        right:80px;
    }
}

#qcksrchmlstxt::-ms-clear, input::-ms-reveal {
  display: none;
}

#search-area  #quick-search-buttons {
    width:690px;
    margin:0 auto 10px auto;
    padding:15px 0 0 0;
    min-height: 70px;
}

#search-area  #quick-search-buttons .glyphicon {
    color:#fff;
    font-size: 22px;
    position: absolute;
    top:50px;
    left:50%;
    transform: translate(-50%, 0%);
}

#search-area #quick-search-buttons > div{
    position: relative;
    float:left;
    width: 152px;
    height:45px;
    line-height: 45px;
    font-size: 14px;
    color:#fff;
    margin: 0 10px 0 10px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer; 
}

@media all and (max-width: 768px) {
    #search-area #quick-search-links,
    #search-area #quick-search-box,
    #search-area  #quick-search-buttons {
        width: 90%;
        margin: 5px auto 0 auto;
        /** border:1px solid green;**/
    }

    #search-area  #quick-search-buttons {
        padding:15px 10px 0 10px;
        max-width:540px;
    }

    #search-area #quick-search-box > input {
        width: 100%;

    }

    #search-area #quick-search-buttons > div {
        width: 110px;
    }     
}

#search-area #quick-search-box > .process-search {
    position: absolute;
    top:0px;
    right:0px;
    width: 100px;
    height: 50px;
    font-size: 14px;
    margin: 5px 5px 0 10px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 1;
    border:1px solid #fff;
    transition: all .2s;
    background: rgba(220,93,84,1.0);
    color:#fff;
}

#search-area #quick-search-box > .process-search:hover {
    background: rgba(220,93,84,0.8);
    color:#fff;
}    

#search-area #quick-search-buttons > div:nth-of-type(5) {
    margin: 0 0 0 0;
}

#search-help-outer{
    position: absolute;
    width: 690px;
    top:305px;
    left:50%;
    z-index: 0;
    height: 0px; 
    overflow: hidden;
    -webkit-box-shadow: 2px 3px 10px 0px rgba(50, 50, 50, 0.66);
    -moz-box-shadow:    2px 3px 10px 0px rgba(50, 50, 50, 0.66);
    box-shadow: 2px 3px 10px 0px rgba(50, 50, 50, 0.66);
    transition: height 0.5s;
    transform: translateX(-50%);
}

#search-help-outer.expanded,
#search-help-outer.expanded_for_cart{
    z-index: 2;
    display: block;
    height:220px;
}

#search-help{
    width: 100%;
    height: 100%;
    background: #fff;
    padding:0px 10px 10px 10px;
    border:1px solid #ccc;
    overflow: auto;
}

#search-help-table{
    width: 100%;
}

#search-help-table tr td, #search-help-table tr th{
    padding:5px;
}

#search-help-table tr th{
    position: sticky;
    top:0;
    background:#fff;
    padding:10px 5px 5px 5px;
}

#search-help #search-help-table th {
    text-align: left;
    color: #233441;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
}

.search-table-zebra tr:nth-child(even){
    background: #f2f1f1;
}

#search-help #search-help-table a {
    color:#054a5f;
    text-decoration: underline;
}

#search-help #search-help-table th.sample-search-help{
    border:0;
}

#search-help-table td span {
    font-size: 17px;
}

.close-autocomplete{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: right;
    background: #fff;
    padding:2px;
}

@media all and (max-width: 615px) {
    #search-area{
        padding:90px 0 0px 0;
    }

    #search-area #quick-search-links{
        margin: 10px auto 0 auto;
        padding: 0 0 5px 0;
        width: 90%;
    }

    #search-area #quick-search-links > a{
        float:right;
        margin:0 0 0 10px;
        font-size: 12px;
    }

    #search-area #quick-search-links > a:last-child{
        margin:0 0 0 0;
    }  

    #search-area #quick-search-buttons .glyphicon {
        display: none;
    }   

    #search-area  #quick-search-buttons {
        width:240px;
        height:120px;
        padding:0px 0px 0 0px;
    }

    #search-area #quick-search-buttons > div {
        margin: 5px;
    } 

    #search-area #quick-search-box > input {
        width: 100%;
        height: 50px;
        font-size: 11px;
        margin:0 0 0 0;
   }   

    #search-area #quick-search-box > .process-search {
        width: 80px;
        font-size: 12px;
        margin: 0 0 0 10px;
        padding:8px;
    }  

    #search-help-outer{
        width: 90%;
        top:305px;
        transform: translateX(-50%);
    }                   
}

@media all and (max-width: 320px) {
    #search-area #quick-search-links > a{
        font-size: 10px;
    }
}
/*** End Search Area ***/

section.main{
    width:100%;
    background: #fafafa;
}

section.main .inner{  
    padding:20px 0 20px 0;
    min-height: 400px;
    display: flex;
    flex-flow: row;
    background: #fafafa;
}

section.main aside {
    margin:0px;
    padding: 0 20px 10px 20px;
    /** border-top-right-radius:7pt;**/
    /** border-bottom-right-radius:7pt;**/
    background: #fafafa;
    flex: 0 1 33%;
    order: 3;
    overflow: auto;
}

section.main aside > div:first-child{
    position: relative;
    border-bottom:1px solid #ccc;
    line-height: 33px;
    height: 33px;
}

section.main aside > div .glyphicon {
    float:right;
    top:10px;
    font-size: 12px;
}

section.main aside > div:first-child div{
    display: inline-block;
}

section.main section {
    margin: 0 0 4px 0;
    padding: 0 20px 10px 20px;
    background: #fafafa;
    flex: 0 1 33%;
    overflow: auto;
}

@media all and (max-width: 768px) {
    section.main .inner{
        flex-flow: row wrap;
    }

    section.main aside {
        flex: 0 1 100%;
    }
    
    section.main aside > h2{
        display: inline-block;
    }

    section.main section {
        flex: 0 1 50%;
    }
}

@media all and (max-width:615px) {
    main.no-hero-results {
        /** top: 166px; **/
        padding:165px 0 0 0;
    }
}   

@media all and (max-width: 615px) {
    section.main section {
        margin: 0 4px 4px 0px;
        flex: 0 1 100%;
    }
}

section.main section .accordian-menu-list li:not(:first-child),
section.main section .accordian-menu-list-inactive li:not(:first-child){
    margin: 8px 0 0 0;
}

section.main aside h1,
section.main section h1 {
    display: inline-block;
    margin:0 0 0 0;
    font-size: 16px;
}

section.main aside .notices-view-all{
    float:right;
    font-size: 13px;
    margin:0;
    cursor: pointer;
}

section.main aside .notices-view-all label{
    font-weight: 600;
    transition: color 0.15s ease-in-out;
}

@media all and (max-width: 980px) {
    section.main aside .notices-view-all label{
        display: none;
    }
    
}

section.main aside .notices-view-all span{
	color:#dc5d54;
}

section.main aside .notices-view-all label {
	font-size:12px;
	color:#233441;
}

section.main aside .notices-view-all *{
    cursor: pointer;
}

section.main section ul {
    margin:0;
    padding:0 0 0 20px;
}

section.main section ul li{
    list-style-type: disc;
}

section.main a {
    color: #223341;
    font-size: 14px;
}

section.main section  .accordian-menu {
    position: relative;
    line-height: 33px;
    height: 33px;
    border-bottom:1px solid #ddd;
}

section.main section .accordian-menu > div {
    display: inline-block;
}

section.main section .accordian-menu .accordian-btn {
    position: absolute;
    top:50%;
    left:0;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin:0 0 0 0;
    transform: translateY(-50%);
}

section.main section .accordian-menu .accordian-btn .glyphicon{
    font-size: 12px;
    top:2px; 
    padding: 5px;
    transition: background .5s;
}

section.main section .accordian-menu .accordian-btn .glyphicon:hover{
    background: #eee;
}

section.main section .accordian-menu  .defaults-edit-homepage {
    position: absolute;
    right:0;
    top:9px;
    cursor: pointer;
}

section.main section .accordian-menu-list {
    height:190px;   
    overflow: hidden;
    padding:10px 0 0 0;
}

section.main section .accordian-menu-list{
    height:170px;
    overflow:auto;
}

section.main section .accordian-menu-list-inactive,
section.main section .accordian-menu-list {
    transition: all .5s
}

section.main section .accordian-menu-list-inactive {
     height:0px;
     overflow: hidden;
}

section.main section .accordian-menu .accordian-title{
    margin:0 0 0 25px;
    vertical-align: middle;
}

section.main section .accordian-menu .accordian-title h1{
    top:2px;
    display: block;
    font-size: 16px;
}

/* *************************** */
/* ******** Home Page ******** */
/* *************************** */

/* *************************** */
/* ******* results *********** */
/* *************************** */

/** Map Results */
.no-hero-addl-fix-header #map-search-container {
    padding: 255px 0 0 0;
    z-index: 3;
}

@media all and (max-width: 1024px) {
    #map-search-container{
        width:40%;
        right:-40%;
    }
}

@media all and (max-width: 850px) {
    #map-search-container {
        padding: 187px 0 0 0;
        z-index: 3;
    }

    #map-search-container{
        width:100%;
        right:-100%;
    }
}

@media all and (max-width: 615px) {
    #map-search-container {
        width: 100%;
        right: -100%;
        z-index: 22;
        padding: 0px 0px 10px 0px;
    }
}

#advanceSearch .map-activated [class*='fg-'] {
    flex: 0 0 100%;
    max-width: 100%;
}

#quicksearch .map-activated [class*='fg-'] {
    flex: 0 0 100%;
    max-width: 100%;
}

#quicksearch .map-activated #town1,
#quicksearch .map-activated #selectedtown,
#quicksearch .map-activated #selectedtown{
    height:auto;
}

#quicksearch .map-activated .fom-1 {
    order: 1;
}

#quicksearch .map-activated .fom-2 {
    order: 2;
}  

#quicksearch .map-activated .fom-3 {
    order: 3;
}  

/** end map results  */

/** hotsheet Results */

.hotsheet-result-type {
    font-weight: 600;
    background: #fafafa;
    padding: 15px 5px;
    white-space: nowrap;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    min-width: 1024px;
}

@media all and (max-width: 615px) {
    .hotsheet-result-type {
        font-size: 14px;
    }
}

@media all and (max-width: 615px) {
    .hotsheet-result-type {
        font-size: 13px;
        white-space: normal;
    }
}

/** end hotsheet Results */


/** gallery results */
.gallery-result-container{
    padding:0 10px;
}

.gallery-result-container > .flex-row > section {
    padding: 5px;
}

/** end gallery results */

/** image container for hover */

#image-hover {
    position: fixed;
    top:0;
    left:0;
    z-index: 22;
}

#image-hover.offset-hover{
    transform: translateY(-100%);
}

/** image container for hover */

/* *************************** */
/* ******* results *********** */
/* *************************** */

/* *************************** */
/* ****** map results ******** */
/* *************************** */

#map-options-container {
    position: fixed;
    top:0;
    right:0;
    height: 100vh;
    background: rgba(250, 250, 250, 0.8);
    width:0px;
    z-index: 2;
    padding:0;
    overflow: hidden;
    transition: right .5s, width .5s;
}

#map-options-container.open {
    padding:207px 0px 0px 50px;
    width:100%;
}

@media all and (max-height: 900px) {
    #map-options-container.open{
        padding:0 0 0 0;
        z-index: 18;
    }
    
}

#map-comment-container,
#map-layers-container,
#map-criteria-container,
#map-direction-container{
    background:#eee;
    transition: right 0.5s;
    padding:0;
}

#map-comment-container{
    z-index: 3;
}

#map-layers-container{
    z-index: 2;
}

#map-criteria-container{
    z-index: 1;
}

#map-direction-container{
    z-index: 4;
}

#map-options-container .map-inner{
    position: absolute;
    right:-390px;
    height: 100%;
    background: rgba(250, 250, 250, 1.0);
    width:390px;
    box-shadow: rgba(50, 50, 50, 0.10) -5px 0px 5px 0px;
    -webkit-box-shadow: rgba(50, 50, 50, 0.10) -5px 0px 5px 0px;
    -moz-box-shadow: rgba(167, 167, 167, 0.10) -5px 0px 5px 0px;
    border-top:1px solid #ddd;
}

#map-comment-container.open,
#map-layers-container.open,
#map-criteria-container.open{
    right:0;
}

#map-options-container .edit-icon {
    right:6px;
}

#productivity .fas.fa-print.fa-print-inv,
#productivity .fas.open-layers,
#productivity .fas.open-comment,
#inventory .fas.fa-print.fa-print-inv,
#inventory .fas.open-layers,
#inventory .fas.open-comment,
#cartresults .fas.fa-print.fa-print-cart,
#cartresults .fas.open-layers,
#cartresults .fas.open-comment,
#hotsheetresult .fas.fa-print.fa-print-hs,
#hotsheetresult .fas.open-layers,
#hotsheetresult .fas.open-comment,
#openhsresults .fas.fa-print.fa-print-oh,
#openhsresults .fas.open-layers,
#openhsresults .fas.open-comment,
#results .fas.fa-print.fa-print-standard,
#results .fas.open-comment,
#results .fas.open-layers{
    display: inline-block;
}

#productivity #map-search-input,
#inventory #map-search-input,
#cartresults #map-search-input,
#results #map-search-input,
#openhsresults #map-search-input,
#hotsheetresult #map-search-input{
    display:none;
}

#inventory .leaflet-draw-edit-remove.leaflet-disabled,
#results .leaflet-draw-edit-remove.leaflet-disabled,
#openhsresults .leaflet-draw-edit-remove.leaflet-disabled,
#hotsheetresult .leaflet-draw-edit-remove.leaflet-disabled,
#cartresults .leaflet-draw-edit-remove.leaflet-disabled,
#inventory .leaflet-draw-edit-edit.leaflet-disabled,
#results .leaflet-draw-edit-edit.leaflet-disabled,
#openhsresults .leaflet-draw-edit-edit.leaflet-disabled,
#hotsheetresult .leaflet-draw-edit-edit.leaflet-disabled,
#cartresults .leaflet-draw-edit-edit.leaflet-disabled{
    display:none;
}


/* *************************** */
/* ****** map results ******** */
/* *************************** */

/* *************************** */
/* ***** advance search ****** */
/* *************************** */

.adv-header .glyphicon-filter {
    position: absolute;
    right:0;
}

.select-lg-adv{
    padding: 5px 5px 5px 5px;
    border-radius: 0;
    /* height: 30px; */
    font-size: 14px;
}

#paramdiv tr:hover:not(:first-of-type) td {
    background: rgba(205, 221, 233,0.9);
}

#paramdiv {
    padding:0 0 30px 0;
    border-bottom: 1px solid #ddd;
    width:100%;
    max-height: 254px;
    min-height: 154px;
    overflow: auto;
}

@media all and (max-width: 615px) {
    #paramdiv {
        max-height: 100%;
    }
}

#paramdiv th {
    white-space: nowrap;
}

#paramdiv td:nth-of-type(3){
    white-space: normal; 
    word-break: break-all;    
}

#params{
    width:100%;
    overflow: auto;
    max-height: 254px;
    min-height: 154px;
    padding:0 0 30px 0;
    border-bottom: 1px solid #ddd;
}

#params header {
    border:0;
    padding:0 0 10px 5px;
}

#myfields .gs-btn{
    border-radius: 0;
}

#parameter-btn{
    position: absolute;
    bottom: 5px;
    left:0;
    width:138px;
}  

.orfield,
.andfield,
.notfield {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #233441;
    padding: 5px 12px 5px 12px;
    margin:0 5px 0 0;
    color: #233441;
    letter-spacing: .08em;
    cursor: pointer;

    border-radius: 3px;
    width: 51px;
    text-align: center;
    transition: all 0.2s;
} 

.selectedfield {
    color: #fff;
    background: #233441;
    border: solid 1px #233441;
}

.orfield:hover,
.andfield:hover,
.notfield:hover {
    color:#fff;
    background:#233441;
    border: solid 1px #233441;
}    

.clearfield {
    display: block;
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #233441;
    padding: 5px 12px 5px 12px;
    color: #233441;
    letter-spacing: .08em;
    cursor: pointer;
    float:right;
    border-radius: 3px;
    transition: all 0.2s;
}

.clearfield:hover {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 12px 5px 12px;
    color: #fff;
    background:#233441;
    border: solid 1px #233441;
    letter-spacing: .08em;
}

#clearfield-btn.clear-map-coordinates{
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

#clearfield-btn.clear-map-coordinates{
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.map-activated #clearfield-btn.clear-map-coordinates{
    display: block;
}

#advance-search-fields {
    border-color:#f1f1f1;
    /* Firefox */
    height: -moz-calc(100vh - 360px);
    /* WebKit */
    height: -webkit-calc(100vh - 360px);
    /* Opera */
    height: -o-calc(100vh - 360px);
    /* Standard */
    height: calc(100vh - 360px);
    overflow: auto;
}

.map-activated #advance-search-fields{
    max-height:35vh;
}

@media all and (max-width:880px) {
    #advance-search-fields {
        /* Firefox */
        height: -moz-calc(100vh - 340px);
        /* WebKit */
        height: -webkit-calc(100vh - 340px);
        /* Opera */
        height: -o-calc(100vh - 340px);
        /* Standard */
        height: calc(100vh - 340px);
    }
}

@media all and (max-width:615px) {
    #advance-search-fields {
       max-height: 30vh;
    }
}

#advance-search-fields option {
    padding:2px;
    cursor: pointer;
}

#advance-search-fields .adv-itm{
    padding: 5px;
}

#advance-search-fields .adv-itm.odd{
    background: #f2f1f1;
}

#advance-search-fields .adv-itm.even{
    background: #fff;
}

#advance-search-fields .adv-itm-rq:checked,
#advance-search-fields .adv-itm-rq:hover,
#advance-search-fields .adv-itm-rq.selected, 
#advance-search-fields .adv-itm:checked,
#advance-search-fields .adv-itm:hover,
#advance-search-fields .adv-itm.selected {
    background: rgba(205, 221, 233,0.9);
    cursor: pointer;
}

.myfield-control{
    margin-top: 1px;
    float:right;
    color: rgba(35,52,65,1.0);
    transition: color .3s;
}

.myfield-control:hover{
    color: rgb(72 133 202);
}

#myfields .myfield-controls {
    position: absolute;
    top:85px;
    right:33px;
    width:25px;
    height:19px;
    padding:2px 10px;
    cursor: pointer;
    color:#fff;
    z-index: 1;
    margin-left: 0px;
    margin-top: -2px;
    background:#233441;
    display:none;
}

#myfields .myfield-controls.show{
    display: block;
}

#myfields .myfield-controls i{
    margin-left: -3px;
}

#filter-advanced-container{
    padding:0;
    margin:0;
} 

#restore-defaults{
    position: relative;
    float:right;
    cursor:pointer;
    padding:5px 5px;
    border-radius: 5px;
    transition: background .5s;
}

#restore-defaults:hover{
    background:#eee;
}

#restore-defaults  i{
    font-size: 12px;
}

#restore-defaults  i:hover,
#restore-defaults > label:hover,
#restore-defaults:hover{
    cursor:pointer;
}


/* *************************** */
/* ***** advance search ****** */
/* *************************** */

/* *************************** */
/* ******* inventory  ******** */
/* *************************** */

.inventory-mobile-sel {
    display: none;
}

@media all and (max-width: 768px) {
    .inventory-mobile-sel {
        display: block;
        position: absolute;
        top:8px;
        left:10px;
    }
}

/* ******* status  ******** */

.hide-changesection{
    display: none;
    padding: 0 5px 100px 5px;
}

.status-change .content-table{
    padding:0;
}

.status-change .status-selection-table {
    margin:0 0 10px 0;
}

.section-column.status-error-column{
    padding:0px 10px 0px 10px;
    margin:0;
}

.section-column.status-error-column.active{
    margin:0 0 10px 0;
}

#status-error div{
    text-align: left;
    color: #dc5d54;
    background: #f2f1f1;
    padding: 5px;
    font-weight: 600;
}    

.status-change .content-table .content-cell:first-child{
    height: 30px;
}

.status-change .status-selection-table .content-cell:first-child {
    height: 20px;
}

.status-change .content-table .content-cell{
    height: 30px;
}

.status-change .content-table .content-cell.saleprice_error,
.status-change .content-table .content-cell.saleprice_cell,
.status-change .content-table .content-cell.listprice_edit_error,
.status-change .content-table .content-cell.listprice_edit_cell{
    height: 0px !important;
}

.status-change .content-table .content-cell.saleprice_error.error-loaded,
.status-change .content-table .content-cell.listprice_edit_error.error-loaded{
    height: 30px !important;
}    

.status-change .content-table-top {
    padding:4px 0 0 0;
}

.status-change .content-message{
    padding:10px 0 0 0;
}


.status-sections{
    min-height: 132px;
    padding:5px 5px 20px 5px;
}

.status-edit{
    float: right;
    font-size: 13px;
    cursor:pointer;
} 

.content-cell.financial-section {
    padding:10px 0 10px 5px;
}

.financial-terms span,
.financial-terms input[type=radio]{
    float:left;
}

.financial-terms span{
    padding:0 0 0 5px;
}

.financial-terms .content-cell:first-child{
    vertical-align: top;
    padding-top:10px;
}

#listingagentidedit_1,
#listingagentidedit_2,
#listingagentidedit_3,
#colistingagentidedit_1,
#colistingagentidedit_2,
#colistingagentidedit_3,
#ucsellingAgentId_1,
#ucsellingAgentId_2,
#ucsellingAgentId_3,
#uccoSellingAgnetId_1,
#uccoSellingAgnetId_2,
#uccoSellingAgnetId_3,
#coSellingAgnetId_1,
#coSellingAgnetId_2,
#coSellingAgnetId_3,
#sellingAgentId_1,
#sellingAgentId_2,
#sellingAgentId_3,
#listingofficeidedit_1,
#listingofficeidedit_2,
#listingofficeidedit_3,
#listingofficeidstatic {
    padding:2px 2px 2px 2px;
}

.idx-image-selection{
    min-height:209px;
    border-radius: 5px;
    border:2px solid #ddd;
    transition: border 0.2s;
}

.selected .idx-image-selection{
    border:2px solid #233441;

}

.idx-image-selection .fa-checkbox{
    background:#fff;
    position:absolute;
    left:18px;
    top:18px;
}

#idx_message_popup .idx_images_label{
    display:none;
}

#idx_message_popup.multi .idx_open_image{
    display:none;
}

#idx_message_popup.multi #idx_images_selection{
    display:none;
}

#idx_message_popup.multi #idx_img_ddate{
    display:none;
}

idx_img_ddate

.idx_prod_msg{
    display:none;
}

#idx_message_popup .idx_prod_msg{
    display:table-cell;
}

#idx_message_popup .idx_stat_msg{
    display:none;
}

#idx_message_popup .idx-result-ckbx {
    display: none;
}

#idx_message_popup .show_checkbx .idx-result-ckbx {
    display: block;
}

.idx_images_border{
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px 10px 10px 10px;
}

#idx_images_choice{
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#idx_images_choice{
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#idx_message_popup.multi #idx_images_choice{
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.idx_images_choice_label{
    position: absolute;
    background: #ffffff;
    top: -3px;
    padding: 0 5px;
}

.idx_images_checkbox{
    position:absolute;
    top: 8px;
    left: 8px;
}

.idx-round-icon{
    position: absolute;
    z-index: 1;
    width: 25px;
    border: 1px solid #f1f1f1;
    background: #fff;
    padding: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.5s, width 0.5s;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    right: 6px;top: 3px;
}

/* ******* status  ******** */

/* *************************** */
/* ******* inventory  ******** */
/* *************************** */

/* *************************** */
/* ******* Login Page ******** */
/* *************************** */


#login-container{
    position:absolute;
    top:40%;
    left:0;
    height:400px;
    width:100%;
    margin:0 0 0 0;
    background-image: url("https://img.gsmls.com/newsletter/ui/images/hero.jpg");
    background-size: 100%;
    background-position: 0% 50%;
    transform: translate(0%,-50%);
}

@media all and (max-height: 375px) {
    #login-container{
        position:relative;
        top:0;
        left:0;
        height:400px;
        width:100%;
        margin:0 0 0 0;
        background-image: url("https://img.gsmls.com/newsletter/ui/images/hero.jpg");
        background-size: 100%;
        background-position: 0% 0%;
        transform: translate(0%,0%);
    }
}

@media all and (max-width: 615px) {
    #login-container{
        background-size: 615px 400px;
        background-position: 0% 50%;
        top: 50%;
    }
}     

#login-container .inner{
    height:400px;
    padding:40px 20px 40px 20px;
}

@media all and (max-height: 375px) {
    #login-container .inner{
        height:360px;
        padding:0;
        
    }

    #bgo > .inner {
        margin:40px 0 0 0;
    }
}

@media all and (max-width: 1280px) {
    .login-logo h1 {
        margin: 0px 0 0 5px;
    }
}

.login-logo h1 {
    color: #fff;
    font-size: 33px;
    margin: 0px 0 0 0px;
    transition: font-size 0.5s;
    font-weight: 300;
}

.login-logo h1 span{
    font-size: 33px;
    margin: 0 0 0 0px;
    transition:font-size 0.5s;
}  

#bgo{
    background: rgba(35,52,65,0.3);
    height:100%;
    width:100%; 
}

.login{
    position: absolute;
    left: 50%;
    top: 50%;
    height:360px;
    background:rgba(255,255,255,1.0);
    width:400px;
    margin:0 auto 0 auto;
    padding:20px;
    border-radius: 5px;
    transform: translate(-50%,-50%);
}


@media all and (max-height: 375px) {
    .login{
        position: absolute;
        left: 50%;
        top: 50%;
        height:310px;
        background:rgba(255,255,255,1.0);
        width:400px;
        margin:0 auto 0 auto;
        padding:20px;
        border-radius: 5px;
        transform: translate(-50%,-50%);
    }
}

.logout{
    height:40%;
    background:rgba(255,255,255,0.9);
    width:450px;
    margin:0 auto 0 auto;
    padding:20px;
}

@media all and (max-width: 615px) {
    .login{
        width:98%;
    } 
} 

.login > header {
    float:left;
}

.login-warning{
    float:left;
}

.login-warning h3 {
    font-size: 14px;
    color:  rgba(220,93,84,1.0);
    margin:5px 0 10px 0;
}

.login-logo{
    position:absolute;
    top:-50px;
    left:10px;
    padding:0 10px 0 0;
}

@media all and (max-height: 375px) {
    .login-logo{
        top:-40px;
    }
}

@media all and (max-width: 615px) {
    .login-logo {
        width:350px;
    }   
}      

.login-btn{
    width:122px;
    margin:0 auto 0 auto;
    padding:10px 0  0 0;
    height:55px;
}

.login-btn.logout-btn{
    position: absolute;
    bottom:50px;
    left:50%;
    width:122px;
    margin:0 auto 0 auto;
    padding:10px 0  0 0;
    height:55px;
    transform: translateX(-50%);
}

.login-footer{
    width:100%;
    position:absolute;
    top:400px;
    left:0;
    padding:0 0 30px 0;
    text-align:center;
    color:#fff;
}

#login-container .login-footer .inner{
    padding:10px 20px 0px 20px;
    height:initial;
} 
    
#login-container .inner  input[type="text"],
#login-container .inner  input[type="password"]{
    width: 100%;
    height:45px;
    padding:5px;
    font-size: 20px;
    background: rgba(255,255,255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.4);
    margin:0 0 10px 0;
}

#login-container .inner  input[type="checkbox"] {
    display: inline;
}

#login-container .inner label {
    display:block;
    font-size:14px;
    font-weight:normal;
}

#login-container .inner .login h2{
    font-size:20px;
} 

#login-container .inner .login a{
    color:#233441;
} 

.for-pass, 
.rem-id{
    float:left;
    width:50%;
    position:relative;
}

.rem-id{
    text-align:right;
}

.links-container{
    width:100%;
    border-bottom:1px solid #fff;
}

.links-container section{
    padding:20px 0 20px 0
}

.links-container section:last-of-type a{
    margin:0;
    float:right;
}  

@media all and (max-width: 615px) {
    .links-container section:last-of-type a{
        margin:0;
        float:left;
    }  
}

.login-footer a {
    float:left;
    color:#fff;
}

.login-footer span{
    color:  rgba(220,93,84,1.0);
}

.login-footer a,
.login-footer span{
    margin:0 20px 0 0px;
    font-size:14px;
}

.login-footer-two  {
    margin:0 auto 0 auto;
}

.login-footer-three   {
    margin:0 0 0 auto;
}

.login-footer table tr td {
    text-align:left;
    padding:2px 5px 0 0;
    font-size:14px;
}

.login-footer table tr td h2 {
    font-size:14px;
}

@media all and (max-width: 768px) {

    .login-footer-two,
    .login-footer-three {
        margin:0 0 0 0;
    }

}

/* *************************** */
/* ******* Login Page ******** */
/* *************************** */

/* *************************** */
/* ***** Profile Wizard ****** */
/* *************************** */

.profile-wizard #sub-navigation-container {
    background: rgba(35,52,65,0.95);
    padding:5px 10px 0px 10px;
}

@media all and (max-width: 1300px) {
    .profile-wizard #sub-navigation-container {
        padding:5px 0px 0px 0px;
    }
}   

.profile-wizard .for_wizard {
    background: #fafafa;
    max-width: 1280px;
    margin: 0 auto 0 auto;
    padding:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

@media all and (min-width: 1921px) {
    .profile-wizard .for_wizard {
        max-width: 1680px;
    }
}

/* *************************** */
/* ***** Profile Wizard ****** */
/* *************************** */

/* *************************** */
/* ******* edit media ******** */
/* *************************** */

/** media upload ****/

.section-row.media-grid {
    padding:5px;
}

#fileupload_map,
#fileupload{
    display: none;
}

#fileupload_map.open,
#fileupload.open{
    display: block;
}

@media (max-width: 615px){
    .flex-row.img-row{
        justify-content: center;
    }
}

.round-icon {
    position:absolute;
    top:15px;
    z-index:1;
    width:25px;
    border: 1px solid #f1f1f1;
    background: #fff;
    padding:5px;
    -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
            border-radius: 50px;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.5s, width 0.5s;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.to-be-deleted .right.delete-revert {
    width: 115px;
    top:50%;
    left:50%;
    right:none;
    opacity: 1.0;
    transform: translate(-50%,-50%);
}

.round-icon.delete-revert i {
    margin-left:5px;
}

.round-icon i{
    margin:auto;
}

.media-grid .media-container {
    position: relative;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
     box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
        -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
            -o-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
                -ms-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    transition: all 0.5s;
}


.media-grid:hover .media-container {
     box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.45);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.45);
        -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.45);
            -o-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.45);
                -ms-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.45);
}

.media-grid:hover .round-icon{
    opacity: 1.0;
}

.media-grid.to-be-changed:hover .media-container{
    box-shadow: 0px 0px 16px 0px rgba(212, 196, 73, 0.8);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(212, 196, 73, 0.8);
        -moz-box-shadow: 0px 0px 16px 0px rgba(212, 196, 73, 0.8);
            -o-box-shadow: 0px 0px 16px 0px rgba(212, 196, 73, 0.8);
                -ms-box-shadow: 0px 0px 16px 0px rgba(212, 196, 73, 0.8);
} 

.media-grid.to-be-deleted:hover .media-container{
    box-shadow: 0px 0px 16px 0px rgba(255,143,129,0.8);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(255,143,129,0.8);
        -moz-box-shadow: 0px 0px 16px 0px rgba(255,143,129,0.8);
            -o-box-shadow: 0px 0px 16px 0px rgba(255,143,129,0.8);
                -ms-box-shadow: 0px 0px 16px 0px rgba(255,143,129,0.8);
}

.round-icon.left{
    left:10px;
}

.round-icon.right{
    right:10px;
}  

.round-icon.right-edit{  
    right:5px;
    top:5px;
}

.img-status{ 
    padding: 5px 10px;
    margin: -5px;
} 

.img-status i{ 
    color:#8fb175;
    margin-left:5px;
}

.img-status.inactive i{
    color: #dc5d54;
}  

.to-be-deleted .img-status.inactive i{
    color: rgba(220,93,84,1.0);
}     

.media-container{
    border: 1px solid #f1f1f1;
    background: #fff;
    padding:19px;
    width:100%;
}

.media-container.brandedflyer{
    padding:10px;
}

.media-grid-url .media-container{
    min-width: 100%;
    cursor: grab;
}

.media-container > header  {
    position: relative;
    border-bottom: 1px solid #ccc;
}

@media all and (max-width: 615px) {
       .media-container {
        min-width: 100%;
    }
}

.media-container table {
    padding:5px 5px 5px 5px;
}

.default-box > .inner > .flex-row > section .media-container tr td {
    padding:5px 0px 5px 0px;
}

.default-box > .inner > .flex-row > section .media-container table input {
    width: 100%;
}

.media-container textarea {
    width: 100%;
    resize: none;
    padding:5px 5px 5px 5px;
    background: #fff;
    border:1px solid #eee;
    transition: background 0.5s, border 0.5s;
}

.img-status-bar{
    background: #fafafa;
    padding:12px 10px 12px 10px;
    transition: background 0.2s;
    border: 1px solid #e5e6e9;
    position: relative;  
}

.add-image .img-status-bar{
    padding:10px 30px 10px 10px;
}

#message-box.image img{
    max-height: 380px;
}
  
#message-box.image{
    max-height:100%;
}

#message-box.image #message{
    height:487px;
}

.img-number {
    display: inline-block;
    word-break: break-all;
}
  

.to-be-changed .media-container{
    border:1px solid rgba(230,217,115,0.6);
}

.to-be-deleted .media-container{
    border:1px solid rgba(220,93,84,1.0);
}

.media-grid.to-be-deleted:hover .media-container{
    border:1px solid rgba(220,93,84,0.0);
}

.todelete .media-grid {
    width:200px;
}

.todelete .media-grid img {
    width:100%;
}

.todelete .media-grid .img-holder {
    min-height: 0;
}

.todelete .media-grid .round-icon {
    opacity: 1.0;
}

.todelete .media-grid .result-table {
    display: none;
}

#img-user-warning {
    background: #dc5d54;
    border-radius: 5px;
    margin: 0 10px;
}

#img-user-warning label,
#img-user-warning h2 {
    color:#f2f1f1;
    font-weight: 400;
}

@media all and (max-width: 768px) {
    #img-user-warning {
        margin:10px;
    }
}

#uploaded_cnt,
#deleted_cnt{
    font-size: 14px;
}

.fas.tmp-img-delete{
    display: none;
    position: absolute;
    right:10px;
    top:11px;
}

.fail-img-delete{
    color:#000;
    position: absolute;
    top:11px;
    right:10px;
}

.tmp-img-delete.active{
    display: inline-block;
}

.img-holder{
    /** background: #fafafa; */
    min-height: 195px;
    position: relative;
    text-align: center;
}

.img-holder img{
    max-height:192px;
}

@media all and (max-width: 615px) {
    .img-holder img{
        max-height:235px;
    }
}

.img-holder .dim-out {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background:rgba(51, 51, 51, 0.45);
    display: none;
}

.to-be-deleted .img-holder .dim-out{
    display: block;
}

.image-loading{
    margin:10px 0 0 0;
}

.image-loading .fa-spinner {
    margin-right:10px;
}

.image-loading.deactivate {
    display: none;
}
         
.text-danger{
    color:rgba(220,93,84,1.0);
    padding:10px 10px 10px 10px;
    min-height: 129px; 
    position: relative;
}

#files-profile,
#files-logo {
    position: relative;
    padding-left:5px;
}

#files-profile .fa-trash-alt,
#files-logo .fa-trash-alt {
    vertical-align: top;
    margin:5px 0 0 5px;
}

#files .text-danger p{
    margin-top:0;
    margin-bottom:10px;
}

#add-files-profile.disable,
#add-files-logo.disable{
    display: none;
}

.text-danger-title{
    padding:10px 10px 10px 10px;
    position: relative;
    border-bottom:1px solid #e5e6e9;
}

.text-danger-title h3{
    margin:0;
} 

.rotate-image{
    background: rgba(241,241,241,0.3);
    padding:5px 0px;
    height:38px;
    line-height: 23px;
    display: none;
}

.rotate-image.active{
    display: block;
    position: absolute;
    width: 100%;
    z-index: 11;
    background: transparent;
    top: 0;
    /**transform: translate(0%,-50%);*/
}

.rotate-image i {
    color: #233441;
    padding:5px;
    background:#fff;
    width:25px;
    border: 1px solid #f1f1f1;
    background: #fff;
    padding:5px;
    -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
            border-radius: 50px;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.5s, width 0.5s, background 0.2s;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.media-grid:hover .rotate-image i{
    opacity: 1.0;
}

.rotate-image i:hover {
    background:#fafafa;
}

.rotate-image > div{
    float:left;
    text-align: center;
    width: 100%;
    background:transparent;
    border-radius: 0px;
    padding:3px 3px;
    color: #333333;

}

.rotate-image .rotate-right {
    float:right;
}

.rotate-image .rotate-left {
    float:left;
}

.loading-image{
    position: absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    color:#fff;
    background:rgba(0, 0, 0, 0.4);
    display: none;
}

.loading-image.active{
    display: block;
}

.loading-image > div{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.image-fail{
    position: absolute;
    color: rgba(220,93,84,1.0);
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.image-fail-ownership{
    position: absolute;
    color: rgba(220,93,84,1.0);
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

#over-count-warning{  
    display:none; 
}

.updatedocuments{
    display: none;
}

.updatedocuments.show{
    display: block;
    animation:fadeIn 1s linear;
}

#img-uploaded{
    text-align: right;
    padding: 0 5px 0 0;
}
/** media upload ****/

/**** media sort ****/

#sortable {
    list-style-type: none; 
    margin: 0;
    padding: 0;
    width: 100%;
}

#sortable li { 
    margin: 3px 3px 3px 0;
    padding: 1px;
    float: left;
    width: 165px;
    height: 124px;
    font-size: 4em;
    text-align: center;
}

/**** media sort ****/


/*** virtual tour ***/


.search-vt-vendors{
    top: 15px;
    right: 5px;
    color: rgba(220,93,84,1.0);
    position: absolute;
}

#vt-box #custom-results{
    position: absolute;
    top:2px; 
    left:115px;
}

#vt-box #custom-results span {
    position: absolute;
    right: 6px;
    top: 9px;
    color: #dc5d54;
    cursor: pointer;
}

#vt-box .addVT {
    cursor: pointer;
}

.section-column header h2.pos-count {
    font-weight: 400;
}

#sortable > .media-grid:first-of-type .move-up{
    display: none;
}

#sortable > .media-grid:last-of-type .move-down{
    display: none;
} 

@media all and (min-width: 615px) {
    #sortable > .media-grid .move-up{
        transform: rotate(-90deg);
    }

    #sortable > .media-grid .move-down{
        transform: rotate(-90deg);
    }
}

/*** virtual tour ***/


/* *************************** */
/* ******* edit media ******** */
/* *************************** */

/* *************************** */
/* ******* email page ******** */
/* *************************** */

.flex-row > section .email-recipient table tr td{
    white-space:normal !important;  
    padding:5px 0 5px 0 !important;
}
    

.flex-row > section  .email-recipient{
    padding:0 0 5px 0;
}

.default-box > .inner > .flex-row > section table input.email-input{
    width:100%;
}

.flex-row > section  .email-recipient input{
    outline: none;
}

#email-message textarea,
#signature textarea {
    width: 100%;
}  

@media all and (max-width: 615px) {
    #email-message textarea {
        height: 40px;
    }

    #signature textarea {
        margin:5px 0 0 0;       
    }
}

#signature textarea {
    margin:5px 0 0 0;       
}

#editor1,
#editor1_new,
#editor_all,
#editor1_all {
    padding:10px;
    border:1px solid #ccc;
    min-height: 200px;
    background: #fff;
    margin-top:5px;
}

#editor_new {
    margin-top:5px;
}

#contact-list{
    position:absolute;
    left:30px;
    min-height:150px;
    max-height: 300px;
    overflow: auto;
    width:300px;
    padding:0px 0 0px 0;
    border-color: #e5e6e9 #dfe0e4 #ccc;
    z-index: 1;
    background: #fff;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow:    0px 0px 16px 0px rgba(50, 50, 50, 0.45);
    box-shadow:         0px 0px 16px 0px rgba(50, 50, 50, 0.45);
    clear:both;
}

#contact-list::-webkit-scrollbar{
    width: 7px;
    -webkit-appearance: none;
}

#contact-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
}

@media all and (max-width: 615px) {
    #contact-list{
        width:auto
    }
}

#contact-list ul {
    width: 100%;
    min-height:40px;
    padding:10px 5px;  
    cursor:pointer;
    margin:0;
    transition: background 0.5s
}

#contact-list ul > li{
    width: 100%;
    padding:2px 10px 2px 10px;  
    cursor:pointer;
}

#contact-list > div > div > .contact-selector{
    min-height:25px;
    line-height: 25px;
}

#contact-list ul:nth-of-type(odd):not(.contact-item-message){
    background: #f2f1f1;
}

#contact-list ul:hover:not(.contact-item-message){
    background:#cddde9;
}

#contact-list > div *{
    font-size:13px;
}

.contact {
    display: inline-block;
    padding:0 4px 4px 0px;        
}

.contact > div {
    background:#f2f1f1;
    border:1px solid #ccc;
    padding:4px 10px 5px 10px;  
}

.contact > div > span{
    padding:0 0 0 5px;  
    color:#939395;
    top:2px;
    cursor: pointer;
}

.openAllContacts{
    cursor:pointer;
    font-size: 14px;
}

.openAllContacts label {
    cursor: pointer;
    text-decoration: underline;
}

#addContact,
#allContacts {
    position: fixed;
    left:0;
    top:0;
    background: rgba(37,52,65,0.3);
    height: 100%;
    width: 100%;
    z-index: 31;
    padding:20px 0 20px 0;
    overflow: auto;
    display: none;
}

@media all and (max-width: 615px) {
    #addContact {
        padding:0 0 0 0;
      
    }
}

#addContact .inner,
#allContacts .inner {
    max-width:700px;  
    min-height:200px;
    background: #fff;
    margin:0 auto 0 auto;
    padding:10px 10px 70px 10px;
    top:50%;
    overflow:auto;
    -ms-transform: translate(0%,-50%); /* IE 9 */
    -webkit-transform: translate(0%,-50%); /* Safari */
    transform: translate(0%,-50%);
    border-radius:5px;
}

@media all and (max-width: 615px) {
    #addContact .inner { 
        width: 90%; 
        top:10px;
        -ms-transform: translate(0%,0%);
            -webkit-transform: translate(0%,0%);
            transform: translate(0%,0%);  
    }        
}

#addContact .inner select{
    height: auto;
}

#allContacts{
    padding:20px 10px 0 10px
}

#addContact .inner .content-table input,
#addContact .inner .content-table select,
#addContact .inner .content-table textarea{
    width:100%;
}

#addContact .inner .content-table .addContactLabel {
    width:75px;
}

#addContact .glyphicon-remove,
#allContacts .glyphicon-remove{
    position: absolute;
    right:20px;
    top:25px;
    cursor: pointer;
    font-size: 14px;
    z-index: 1;
}

#report-bug-box .glyphicon-remove {
    position: absolute;
    right:10px;
    top:15px;
    cursor: pointer;
    font-size: 14px;
    z-index: 1;
}

#allContacts .all-contacts-search {
    position: relative;
}

#allContacts .all-contacts-search .glyphicon-search {
    position: absolute;
    top:14px;
    right:15px;
    font-size: 15px;
}

#addContact .gs-btn {
    float:none;
}

#allContacts-header {
    position:relative;
    height:32px;
    margin:0 0 10px 0;
}

#allContacts-header > div {
    position: relative;
}

#allContacts-header input {
    padding:6px 20px 6px 6px;
    margin:0 0 0 0;
    min-width: 200px;
}

#allContacts-header .glyphicon-search{
    position: absolute;
    top:7px;
    right:0px;
    font-size: 16px
}


#allContacts-header select {
    float:right;
    padding:5px;
    width: 160px;
}


#allContacts-header > div > div > span{
    color:#FFF;
    font-size:12px;
    line-height:30px;
}

#allContactsOverflow{
    height:360px;
    overflow: auto;
}

#allContacts-footer > div{
    position:relative;
    float:left;
    width:50%;
    padding:20px 10px 10px 10px;
}

#allContacts-footer > div:first-child > div{
    float:right;
}

#open-category,
#open-source{
    padding:10px;
}

#open-category.open,
#open-source.open{
    background: #fafafa;
}

#open-category.icon_hover.open,
#open-source.icon_hover.open{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

/**
#source-container table tr th{
    font-weight:normal;
}

#source-container {
    padding:0;
    height: 140px;
    overflow: auto;
}

#source-container table{
    border-top:1px solid #ccc;
}

#source-container .default-table {
    margin:0 0 0 0;
}

#source-container  table tr td:nth-of-type(1),
#source-container  table tr td:nth-of-type(2),
#source-container  table tr td:nth-of-type(3) {
    text-align: center;
    width: 24px;
}

#source-header {
    width:100%;
}   

#source-header div{
    display:block;
    float:left;
    width:50%;
    margin: 0 0 0 0;
    padding:10px 0 10px  5px;
    cursor:pointer;
    white-space: nowrap;
}

#source-header .category {
    border-top-left-radius: 5px;
}

#source-header .source {
    border-top-right-radius: 5px;
}

#source-header div a{
    font-size: 14px;
    line-height: 17px;
    height: 17px;
    color: #233441;
    text-decoration:underline;
    margin:5px 0 5px 5px;
    font-weight: 600;
}

#source-header .active {
    background: #f1f1f1;
}

#source-header .active a{
    text-decoration: none;
} 

#source-container #sources  tr th:not(:last-child),
#source-container #category  tr th:not(:last-child){
    width:20px;
}   

#signature select{
    width:100%;
}

#contact-list > div a{
    color:#233441;
    font-size: 14px;
    font-weight: 400;
}

/* *************************** */
/* ******* email page ******** */
/* *************************** */

/* *************************** */
/* ******* email logs ******** */
/* *************************** */

.date-controls {
    position: absolute;
    right:10px;
    top:0;
}

@media (max-width: 615px){
    .section-column header h2.email-logs-title{
        visibility: hidden;
    }
}

/* *************************** */
/* ******* email logs ******** */
/* *************************** */

/* *************************** */
/* ******** tool tip ********* */
/* *************************** */

#helpHover{
    position: fixed;
    bottom:10px;
    right:25px;
    width:35px;
    height:35px;
    line-height: 35px;
    color:#fff;
    background: rgba(120,182,201,0.9);
    text-align: center;
    z-index: 5;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 
                0 1px 5px 0 rgba(0,0,0,.12), 
                0 3px 1px -2px rgba(0,0,0,.2);  
    -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
            border-radius: 50px;
    transition: all 0.5s;        
}

.tooltip {
    background-color: rgba(97,97,97,0.902);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 22px;
    opacity: 1;
    padding: 0 8px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: scale(1,1) translateY(0);
    transform: scale(1,1) translateY(0);
    -webkit-transition: transform 200ms cubic-bezier(0.24,1,0.32,1),opacity 50ms linear;
    transition: transform 200ms cubic-bezier(0.24,1,0.32,1),opacity 50ms linear;
    white-space: nowrap;
    z-index: 5000;
    word-break: break-all;
    word-break: break-word;
}

.tooltip-hidden{
    opacity: 0;
    -webkit-transform: scale(0,0.5) translateY(-50px);
    transform: scale(0,0.5) translateY(-50px);
    -webkit-transition: opacity 70ms linear;
    transition: opacity 70ms linear;
}


.tooltip-hover{
    cursor: pointer;
}

.info-hover{
    cursor: pointer;
} 

.menu-info-hover{
    padding: 0 5px 0 0;
}

div.infotip {
    top:-1000px;
    left:-1000px;
    position: absolute;
    max-width: 375px;
    line-height: 20px;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    color: #000;
    background: rgb(255, 255, 255);
    border: 1px solid #ddd;
    border-radius: 5px;
    text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
    box-shadow: 2px 3px 10px 0px rgba(50, 50, 50, 0.66);
    opacity: 0.0;
    z-index: 32;
    transition: opacity .5s;
    min-height:80px;
}  

.infotip .info-inner {
    height: 100%;
    overflow: auto;
}

div.infotip.active {
    opacity: 1.0;
}

.infotip:after, .infotip:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  
}

.infotip.offset_down:after, .infotip.offset_down:before {
    top: 20%;
}

.infotip.offset_up:after, .infotip.offset_up:before {
    top: 80%;
}

.infotip:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.infotip:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ddd;
    border-width: 13px;
    margin-top: -13px;
}

div.infotip.openleft {
    transform: translate(-100%,0%);
    box-shadow: -2px 3px 10px 0px rgba(50, 50, 50, 0.66);
}

.infotip.openleft:after, .infotip.openleft:before {
   left: 100%;
   transform:rotate(180deg);
} 

.infotip ul li {
    list-style-type: circle;
} 

.infotip ol li {
    list-style-type: lower-roman;
} 

/* *************************** */
/* ******** tool tip ********* */
/* *************************** */


/* *************************** */
/* ********* download ******** */
/* *************************** */

#downloadcontacts #primary-category-list,
#downloadcontacts #primary-source-list {
    height: 230px;
    overflow-y:scroll;
}

#downloadcontacts #contact-download-list {
    height: 530px;
    overflow-y:scroll;
}

.check-all-right,
.uncheck-all-right{
    display: inline-block;
    margin: 0 0 0 5px;
}

.check-all-right *,
.uncheck-all-right * {
    cursor: pointer;
}    

.uncheck-all-right { 
    display: none;
}

/* *************************** */
/* ********* download ******** */
/* *************************** */

/* *************************** */
/* ***** report a problem **** */
/* *************************** */

#report-bug-container{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(36,53,65,0.3);
    z-index: 20;
    display: none;
}

#report-bug-box{
    position: relative;
    max-width:400px;
    margin:100px auto 0 auto;
    background: #fff;
    padding:20px 15px 70px 15px;
    border-radius: 5px;
}

#report-bug-box select,
#report-bug-box textarea,
#report-bug-box .content-cell input,
#report-bug-box td:last-child{
    width:100%;
    font-size: 14px;
}

#report-bug-box label{
    margin:0;
    white-space: nowrap;
    padding:0 0 0 0;
}

#current-page,
#current-agent{
    padding:2px 2px 2px 5px;
    text-transform: capitalize;
}

#report-bug-box .gs-btn{
    float: initial;
}

#bug-desc{
    vertical-align: top;
}

#txarea-bug-desc{
    padding:10px;
}

/* *************************** */
/* ***** report a problem **** */
/* *************************** */

/* *************************** */
/* ****** review images ****** */
/* *************************** */

.reviewimages .flex-row .section-column{
    margin:10px 0;
}

@media all and (max-width: 615px) {
    .reviewimages .flex-row .section-column img{
        max-width:100%;
        max-height:100%;
        height: auto;
        width:auto;
    }
}

.reviewimages .flex-row{
    border-bottom:1px solid #ccc;
}

.reviewimages .flex-row:nth-of-type(odd) {
    background: #f1f1f1;
}

#rejectiondata{
    visibility: hidden;
}

/* *************************** */
/* ****** review images ****** */
/* *************************** */

/* *************************** */
/* ****** notice history ***** */
/* *************************** */

#notice-history .notice-containers{
    border-bottom: 1px solid #ddd;
}  

/* *************************** */
/* ****** notice history ***** */
/* *************************** */

/* *************************** */
/* **** SLIDE CONTAINERS ***** */
/* *************************** */

.slide-container-header {
    background: #fff !important;
    border-bottom: 1px solid #ddd;
}

.slide-container-header header{
    border: 0px solid #ddd;
}

/* *************************** */
/* **** SLIDE CONTAINERS ***** */
/* *************************** */

/* *************************** */
/* ******** CKEditor ********* */
/* *************************** */

#cke_stsigtext,
#cke_newsignature,
#cke_signature{
    box-sizing: border-box !important;
    border-color: #eee !important;
}

.cke_top {
    border-bottom: 1px solid #eee !important;
}  

.cke_bottom {
    border-top: 1px solid #eee !important;
}

/* *************************** */
/* ******** CKEditor ********* */
/* *************************** */

/* *************************** */
/* ******** RatePlug ********* */
/* *************************** */

#rateplugfrm{
    border:0;
    width:100%;
    height:300px;
}

/* *************************** */
/* ******** RatePlug ********* */
/* *************************** */

/* *************************** */
/* ******** municipal ******** */
/* *************************** */

#municipal-stats-instructions,
#municipal-stats{
    display: none;
}

#municipal-stats-instructions.show,
#municipal-stats.show{
    display: block;
    animation: fadeIn 0.5s;
}

/* *************************** */
/* ******** municipal ******** */
/* *************************** */

/* *************************** */
/* ******* GSMLS info ******** */
/* *************************** */

.gsmlsadinfo a{
	color:#7893ae;
	font-size:14px;
}

.ulgsmlsadinfo li{
	font-size:14px;
	padding-bottom:10pt;
}

.ulgsmlsadinfo{ 
    padding-inline-start: 0px;
    text-align: left;
}

/* *************************** */
/* ******* GSMLS Info ******** */
/* *************************** */

/* *************************** */
/* **** custom one liner ***** */
/* *************************** */

#oneliner .ui-sortable .selected{
    background:rgba(120, 147, 174, .6);
}

.ui-draggable-helper td{
    padding:10px;
    background:rgba(120, 147, 174, .6)
}

.ui-draggable-helper td{
    background:rgba(120, 147, 174, .6) !important;
}

.ui-draggable.marked td{
    background:rgba(255,217,0, 0.5) !important;
}

.ui-sortable-helper .oneline-action-add{
    display:none;
}

.dragdrop-container{
    background:#fff;
    height:300px;
    overflow:auto;
}

/* *************************** */
/* **** custom one liner ***** */
/* *************************** */

/* *************************** */
/* ***** online training ***** */
/* *************************** */

#onlinetraining-box-container #training-topic-title,
#onlinetraining-box-container #training-topic-title span{
   font-size: 28px;
   font-weight: 500;
}

@media all and (max-width: 1024px) {
    #onlinetraining-box-container #training-topic-title,
    #onlinetraining-box-container #training-topic-title span{
        font-size: 24px;
    }
}

#onlinetraining-box-container .message-title {
    font-size: 18px;
}

.lesson-edit {
    display:none !important;
    margin-right:5px;
    color:#233441;
    font-size:20px;
    margin:5px 0 0 0;
}

.lesson-add,
.lesson-delete {
    display:none !important;
    margin-right:5px;
    color:#233441;
    font-size:20px;
    margin:5px 15px 0 0;
}

.onlinetraining-staff .lesson-add,
.onlinetraining-staff .lesson-delete,
.onlinetraining-staff .lesson-edit {
    display:inline-block !important;
}

#newonlinetopic-box .onlinetopicedit{
    display: none;
}

#newonlinetopic-box.edit .onlinetopicnew{
    display: none;
}

#newonlinetopic-box.edit .onlinetopicedit{
    display: inline-block;
}

/**** input menu left ****/

.section-column.onlinehelp-menu-left-container {
    padding:0 10px 0 0;
    border-top:0px solid #ddd;
    border-left:0px solid #ddd;
    border-bottom:0px solid #ddd;
}

.onlinehelp-menu-left-container #input-menu-left{
    padding: 0px;
    margin:0px;
    width: 100%;
    border-top:0px;
    border-bottom:0px solid #ddd;
    border-right:0px solid #ddd;
}

.onlinehelp-menu-left-container #input-menu-left header{
    padding:5px 0 5px 10px;
    border-left:0px solid #ddd;
    border-right:0px solid #ddd;
    background:#fafafa;
} 

.onlinehelp-menu-left-container #input-menu-left header h2{
    margin:5px 0  5px 0;
} 

.onlinehelp-menu-left-container #input-menu-left header h2 span{
    font-size: 14px;
    color: #233441;
    font-weight: 600;
} 

.onlinehelp-menu-left-container #input-menu-left ul {
    padding: 0 0 0 0px;
} 

.onlinehelp-menu-left-container #input-menu-left ul li{
    font-size: 14px;
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    border-top:1px solid #ddd;
    font-weight: 300;
    background: #fafafa;
    position: relative;
    transition: background 0.3s;
}   

#lesson_video{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#lesson_topics {
    overflow: auto;
}

#lesson_topics::-webkit-scrollbar{
    width: 7px;
    -webkit-appearance: none;
}

#lesson_topics::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
}

.q_box{
    display:none;
    animation:fadeIn 0.2s linear;
}

.q_box.active{
    display:block;
}

.training-mobile-menu{
    display: none;
}

@media all and (max-width: 1024px) {
    .onlinehelp-menu-left-container #input-menu-left{
        border: 0px solid #ddd; 
    }

    .onlinehelp-menu-left-container #input-menu-left #lesson_topics li.selected {
        display: list-item;
    }
    
    .onlinehelp-menu-left-container #input-menu-left header{
        padding-left:45px
    }

    .section-column.onlinehelp-menu-left-container {
        background: #fafafa;
    }

    #lesson_topics{
        position: absolute;
        top:35px;
        left:0;
        z-index: 1;
        border:1px solid #ddd;
        background:#fff;
        display:none;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        animation:fadeIn 0.2s linear;
    }

    #lesson_topics.show{
        display:block;
    }

    #lesson_topics::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
    }

    /** ul dropdown */
    .training-mobile-menu{
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        background: #fafafa;
        height: 36px;
        width: 36px;
        text-align: center;
        line-height: 37px;
        transition: background .5s;
        border-right: #ddd solid 0px;
    }

    .training-mobile-menu:hover{
        background:#ddd;
        cursor: pointer;
    }
}

@media all and (max-width: 615px) {
    #onlinetraining-box-container #training-topic-title, #onlinetraining-box-container #training-topic-title span {
        font-size: 20px;
    }
}

.online-class-topics i{
    background: transparent;
    height: 32px;
    line-height: 32px;
    width: 30px;
    margin: -8px -7px 0 0;
    text-align: center;
    vertical-align: middle;
    border: 10px;
}

.online-class-topics i.fa-hide{
    display:none;
}

.online-class-topics.selected i{
    margin: -8px -4px 0 0;

}

.reorder-lessons{
    display:none !important;
}

.onlinetraining-staff .reorder-lessons {
    display:inline-block !important;
}

.reorder-lesson-buttons{
    display:none;
}

.reorder-lesson-buttons.active{
    display:block;
}


.onlinehelp-menu-left-container #input-menu-left ul li:hover:not(.selected){
    background: #eeeeee;
}

.onlinehelp-menu-left-container #input-menu-left .online-class-topics.selected{
    background: #fff;
    color:#2d96ec;
    font-weight: 600;
    border-right:0;
    border-left: 4px solid #456885;
    padding: 8px 7px 8px 10px;
}

.onlinehelp-menu-left-container #input-menu-left .selected.warn{
    border-right: 4px solid rgba(220, 93, 84);
}

.onlinehelp-menu-left-container #input-menu-left .selected.warn::after{
    border-left: 6px solid rgba(220, 93, 84);
}

/* *************************** */
/* ***** online training ***** */
/* *************************** */

/* ********************** */
/* ***** newsletter ***** */
/* ********************** */

#html_body li{
    list-style-type: inherit;
}

.gsmls_nl_header,
.gsmls_nl_header b,
.gsmls_nl_header i,
.gsmls_nl_header strong,
.gsmls_nl_header span {
    font-family: 'Open Sans', sans-serif !important;
    font-size:17px !important;;
}

.gsmls_nl_ol li,
.gsmls_nl_ul li,
.gsmls_nl_p,
.gsmls_nl_p b,
.gsmls_nl_p i,
.gsmls_nl_p strong,
.gsmls_nl_p span{
    font-family: 'Open Sans', sans-serif !important;
    font-size:14px !important;
    line-height: 130% !important;
}

/* ********************** */
/* ***** newsletter ***** */
/* ********************** */


/* *************************** */
/* ********* billing ********* */
/* *************************** */

#iframe_holder{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:9999999;
    padding:50px;
    overflow: auto;
}

#paybill-btn{
    visibility: hidden;
}

#add_payment{
    position: absolute;
    width:770px;
    height:750px;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}

@media all and (max-width: 750px) {
    #add_payment{
        width:440px;
    }
}

@media all and (max-height: 750px) {
    #add_payment{
        position: absolute;
        left: 50%;
        top: 5px;
        transform: translate(-50%,0%);
    }
}

/* *************************** */
/* ********* billing ********* */
/* *************************** */

/* *************************** */
/* ********** help *********** */
/* *************************** */

.more-help-topics {
    cursor: pointer;
    margin:10px 0 0 0;
    font-weight: 600;
}

.more-help-topics span{
    font-size:12px;
}

.more-help-topics .fa-external-link {
    margin:0 0 0 5px;
    vertical-align: 1px;
}

#help-box-container input{
    width:100%;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding: 10px 45px 10px 10px;
    margin: 0;
}

#help li,
#help-box-container li{
    list-style-type:initial;
    margin:5px 0;
}

#help ol li,
#help-box-container ol li{
    list-style-type:decimal;
}

#help-details{
    padding:10px;
    max-height: 400px; 
    overflow-y: scroll;
    border:1px solid #ddd;
}

#help-details .help-lvl-0:hover,
#menutreediv .help-lvl-0:hover,
#menutreediv .help-topic:hover{
    background: rgba(120, 182, 201, .3);
    cursor: pointer;
}

#help-details .help-lvl-0 *:hover,
#menutreediv .help-lvl-0 *:hover,
#menutreediv .help-topic *:hover{
    background: rgba(120, 182, 201, .3);
    cursor: pointer;
}

#help .help-video,
#help-box-container .help-video,
#help-box-container .help-navigation,
#help .help-navigation-full{
    height: 0;
    overflow: hidden;
    transition: height .5s;
    padding:0 10px;
}

#help-box-container .help-navigation {
    background: href;
}

#help-box-container #page-name i {
    font-size: 14px;
}

#help .help-navigation-full{
    padding:0 3px;
}

#help-box-container .help-navigation {
    padding: 0 15px;
}

#help-box-container .help-video.open {
    height: 220px;
}   

#help .help-video.open{
    height: auto;
    margin:0 0 10px 0;
    padding:0;
}

#help-box-container .help-navigation.open,
#help .help-navigation-full.open {
    height: 33px;
    line-height: 33px;
    margin:0 0 0 0;
    border-top:1px solid #ddd;
}

#help .help-navigation-full.open {
    margin:20px 0 0 0;
}

#helpContentsContainer p,
#helpContentsContainer p *,
#help-details p,
#help-details p *{
    font-size:13px !important;
}

#menutreediv{
    margin:10px 0 0 0;
    border:1px solid #ccc;
    overflow-y:auto;
}

@media all and (max-width: 768px) {
    #menutreediv{
        max-height: 200px;
    }

    #helpContents{
        height: auto !important;
    }
}   

#menutreediv a{
    width: 100%;
    cursor: pointer;
}

#helpContents{
    background: #fff;
    border:1px solid #ccc;
    padding:10px;
    overflow-y:auto;
    margin:0 0 0 0;
}

#help header h2 {
    font-size: 24px;
}

@media all and (max-width: 615px) {
    #help header h2 {
        font-size: 14px;

    }
}    

#helpContentsTitle{
    height:40px;
}

#helpContentsTitle h2 {
    font-size: 24px;
    margin: 2px 0 10px 0;
}

@media all and (max-width: 615px) {
    #helpContentsContainer{
        margin-top:10px;
    }

    #helpContentsTitle h2 {
        font-size: 14px;
        margin: 8px 0 10px 0;
    }
}

#menutreediv label {
    color:#000;
}

#menutreediv .fas{
    font-size: 12px;
    margin-right:20px;
}

#help-details .help-lvl-0 .fas{
    font-size: 12px;
    margin-right:20px;
}

#helpsearch .fa-search{
    position: absolute;
    right:5px;
    top:8px;
    font-size:18px;
}

.help-lvl-0 {
    padding:12px 10px;
    line-height:24px;
    border-bottom:1px solid #e5e6e9;
    font-size:14px;
}

.help-lvl-1 {
    padding:12px 30px;
    line-height:24px;
    border-bottom:1px solid #e5e6e9;
    font-size:14px;
}

.help-lvl-2 {
    padding:12px 56px;
    background:#e5e6e9;
    line-height:24px;
    border-bottom:0px solid #e5e6e9;
    font-size:14px;
}

.help-lvl-3 {
    padding:12px 82px;
    background:#ccc;
    line-height:24px;
    border-bottom:0px solid #e5e6e9;
    font-size:14px;
}

.help-lvl-4 {
    padding:12px 108px;
    background:#e5e6e9;
    line-height:24px;
    border-bottom:0px solid #e5e6e9;
    font-size:14px;
}

.help-selected{
    background: #b8dcf1;
}


#cke_helptext {
    width: initial !important; 
}

#help-edit-title {
    margin-top:0;
    margin-bottom:10px;
    margin-left:5px;
    text-align: left;
}

#remove-show-video.hide,
#show-video.hide{
    display: none;
}

#help-box-container .edit-icon span,
#help .edit-icon span,
#notice-history .edit-icon span  {
    margin:0 0 0 10px;
}

/* *************************** */
/* ********** help *********** */
/* *************************** */

/* *************************** */
/* **** listing & closing  *** */
/* *************************** */

#closingplan p,
#listingplan p{
    display: none;
}

/* *************************** */
/* **** listing & closing  *** */
/* *************************** */

/* *************************** */
/* ******** userissue ******** */
/* *************************** */

#bug-table{
    width: 100%;
}

#bug-table tr td{
    padding:5px;
    text-align: left;
}

#bug-table tr td:first-child{
    width:95px;
    white-space: nowrap;
}

#bug-table tr td:last-child{
    word-break: break-all;
}

#bug-table tr td textarea{
    width: 100%;
}

.tagname {
    color:rgba(120,182,201,1.0);
}

#xmlViewRaw{
    padding:10px;
    width: 100%;
    min-height: 200px;
}

#issuelist .result-table .result-row{
    cursor: pointer;
}
/* *************************** */
/* ******** userissue ******** */
/* *************************** */

/* *************************** */
/* ****** fax-coverpage ****** */
/* *************************** */

.fax-coverpage main.no-hero-no-header .inner{
    background: #fff;
    border-radius: 5px;
}

.fax-coverpage main.no-hero-no-header{
    margin-top:10px;
    background:#233441;
}   

@media (min-width: 1280px){
    .fax-coverpage header.page-header {
        padding: 0 0 0 0px;
    }
}

/* *************************** */
/* ****** fax-coverpage ****** */
/* *************************** */

/* *************************** */
/* ****** Oneline Page ******* */
/* *************************** */

.clone-option td:nth-of-type(2) {
    border-left: 2px solid rgba(102,175,233, 0.7) !important;
}

.clone-option td:nth-of-type(4) {
    border-right: 2px solid rgba(102,175,233, 0.7) !important;
}

.clone-option td {
    border-top: 2px solid rgba(102,175,233, 0.7) !important;
    border-bottom: 2px solid rgba(102,175,233, 0.7) !important;
    padding: 0 20px 0 0 !important;
}

.clone-option td:first-child,
.clone-option td:last-child{
    display: none;
}

.clone-option tr.ui-draggable-dragging{
    cursor: move;
}

#options-oneliner{
    overflow: auto;
    max-height: 300px;
}

/* *************************** */
/* ****** oneline Page ******* */
/* *************************** */

/* *************************** */
/* ****** contact page ******* */
/* *************************** */

#category-edit,
#source-edit{
    display:none;
}

#contact-message-box header {
    width: 100%;
}

#contact-name{
    margin:0 0 0 0px;
}

#allListings-section {
    display: none;
}

.glyphicon-plus-sign {
    font-size: 16px;
    color:rgba(220,93,84,1.0);
    cursor: pointer;
    transition: all 200ms ease-in-out;
}

.glyphicon-plus-sign:hover {
    color:  rgba(220,93,84,0.9);  
}

.openAutoEmail .clearfield{
    float:left;
}
 
.activation-label {
    margin: 0 25px 0 0;
    float:left;
}

.autoemail-section-label {
    font-size: 1.0em;
}

#autoemail-message-box  .section-column .selection-item {
    background: #fff !important;
}

#category,
#sources {
    max-height: 395px;
    overflow: auto;
    display:none;
}

#category.active,
#sources.active{
    display:table;
    animation:fadeIn 0.3s linear;
}



#primary-category-list table tr td,
#primary-source-list table tr td,
#add-category-list table tr td,
#add-source-list table tr td,
#listing-confirmation > table tr td,
#cart-list tr td{
    padding: 5px 5px;
}

#cart-list tr th {
    white-space: nowrap;
}

/* *************************** */
/* ****** contact page ******* */
/* *************************** */

/* *************************** */
/* ********** profile ******** */
/* *************************** */


#editmyprofile .signature-box input[type=radio]{
    margin: 5px 5px 0 0;
    vertical-align: middle;
    float: left;
}

#dis_shortcuts .selection-item input[type=checkbox] {
    margin:2px 2px 0 0;
}

#dis_saved .selection-item,
#dis_shortcuts .selection-item {
    padding:5px 0 5px 10px !important;
}

#dis_saved .selection-item:nth-of-type(odd),
#dis_shortcuts .selection-item:nth-of-type(odd) {
    background: #f1f1f1;
}

.export-checkbox-container input[type=checkbox]{
    display: block;
}

#password-box input[type=password]{
    min-width: 236px;
}

@media all and (max-width: 615px) {
    #editmyprofile  select:not('.tab-mobile-menu') ,
    #editmyprofile  input[type="text"],
    #editmyprofile  input[type="password"]{
        width: 100%;
    }
}

#editmyprofile .profile-section.inactive{
    display: none;
}

#emailOtherExp1text,
#emailOtherExp2text,
#emailOtherExp3text {
    min-width: 120px;
}

#editmyprofile .edit{
    position: absolute;  
    top:7px;
    right:10px; 
    font-size: 16px;
    color: rgba(120,182,201,1.0);
    cursor: pointer;
    display: none;
}

#editmyprofile .profile-section.open-profile-page{
    position: relative;
    padding-top:0px;
    width:100%;
    animation: fadeIn 0.5s linear;
}

#l-photo,
#o-photo,
#b-photo {
    width: min-content;
}

@media all and (min-width: 615px) {
    #pref .fg-lg-10 {
        max-width: 320px !important;
    }
}

#editmyprofile .default-box > .inner > .flex-row > section tr td {
    padding:2px 2px 2px 2px;
    height:35px;
}

.msg-template-container,
.display-signature {
    padding: 10px 0;
    background: #fff;
    height: 250px;
    overflow-x: auto;
    overflow-y: auto;
    cursor: pointer;
}

@media all and (max-width: 768px) {
    .display-signature {
        min-width: 0;
    }    
}

#editmyprofile .default-box > .inner > .flex-row .signature-wrapper,
#editmyprofile .default-box > .inner > .flex-row .banner-outer-container{
    padding:10px;
    width:100%;
    border-top: 1px solid #ccc;
    border-top:0;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    -o-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    -ms-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.0);
    transition: all 0.5s;
}


#editmyprofile .default-box > .inner > .flex-row .signature-wrapper:hover,
#editmyprofile .default-box > .inner > .flex-row .banner-outer-container:hover{
    box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1);
    -o-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1);
    -ms-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.1); 
}

.banner-inner-container{
    margin:10px 0;
}

.banner-image{
    padding:10px 10px 0 0;
}

.display-signature.banner-container{
    height:auto;
}

#editmyprofile .default-box > .inner > .flex-row .signature-wrapper header,
#editmyprofile .default-box > .inner > .flex-row .banner-outer-container header{
    position: relative;
    border-bottom:1px solid #ccc; 
}


#profile-message-box .button-container .gs-btn-two:last-child,
#edit-defaults-box .button-container .gs-btn-two:last-child,
#contact-message-box .button-container .gs-btn-two:last-child{
    margin:0 0 0 18px;
}

#profile-message-box h2 {
    margin-top:6px;
}

#shortcuts,
#saved-searches{
    display: none;
}

.shortcut-list-container,
.search-list-container {
    min-height: 100px;
}

#shortcut-list,
#search-list {
    padding:0 0 0 0px;
    width: 100%;
    margin:0;
}

#shortcut-list li,
#search-list li{
    padding:5px 0 5px 5px;
}    

#shortcut-list li:nth-child(odd),
#search-list li:nth-child(odd) {
    background: #f1f1f1;
}

#edit-defaults-box section {
    display: none;
}

#edit-defaults-box section.active {
    display: block;
}

#dis_saved ul li,
#dis_shortcuts ul li,
.selected-shortcuts,
.selected-saved{
    padding:5px;
}

#dis_saved ul li:nth-child(odd),
#dis_shortcuts ul li:nth-child(odd),
.selected-shortcuts:nth-child(odd),
.selected-saved:nth-child(odd){  
    background: #f1f1f1;
}

.selected-shortcuts .glyphicon-remove,
.selected-saved .glyphicon-remove{
    float: right;
    font-size:14px;
    cursor: pointer;
}

#dis_saved ,
#saved-selected ,
#dis_shortcuts ,
#shortcuts-selected {
    max-height: 200px;
    overflow:auto;
}

/***** new ******/

.profile-banner .row {
    border:1px solid #f1f1f1;
    background:#fff;
    border-radius:5px;
    height:100%;
}  

.profile-percentage-progress-table{
    margin:auto;
}
  
.profile-percentage{
    font-size: 35px;
    margin-top:0;
}

.percentage-mobile-label{
    display:none;
}

.percentage-num-value {
    font-size: 35px;
}

@media all and (max-width: 768px) {
    .percentage-desktop-label{
        display:none;
    }

    .percentage-mobile-label{
        display:inline;
    } 

    .profile-percentage{
        font-size: 13px;
        margin-bottom:0;
    }

    .percentage-num-value {
        font-size: 13px;
    }

    .profile-percentage-progress-table{
        margin-top:10px;
        white-space: nowrap;
    }

    .percentage-desktop-percentage{
        display: none;
    }
}

.profile-percentage-progress-container{
    background:#ddd;
    height:5px;
    width:100%;
}

.profile-percentage-progress{
    background:#8fb175;
    width:0;
    height:5px;
    transition: width 0.5s;
}

.profile-percentage-progress.warn{
    background:rgb(220, 93, 84);
}

#expand-mobile-profile{
    position: absolute;
    right: 0;
    top: 8px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    background: #eee;
    padding: 2px 5px;
    display: none;
}

.default-box > .inner > .flex-row  > section .profile-banner{
    padding: 10px 0 0 0;
}

@media all and (max-width: 768px) {
    .default-box > .inner > .flex-row > section .section-inner.profile-banner table.table-fixed{
        width:100%;
        table-layout: initial;
   }    
}

#editmyprofile .default-box > .inner > .flex-row > section > .profile-banner tr td {
    padding:2px 2px 2px 2px;
    height:15px;
}

.profile-banner .glyphicon-triangle-bottom {
    position: absolute;
    right:0;
    top:13px;
    display: none;
}

#profile-banner-photo {
    max-height: 90px;
}

@media  (max-width: 768px) and (min-width:615px){ 
    .profile-status{
        margin-left:110px;
    }
}

.mls-current-status{
    background: href;
    border-radius:5px;
    padding:0px 10px 5px 10px;
}

@media all and (max-width: 615px) {
    .mls-current-status{
        margin:10px 0 0 0;
    }
}

.mls-current-status tr td:first-of-type{
    white-space: nowrap;
}

#profile-banner-photo-wrapper{
    width:80px;
    vertical-align: middle;
    padding:2px 5px 2px 2px !important;
}

.img-circle {
    height:100px;
    width:100px;
    border-radius: 3px;
    margin:0 10px 0 0;
    background-position: center;
    background-repeat:no-repeat;
}

@media all and (max-width: 768px) {
    #profile-banner-photo {
        max-height: 100px;
    }

    .profile-banner-right {
        float:left;
    }
}    

@media all and (max-width: 615px) {
    #profile-banner-photo-wrapper{
        width: 0;
        padding:0 !important;
    }

    #profile-banner-photo-wrapper .img-circle{
        display: none;
    }

    #profile-banner-photo{
        display: none;
    }             
}

.export-checkbox-container {
    height: 33px;
    padding:8px 0 0 4px;
}

.resend-confirmation-email-CONFIRMED{
    visibility: hidden;
}

.resend-confirmation-email-UNCONFIRMED{
    visibility:visible;
}

.select-photo-wrapper{
    height:36px;
}

.signature-box {
    position: relative;
    float:left;
    margin:10px 0 10px 0;
    padding:0 10px 0 10px;

}

@media all and (max-width: 768px) {
    .signature-box,
    .banner-box {
        min-width: 100%;
    }    
}

.edit-icon{
    position: absolute;
    right:15px;
    top:6px;
    cursor: pointer;
    z-index: 1;
}

.edit-icon span {
    font-size: 16px;
    padding:5px;
    border-radius: 5px;
    transition: background .5s;
}

.edit-icon span:hover {
    background:#eee;
}

#editmyprofile .glyphicon-trash {
    margin-right: 10px;
}

#password-box{
    width:238px;
    margin:15px auto 0 auto;
}

#password-error-message{
    text-align: center;
    margin:10px 0 0 0;
    color:#dc5d54;
}

#confirm_mobile_container.disabled {
    display:none;
    opacity: 0.0;
}

#confirm_mobile_container.active {
    display: block;
    animation:fadeIn 0.3s linear;    
}

/* *************************** */
/* ********** profile ******** */
/* *************************** */


/* *************************** */
/* ***** gallery results ***** */
/* *************************** */

.galleryview .gallery-row {
    position: relative;
    display: flex; /* new; nested flexbox */
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
           -ms-flex-wrap: wrap;
    flex-direction: row;
        -ms-flex-direction: row;
           -webkit-flex-direction: row;
    padding: 2px 5px 2px 5px;
    margin:0 0 2px 0;
}

.galleryview .flex-row.gallery-row-divider{
    border-top:1px solid #f1f1f1;
    margin-top:5px;
    padding:10px 5px 0 5px;
}

.galleryview .flex-grow-default {
    flex-grow:1;
}

.galleryview .gallery-row.justify-end {
    justify-content: flex-end;
}

.galleryview .gallery-row.flexnowrap {
    flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
           -ms-flex-wrap: nowrap;
}

.galleryview .gallery-row.gallery-header{
    background: #f1f1f1;
    margin:0 0 0 0;
}

#openhouse-search-list {
    padding-top:10px;
    padding-bottom:20px;
}

#openhouse-search-list .gallery-row.gallery-header h2{
    margin-top:0;
    margin-bottom:0;
}

.galleryview .flex-row.gallery-header-border{
    border:1px solid #ddd;
    padding:5px 0;
    margin:0 0 5px 0;
    background: #f1f1f1;
}

.galleryview  .inner > .adjustforMap .gallery-result-container > .flex-row > section {
    padding:5px;
}

.gallery-inner{
    padding:10px 0;
    border:1px solid #f1f1f1;
    background: #fff;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    transition: box-shadow 0.3s;  
    height:100%;
}

.gallery-inner.opn-hse-inner{
    height:auto;
}

.gallery-inner:hover{
    box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.15);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.15);
        -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.15);
            -o-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.15);
                -ms-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.15);
} 

.gallery-inner.opn-hse-inner{
    margin:0 0 10px 0;
}   

.open-map .gallery-inner > div{
    min-height: 100px;
}

.gallery-inner input[type="checkbox"] {
    margin:0 5px 0 5px;
}

.gallery-inner .gallery-image-container {
    text-align: center;
    min-height:192px;
}

.gallery-inner .gallery-image-container img { 
    max-width:100%;
    max-height:192px;
    width:auto;
}

.gallery-inner img.wide {
    width:100%;
}    

.gallery-inner h2 {
    font-size: 13px;
    margin-top:5px;
    margin-bottom:5px;
    letter-spacing: 0px;
}

.gallery-inner span {
    display: inline;
    font-weight: 500;
    font-size: 1.0em;
    margin:0 5px 0 0;
    color: #000;
}

.gallery-inner a {
    display: inline;
}

.gallery-inner a {
    color:#000;
    text-decoration: underline;
}

.gallery-inner a.mobile-map-link i,
.gallery-inner a.map-link i {
    font-size: 18px;     
    margin-right:5px;
}

.gallery-image {
    height:192px;
    width:256px;
    position: absolute;
    top:10px;
    left:10px;
    display: none;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
        background-size: cover;
}

.galleryview .rooms,
.galleryview .town,
.galleryview .opnhs-town, 
.galleryview .garage,
.galleryview .saleprice,
.galleryview .style,
.galleryview .opnhs-rooms,
.galleryview .opnhs-h,
.galleryview .opnhs-agentname,
.galleryview .opnhs-directions,
.galleryview .opnhs-comments,
.galleryview .opnhs-mlsnum {
    clear:both;
}

.galleryview .opnhs-directions,
.galleryview .opnhs-comments{
    white-space: normal;
}

.galleryview .result-cell span {
    display: inline-block;
    font-weight: 500;
    font-size: 1.0em;
    margin:0 5px 0 0;
    color: #8A8B8A;
}


@media all and (max-width: 615px) {
    .gallery-image {
        position: relative;
        width: 100%;
        top:0;
        left:0;
        padding:0 0 0 0;
        text-align: center;
    }   

    .galleryview #fl-result-table,
    .galleryview .result-row-header,
    .galleryview .code,
    .galleryview .diff{
        display: none !important;
    }

    .galleryview #result-table,
    .galleryview .result-row,
    .galleryview .gallery-image {
        display: block;
    }
}

/* *************************** */
/* ***** gallery results ***** */
/* *************************** */

/* *************************** */
/* ********* footer ********** */
/* *************************** */

footer {
    position: relative;
    width: 100%;
    padding:10px;
    box-sizing: border-box;
    color: #f5f5f5;
    min-height: 170px;
}

footer ul {
    list-style-type: none;
    padding: 0 0 0 0;
    margin:0 0 0 0;
}

footer ul li{
    padding: 2px 0 2px 0;
}

footer ul li a{
    cursor: pointer;
    font-size: 14px;
}

footer table tr td h2 {
    padding:10px 0 10px 0;
    margin: 0 0 0 0;
}


footer table.table-right{
    margin: 0 0 0 auto;
}

footer table.table-middle {
    margin: 0 auto 0 auto;
    font-size: 14px;
}

footer table tr td{
    padding: 2px 2px;
    font-size: 14px;
    color:#fff;
    vertical-align: top;
}

footer table *{
    font-size: 14px;
}

#toTop {
    position: fixed;
    bottom:15px;
    right:25px;
    width:35px;
    height:35px;
    line-height: 35px;
    color:#fff;
    font-size:18px;
    background: rgba(98, 132, 160, 1.0);
    text-align: center;
    z-index: 5;
    cursor: pointer;
    opacity: 0.0;
    display: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 
                0 1px 5px 0 rgba(0,0,0,.12), 
                0 3px 1px -2px rgba(0,0,0,.2);        
    -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
            border-radius: 50px;
    transition: all 0.5s;
}

#toTop:hover{
    background: rgba(98, 132, 160, .8);
}

#toTop.active{
    opacity: 1.0;
    display: block;
}

@media all and (max-width: 768px) {
    footer table.table-left,
    footer table.table-right,
    footer table.table-middle { 
        margin:0 0 0 0;
    }
}


@media all and (max-width: 768px) {
    .galleryview .no-hero-results footer .fg-m-6{
        max-width: 50%;
    }
}

@media all and (max-width: 615px) {
    .galleryview .no-hero-results footer .fg-sm-12 {
        max-width: 100%;
    }
}

.no-hero-results footer table.table-right{
    margin:0 0 0 auto;
}

@media all and (max-width: 768px) {
    .no-hero-results footer table.table-right{
        margin:0 0 0 0;
    }
}

/* *************************** */
/* ********* footer ********** */
/* *************************** */

/* *************************** */
/* ********* keybox ********** */
/* *************************** */

.keybox-search.hide {
    display:none;
}

.advanced-keybox-search.hide {
    display:none;
}

.keybox-search-result.hide {
    display:none;
}

.keybox-search-result .display-signature {
    background:transparent;
}

#keyresults.hide{
    display:none;
}

/* *************************** */
/* ********* keybox ********** */
/* *************************** */


/***mobile confirm ***/
.display_sms.hide {
    display:none;
}

/* *************************** */
/* ********* receipt ********* */
/* *************************** */

#cc-section p,
#cc-section td,
#cc-section th,
#cc-section li{
    font-size: 11px;
}

#cc-section h2,
#cc-section strong {
    font-size: 12px;
} 

#cc-section .default-table td,
#cc-section .default-table th  {
    padding: 2px 2px;
}

#cc-section .receiptkeyterms td,
#cc-section .receiptkeyterms li{
    font-size: 10px;
}

.receipt-title{
    display:none;
}

/* *************************** */
/* ********* receipt ********* */
/* *************************** */

/* *************************** */
/* ****** branded flyer ****** */
/* *************************** */

.media-container.brandedflyer img{
    max-width: 100%;
}

.ui-state-default.brandedflyer-selected{
    background:#6284a0;
    padding:10px;
    background: #ddd;
    padding: 10px;
    margin: 0 0 10px 0;
}

#sortable .brandedflyer-img-container { 
    padding: 3px 3px 3px 0;
    height: 124px;
    font-size: 4em;
    text-align: center;
}

/* *************************** */
/* ****** branded flyer ****** */
/* *************************** */

/* *************************** */
/* ********** CMA  *********** */
/* *************************** */

.calendar {
    position:relative;
    height:135px;
    width:14%;
    border:1px solid #003366;
    display:block;
    margin-top:-1px;
    margin-right:-1px;
    overflow:hidden;
    float:left;
}

.cal_popout .calendar {
    width:100%;
    border:0px;
}

.calendar p {
    margin:0;
}

.calcell {
    height:122px;
    width:100%;
    display:block;
}

.calendarhead{
    width:14%;
    margin-top:-1px;
    margin-right:-1px;
    padding:5px 0;
    float:left;
}

.textincells {
    position:absolute;
    top:5px;
    left:5px; 
}

#imgFrame{
    height: 160px;
    width: 160px;
    border: 4px solid #000; 
    text-align: center;
    line-height: 150px;
}

#delete_subj_photo.hide{
    display: none;
}

.cal_popout {
    position:absolute;
    width:200px;
    height:auto;
    z-index:1;
    background:#fff;
    border-radius: 5px;
    padding:10px;
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    animation:fadeIn 0.3s linear;
}

.textincells ul {
    padding:0;
    margin: 3px;
}

@media all and (max-width: 1024px) {
    header.page-header .inner h2.cma_page_title{
        display:none;
    }
}

/* *************************** */
/* ********** CMA  *********** */
/* *************************** */
@media all and (max-width: 1024px) {
    .coop-image{
        max-width:170px;
    }
}
/* *************************** */
/* ****** glowing icon  ****** */
/* *************************** */


.gsmls-bell, .gsmls-btn-border, .gsmls-btn-bell {
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.gsmls-bell {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 26px;
	box-shadow: -1px 2px 10px #999;
	background: #dc5d54;
	animation-name: col;
	animation-duration: 2s;
    animation-iteration-count: infinite;
    left: initial;
    left: 85px;
    top: 6px;
}

.gsmls-btn-border {
    height: 25px;
    width: 25px;
	border: 1px solid #dc5d54 !important;
	animation-name: bord-pop;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc ;
}

.gsmls-btn-bell {
	color: white;
	font-size: 12px;
	animation-name: bell-ring;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

@keyframes bord-pop {
	0% {
		transform: translate(-50%, -50%);
	}
	50% {
		transform: translate(-50%, -50%) scale(1.9);
		opacity: 0.1;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.9);
		opacity: 0;
	}
}

@keyframes col {
	0% {
		transform: scale(1) translate(0,0);
	}
	10% {
		transform: scale(1.1) translate(0,0);
	}
	75% {
		transform: scale(1) translate(0,0);
	}
	100% {
		transform: scale(1) translate(0,0);
	}
}

@keyframes bell-ring {
	0% {
		transform: translate(-50%, -50%);
	}
	5%, 15% {
		transform: translate(-50%, -50%) rotate(25deg);
	}
	10%, 20% {
		transform: translate(-50%, -50%) rotate(-25deg);
	}
	25%  {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
}

/* *************************** */
/* ****** glowing icon  ****** */
/* *************************** */

.ui-autocomplete {
    overflow: hidden auto;
    max-height: 40vh;
}


/* *************************** */
/* ****** search history ***** */
/* *************************** */
#search-history-container{
    padding:5px 10px;
}

#search-history {
    border-radius: 5px;
}

.search-history-section{
    background:#fff;
    padding:10px;
    height: 100%;
}

.search-history-btn{
    float:left;
    padding: 3px 5px 0px 5px;
    border-radius: 25px;
    margin-right:10px;
}

.search-history-btn:after {
    margin-top: 5px;
    width: 0;
    height: 3px;
    background: #337ab7;
    border-radius: 2px;
    content: "";
    display: block;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.search-history-btn:hover{
    background-color: transparent !important;
}

.search-history-btn:hover:after {
    width: 100%;
}

.search-history-btn.open{
    color:#337ab7;
}

.search-history-btn.open:after {
    width: 100%;
}

.search-history-btn i {
    display:none;
}

.search-history-btn.open i {
    transform: rotate(90deg);
    -webkit-filter: none;
    filter: none;
    color:#337ab7;
}


.search-history-btn-inner{
    padding:5px 0px;
    border-radius: 0px; 
    font-weight: 600;
}

.qs-dashboard-card-border{
    position: relative;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
    width: 100%;
}

#search-history-container-inner.active {
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#search-history-container-inner.active .search-history-btn-inner{
    border:1px solid transparent;
}

#search-history-container-inner.active .search-history-btn:hover{
    background:#f2f1f1;
}

.history-criteria{
    max-width: 800px;
    padding-right:24px !important;
    position:relative;
}

.search-history-sr{
    max-height: 200px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
}

@media all and (max-width: 1200px) {
    .history-criteria{
        max-width: 700px;

    }
}

@media all and (max-width: 1024px) {
    .history-criteria{
        max-width: 430px;

    }
}

@media all and (max-width: 750px) {
    .history-criteria{
        max-width: 200px;

    }
}

@media all and (max-width: 430px) {
    .history-criteria{
        max-width: 140px;

    }
}

.view_recent_activity_full_details{
    position:absolute;
    right:8px;
    top:5px;
}

/* *************************** */
/* ****** search history ***** */
/* *************************** */

/* *************************** */
/* ********** print ********** */
/* *************************** */

@media print {
    body {
        background: #fff;
        margin:0;
        padding:0;
        min-width: 320px;
        color:#000;
    }

    a {
        color: #233441 !important;
        text-decoration: none;
    } 


    #fl-result-table-container{
        display: none;
    }       

    .result-row,
    .result-cell{
        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
    }

    .result-row-header.sticky-header .result-cell.report-header,
    .result-row-header.sticky-header .result-cell.report-hotsheet-header{
        position: relative;
        position: relative; /* Safari */  
        top:0;
    }

    /* Hide OHAT */

    .opnhs-t,
    .opnhs-a,
    .opnhs-h,
    .result-ckbx{
        display: none !important;
    }
    
    .galleryview .result-row .result-cell.opnhs-address{
        left:276px;
    }

    .galleryview .result-row {
        min-height: 0;
    }
    /* Hide OHAT */

    /* objects not to print */

    .donotprint{
        display: none !important;
    }

    .override-noprint-inline-block{
        display: inline-block !important;
    }

    #helpContents {
        height:auto !important;
    }

    .help-video {
        display:none !important;
    }

    .result-table{
        min-width: 320px;
    }

    /* if results have the map open remove padding from the table on print*/

    .adjustforMap.print-section{
        padding: 0 0 0 0;
    }

    .hotsheet-results .results .open-map .hotsheet-result-type,
    .hotsheet-results .results .open-map .result-table {
        min-width:100% !important;
    }

    /* listing & closing plan print */

    #closingplan .input-lg,
    #listingplan .input-lg{
        display: none;
    }

    #closingplan p,
    #listingplan p{
        display: block;
    }

    /* listing & closing plan print */

    /* open house print */
    .gallery-inner.opn-hse-inner{
        border-left:0 !important;
        border-right:0 !important;
        border-top:0px solid #ddd !important;
        border-bottom:1px solid #ddd !important;
        border-radius:0 !important;
        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
        margin: 0 0 5px 0 !important;
    }

    .gallery-inner.opn-hse-inner{
        padding:0 !important;
    }

    .galleryview .gallery-row table{
        padding:0 !important;
        margin:0 !important;
    }
    
    .galleryview .flex-row.gallery-header-border{
        padding:2px !important;
    }

    .galleryview .gallery-row.gallery-header{
        padding:0 !important;
    }

    .print-hide{
        display: none;
    }
    /** credit card receipt **/

    #cc-section p,
    #cc-section td,
    #cc-section th,
    #cc-section li{
        font-size: 11px;
    }
    
    #cc-section h2,
    #cc-section strong {
        font-size: 12px;
    } 
    
    #cc-section .default-table td,
    #cc-section .default-table th {
        padding: 2px 2px;
    }
    
    #cc-section .receiptkeyterms td,
    #cc-section .receiptkeyterms li{
        font-size: 10px;
    }

    .receipt-title h2 {
        font-size: 13px;
        font-weight: bold;
    }

    .receipt-title{
        display:table-row;
    }

    .hs-table{
        min-width: 0px;
        max-width: 100%;
        white-space:initial !important;
    }

    .hs-table tr td .card-status,
    .hs-table tr td,
    .hs-table tr th{
        font-size: 12px !important;
    }
} 

/* *************************** */
/* ********** print ********** */
/* *************************** */


/******************************************* OLD ************************************************/


.gs-btn-submit-sh-xl{
    display: block;
    min-width: 180px;
    height:35px;
    line-height: 35px;
    font-size: 14px;
    color:#fff;
    margin: 0 auto 0 auto;
    padding:0 2px 0 2px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer; 
    border:0;     
    border-radius: 4px; 
} 

.message main.no-hero {
    background: #fff;
}

/** for no-hero in message box **/

.message main.no-hero > .inner{
    min-height: 0;
    padding:0 0 0 0;
}

#help main.no-hero > .inner{
    min-height: 50vh;
    padding:10px 0 45px 0;
}


/********************/
/** Default Box **/
/********************/

/**** input menu left ****/
@media all and (max-width: 1024px) {
    .listing-input-sheet #input-menu-left {
        display: none;
    }
}

.section-row.media-grid.media-grid-url {
    width: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border:0px solid #ccc;
}

@media all and (max-width: 615px) {
    .section-row.media-grid {
        width: 100%;
    }
    
    .section-row.media-grid img{
        width: 100%;
    }
}

.email-column {
    padding: 0px 10px 0px 10px;
    margin:0 0 0px 0;
}


.hidestaff {
    display: none;
}

.popup-err {
    display: inline-block;
    width:35px;
}

.err_name{
    padding:2px 10px;
    white-space: nowrap;
}

.cnt_label{
    margin:5px 0 0 0;
    font-size: 11px;
    display: inline-block;
}

.cnt_label span{
    font-size: 11px;
}

@media all and (max-width: 850px) {
    .email-column {
        padding: 0px 5px 0px 5px;
    }        
}

.section-row .edit-icon,
.section-column .edit-icon {
    right:0px;  
    top:7px;
}

.section-column .edit-icon.edit-icon-input {
    right:5px;
    top:6px;
}

.section-column .edit-icon.edit-icon-input span {
    padding:8px 5px;
}

@media all and (max-width: 615px) {
    .section-column select {
        width: 100%;
        min-width: 82px;
    }   
}

.section-column > header.noborder{ 
    border-bottom: 0px;
}

.section-column > header.white{ 
    border-bottom: 0px;
    background: #fff;
}

#myfields > header {
    border-bottom: 1px solid  #ddd;
    background: #fafafa;
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0; 
}


.section-row header h2,
.section-column header h2,
#myfields > header h2{
    margin: 5px 0 5px 0;
    font-size: 14px;
    display: inline-block;
    /** color:rgba(120,182,201,1.0);  **/
    color: #233441;
    white-space: nowrap;
}

@media all and (max-width: 615px) {
    .section-column header.status-header h2{
        width:100%;
    }
}

/**
.section-column .selection-item,
.section-column .selection-item-lg,
.section-column .selection-item-sm{
    padding: 2px 5px 2px 5px !important;
}
*/

.section-column .selection-item:nth-of-type(odd):not('.selection-item'){
    background: #f1f1f1;
}

.section-column input[type=checkbox],
.section-column input[type=radio]{
    display: block;
    margin:0 2px 0 2px;
    float: left;
    height:15px;
    width:15px;
}

.edit-icon .glyphicon-trash{
    margin:0 8px 0 0;
}

/********************/
/**** Default Box ***/
/********************/

/********************/
/**** Open House ***/
/********************/

.opn-hse-address{
    float:left;
}

.opn-hse-price{
    float: right;
}

@media all and (max-width: 615px) {
    .opn-hse-address{
        float:none;
        width: 100%;
    }

    .opn-hse-price{
        margin-top:15px;
        float: none;
    }
}

/********************/
/**** Open House  ***/
/********************/

/********************/
/**** Result Page ***/
/********************/

#issues #custom-results label{
    line-height: 30px;
}

#issues #custom-results select{
    width: initial;
    float:right;
}

section.results{
    background: #fafafa;
    padding:0 0 0 0;
    min-height: 50vh; 
}

@media all and (max-width: 1024px) {
    section.results{
        min-height: 0vh; 
    } 
}

@media all and (max-width: 1280px) {
    section.results{
        /** padding:0 0px 0 10px; **/
        padding:0 0 0 0;
    }
}

@media all and (max-width: 615px) {
    section.results{
        padding:0 0px 0 0px;
    }
}

section.results .inner{
    position: relative;
    background: #fafafa;
    padding:0 0 20px 0;
}

@media all and (max-width: 1280px) {
    section.results .inner{
        padding:0 10px 0 10px;
    } 
}

section.results .divider {
   height: 15px;
   line-height: 15px;
}

section.results .divider hr {
    border-top: 1px solid href;
}

#display-type-menu {
    position:absolute;
    top:-5px;
    min-width:130px;
    z-index: 1001;
    background: #fff;
    padding:10px 5px;
    border:1px solid #ccc;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
    display: none;
}

#display-type-menu.expanded{
    display: block;
    animation:fadeIn 0.3s linear;
}

#display-type-menu a {
    display: block; 
    padding: 0px 5px;
    width:100%;
    color:#555;
}

#display-type-menu a:hover {
    background:#eee;
}


#display-type-menu a.selected {
    background:#eee;  
}


#display-type-menu span {
    margin:0 5px 0 0;
    font-size: 12px;
}

#select-word-search,
#select-display-type {
    position: relative;
    float: right;
    margin: 10px 5px 0 10px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 25px;
    transition: background .5s;
    display: block;
    height: 30px;
    line-height: 20px;
}

#select-word-search:hover,
#select-display-type:hover{
    background:#eee;
}

#select-display-type .glyphicon-list,
#select-display-type .glyphicon-th-large,
#select-display-type .glyphicon-align-justify {
    font-size: 12px;
}

#select-all-gallery {
    display: none;
    position: relative;
    margin: 10px 5px 0 10px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 25px;
    transition: background .5s;
    height: 30px;
    line-height: 20px;
} 

#select-all-gallery:hover{
    background:#eee;
}

.galleryview #select-all-gallery,
.open-header-select-all #select-all-gallery {
    display: inline-block;
}    

#select-all-gallery *{
    cursor:pointer;
}

#select-display-type .glyphicon-triangle-bottom{
    font-size:10px;
    padding:0 0 0 5px
}

#options-label {
    float:right;
    padding:0 5px 0 0;
}

@media all and (max-width: 768px) {
    #results.galleryview #options-label {
        display: none;
    }
}

@media all and (max-width: 615px) {
    #options-label {
        display: none;
    }
}


@media all and (max-width: 456px) {
    .galleryview .result-row .result-cell.opnhs-endtime {
        padding:3px 0 3px 0;
    }
}

/** hide navtive app links **/ 

.map-link{
    cursor: pointer;
} 

.mobile-map-link,
.gallery-inner a.mobile-map-link{
    display: none;
}

.hide {display: none;} 

.sticky-side-menu{
    position:sticky;
    top:217px;
}

/** portal styles */

.portal-dashboard-card{
    border:1px solid #eee;
    border-radius:5px;
    padding:20px;
    background:#fff;
    box-shadow: 2px 2px 15px #ccc;
}

.portal-dashboard-tabbed-card{
    min-height: 467px;
}

.portal-dashboard-card-border{
    position: relative;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding:20px;
    width: 100%;
}

.portal-dashboard-card-end{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    margin-top:auto;
    padding:10px 0px;
}

.portal-dashboard-card-end-inner {
    padding:0 20px;
}

.portal-dashboard-card-inner{
    border-radius: 5px;
    padding:20px;
    border: 1px solid #ddd !important;
    height: 100%;
}

.notification-settings{
    padding:10px 20px;
    border-top: 1px solid #ddd !important;
}

.user_email_container{
    position: relative;
}

#portal-filter-container{
    min-height: 40px;
    padding:5px 0 5px 5px;
    border-top: 1px solid #80808036;
}

@media all and (min-width: 615px) {
    .dashboard-flex-no-max{
        max-width:initial !important; 
    }
}

.portal-dashboard-icons{
    position:absolute;
    top:0;
    right:0;
}

.portal-dashboard-tab{
    padding:20px 0;
    border-top:4px solid rgba(0,0,0,0);
    cursor: pointer;
}

.portal-dashboard-tab:hover{
    background-color: #f1f1f1;
}

.portal-dashboard-tab.selected{
    border-top:4px solid rgb(220 93 84);
}

.portal-dashboard-tab-inner{
    border-right: 1px solid #80808036;
}

.dashboard-card-info{
    position: absolute;
    right: 33px;
    top: 28px;
}

.portal-dashboard-tab .portal-dashboard-title{
    font-size: 15px;
}

.portal-dashboard-tab.selected .portal-dashboard-title{
    font-weight: 600;
}

.portal-dashboard-tab .portal-dashboard-count {
    text-align: center;
    width: 100%;
    margin: 20px 0;
    font-size: 32px;
    color: #337ab7;
    font-weight: 500;
}

.portal-dashboard-tab.selected .portal-dashboard-count {
    font-weight: 500;
}

.portal-nav-items {
    font-size: 15px;
}

.display_portal_status{
    gap: 0.25rem; 
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1rem;
    border-radius: 9999px;
    padding: 5px 20px;
    border-style: solid;
    border-width: 0px;
    width:fit-content;
    min-width:132px;
    text-align:center;
    margin:auto;
}

@media all and (max-width: 615px) {
    .portal-dashboard-count {
        margin: 8px 0;
        font-size: 20px;
    }

    .portal-dashboard-info{
        display:none !important;
    }

    .portal-dashboard-card{
        padding:10px;
    }

    .portal-filter-container{
        white-space: nowrap;
        overflow:auto;
    }
}

.client-portal-view-section{
    border-top: 1px solid #ddd;
    padding: 15px 10px 10px 10px;
}

@media all and (max-width: 615px) {
    .client-portal-view-info.client-portal-view-lower{
        padding-top:10px;
        margin-top:10px;
        border-top:1px solid #ddd;
    }
}

.client-portal-view-section .client-portal-view-info label{
    font-weight: 400;
    color:#337ab7;
}

.client-portal-view-table {
    border:1px solid #ddd;
}

#share-with-contacts{
    max-height: 350px;
}

.copy-settings{
    display: none;
}

.copy .copy-settings{
    display: block;
}

.copy-phone-settings{
    display: none;
}

.copy-phone-settings.active{
    display: block;
}

#datelist-options{
    position: absolute; top: 40px;  
    left: -400px;  min-width: 330px;
    z-index: 1001;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-bottom: 0px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0px 3px 8px 0px rgb(50 50 50 / 60%);
    -moz-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 3px 8px 0px rgb(50 50 50 / 60%);
    border-radius: 5px;
    display: none;
}

#datelist-options.active{
    display: block;
}

.preset-dates{
    padding:10px 0px 10px 10px;
}

#datelist{
    border-radius:5px;
    padding:5px 10px;
    cursor: pointer;
}

#datelisticon{
    position:absolute;
    top:9px;
    right:9px;
}

#datespicked{
    display:none;
}

#datespicked.active{
    display:block;
}

#datepicker::-webkit-scrollbar{
    width: 7px;
    -webkit-appearance: none;
}

#datepicker::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
}

.btn-default{
    color:#337ab7;
    background:#ffffff;
    border:1px solid #337ab7;
    white-space:nowrap;
    border-radius:25px;
    margin-bottom:5px;
    padding:8px 15px;
    cursor: pointer;
}

.btn-default-full{
    width:100%;
}

.btn-default-alt{
    background:#337ab7;
    color:#ffffff;
}

.btn-portal-filter.selected{
    background:#337ab7;
    color:#ffffff;
}

.btn-portal-filter:hover{
    color:#337ab7;
    background: rgba(6, 121, 186, .25);
}

.activation_btn{
    cursor: pointer;
}

.activation_toggle_color .active{
    color: #008000;
}

.activation_toggle_color .inactive{
    color:#808080;
}

.card {
	padding: 0px;
	border: 1px solid lightgray;
	border-radius: 5px;
	box-shadow: 2px 2px 15px gray;
	position: relative;
	height: 100%;
}

.card-address a, .res-rental .card-address a {
	color: #000;
	position: relative;
}

.card-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.card-image-container{
    position: relative;
}

.card-container-bs {
	flex-direction: row;
	flex-wrap: wrap;
}

.card-footer {
	width: 100%;
	display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-outer {
	padding: 10px; 
	flex-direction: column;
	flex-grow: 1;
	margin-bottom: 10px;
}

.card .rooms {
	padding-top: 3px;
}

.detail-web .open-house-avail,
.card .open-house-avail{
	font-family: Montserrat,sans-serif;
    font-size: .6875rem;
    font-weight: 600;
    color: #233441;
    display: inline-block;
    position: relative;
    background: #d4f1f5;
    margin: 10px 0;
    padding: 5px 8px;
    border-radius: 5px;
	cursor: pointer;
}

.detail-web .open-house-more-details,
.card .open-house-more-details{
	position: absolute;
	right: 9px;
	top: 7px;
	color:#0c6c80;
}

.detail-web .open-house-divider,
.card .open-house-divider{
	border-bottom:1px solid rgb(12 108 128 / 35%);
	padding-bottom:2px;
	font-size: 12px;
}

.card .card-sm{
	min-height: 435px;
}

.card.card-sm .card-image{
	height: 190px;
    overflow: hidden;
}

.card.card-sm .card-image img{
	height: 190px;
}

.card.card-sm .card-image-container.stacked .card-image,
.card.card-sm .card-image-container.grid .card-image{
    height: 208px;
}

.card.card-sm .card-image-container.stacked .card-image img,
.card.card-sm .card-image-container.grid .card-image img{
    height: 100%;
}

.card .card-details{
	padding: 15px 15px 20px 15px;
	height: calc(100% - 188px);
}

.card .card-status{
	padding:2px 10px 2px 10px;
	border-radius: 25px;
	font-weight: 600;
	line-height: 18px;
}

.card table {
	width: 100%;
}

.card td strong {
	white-space: nowrap;
}

.card td.tbl-divider{
	border-right:1px solid gray;
}

.card-address {
	position: relative;
}

.card-details {
	padding: 15px;
	letter-spacing: .5px;
	position: relative;
	flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: calc(100% - 250px);
}

.card-details h3 {
	font-weight: bold;
	margin-top: 0px;	
}

.card-image {
	height: 250px;
	position: relative;
}

.card.card-sm .card-image{
	height: 190px;
	position: relative;
}

.card-image img {
	object-fit: cover;
	width: 100%;
   	height: 250px;
   	border-radius: 5px 5px 0px 0px;
}

.card-image-container.gallery .card-image img {
   	border-radius: 5px 5px 0px 0px;
}

.card-image-container.stacked .card-image img,
.card-image-container.grid .card-image img {
   	border-radius: 5px 0px 0px 5px;
}

.card-image-oh{
	padding: 0 10px 0 0;
}


@media all and (max-width: 615px) {
	.card-image-oh{
		padding: 0 0 10px 0;
	}
}

.card-image-oh img {
	object-fit: cover;
	width: 100%;
   	border-radius: 5px 5px 5px 5px;
}

.sub-head i{
	margin-top: 5px;
}

.detail-web .subhead-detail-left{
	width: fit-content;
	position:relative;
}

.subhead-left .address{
	font-size: 20px;
	color:#ffffff;
}

.subhead-left .subhead_price{
	font-size: 18px;
	color:#ffffff;
}

select[multiple], select[size] {
    height: auto;
}

.select-box {
	position: absolute;
	top: 0px;
	left: 15px;
	z-index:1;
}

.select-box input[type="checkbox"] {
  	position: absolute !important;
  	height: 1px;
  	width: 1px;
  	overflow: hidden;
  	left: 10px;
  	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  	clip: rect(1px, 1px, 1px, 1px);
}

.select-box input[type="checkbox"]:checked + label {
  background-color: rgba(220,93,84,1.0);
  border: rgba(220,93,84,1.0);
}

.select-box label {
    display:inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
	background: rgba(0, 0, 0, .5);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	border: 3px solid white;
	margin-top: 10px;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
}

.select-box input[type="checkbox"]:checked + label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 8px;
    position: absolute;
    top: 11px;
    transform: rotate(-45deg);
    width: 12px;	
}
	
.select-box	input[type='checkbox']:focus + label::after, .select-box input[type='checkbox']:focus + label::before {
  outline: #5d9dd5 solid 1px;
  box-shadow: 0 0px 8px #5e9ed6;
}

.media-box {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    border-radius: 3px;
    z-index: 1;
}

.media-box a{
    color:#ffffff;
    text-decoration: none;
}

.btn-detail {
    height: 30px;
    padding: 5px 15px;
    line-height: 1;
    font-size: .75em;
    border-radius: 25px;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    margin: 10px 5px 0px 5px;
    width: 100%;
    box-shadow: 2px 2px 10px 0px grey;
    max-width: 150px;
}

.graph_container{
    height:400px;
    width:100%
}

.prev_graph, .next_graph {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 10px;
	margin-top: -25px;
	color: white !important;
    text-decoration: none !important;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
    z-index:1;
	background-color: rgba(0, 0, 0, .6);
  }
  
  /* Position the "next button" to the right */
  .prev_graph {
	left: 0;
  }

  .next_graph {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev_graph:hover, .next_graph:hover {
	background-color: rgba(0, 0, 0, 1.0);
  }

/** portal styles */

/** report styles */

.report-body{
    background: #eee;
}

.report-container{
    max-width: 1280px;
    margin:auto;
}

/** realtor.com report styles */

.r-com-logo{
    width:250px;
    float:left;
    display:block;
    margin-right:10px;
}

.r-com-listing-image{
    border-radius: 5px;
    max-width:165px;
}

.r-com-profile-details tr td,
.r-com-listing-details tr td{
    font-size: 13px !important;
}

.r-com-profile-details tr td h2,
.r-com-listing-details tr td h2{
    font-size: 13px !important;
}

.r-com-profile-image{
    border-radius: 5px;
    max-width:165px;
}

.r-com-dashboard-card {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    background: #fff;
    box-shadow: 2px 2px 15px #ccc;
}

.r-com-dashboard-card-pl10-pr10{
    padding: 20px 10px;
}

.r-com-border-container{
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
}

.r-com-border-container-ht{
    height: 100%;
}

.r-com-graph-table-container{
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-top:10px;
}

#viewChart, #impressionChart{
    height: 400px;
    width: 100%;
}

@media print {
    .r-com-profile-details tr td,
    .r-com-listing-details tr td{
        font-size: 10px !important;
    }
    
    .r-com-profile-details tr td h2,
    .r-com-listing-details tr td h2{
        font-size: 10px !important;
    }
    
    .r-com-dashboard-card {
        box-shadow: 0px 0px 0px #fff;
        padding:10px;
    }

    .r-com-listing-image,
    .r-com-profile-image{
        max-width:125px;
    }

    .r-com-ps{
        padding:0px 0px 0px 0px;
    }

    .r-com-border-container {
        border: 0px;
        padding: 0px;
        break-inside: avoid;
    }

    .r-com-graph-table-container{
        border:0;
    }

    #viewChart, #impressionChart{
        break-inside: avoid;
        margin:auto;
    }

        
    #r-com-buttons{
        display: none;
    }
}
/** realtor.com report styles */

/** report styles */

/** filter buttons */
#datelist-container{
    position: absolute;
    right: 20px;
    bottom: -35px;
}

#datelist-container.hide {
    visibility: hidden;
}

.filter-btn{
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-radius:25px; border:1px solid #233441;
    padding:5px 20px;
    margin-right:10px;
    cursor:pointer;
    color:#337ab7;
    font-weight: 600;
    transition: all .5s;
}

.filter-btn:hover{
    background:#337ab7;
    color: #ffff;
}

.filter-btn.selected{
    background: #233441;
    color: #ffff;
}

@media all and (max-width: 1024px) {
    #side-menu-container {
        position: relative;
        display: none;
        position: fixed; 
        top:0px;
        width:0px;
        height:100%;
        z-index: 50; 
        padding:185px 0 0 0 ;
        overflow: hidden;
        background: #fff;
    }
}
/** No classes prior **/

@media all and (max-width: 768px) {
    #side-menu-container {
        position: relative;
        display: none;
        position: fixed; 
        top:0px;
        width:0px;
        height:100%;
        z-index: 50; 
        padding:185px 0 0 0 ;
        overflow: hidden;
        background: #fff
    }


    #side-menu-container .section-inner{
        border:0;
        background: #fff;
        box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.00);
        padding:10px;
    }

    #side-menu-container li {
        white-space: nowrap;
    }
}



@media all and (max-width: 615px) {
    #side-menu-container {
        display: none;
    }

    #side-menu-container #nav-close {
        top:183px;
    }

    .inventory-mobile-sel {
        display: block;
        top:8px;
        border-bottom:1px solid #dfe0e4;
    }         

    .banner-image {
        margin:0 0 10px 0;
    }

    #advance-search-fields{
        max-width: 100%;   
    }
}

/* My Apps Styles  */

.app-card {
	border: 1px solid lightgray;
	height: 200px;
	width: 200px;
	margin: 15px;
	padding: 30px 15px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0px 0px 15px gray;
	background: white;
	position: relative;
	z-index: 1;
}

.app-card-image {
	height: 50%;
	position: relative;
}

.app-card i {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 3;
}

.app-card img {
	max-width: 100%;
	margin: auto;
	max-height: 50px;
	margin-bottom: 15px;
	margin: auto;
    max-height: 50px;
    margin-bottom: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.app-card-options {
	width: 150px;
	height: auto;
	padding: 15px;
	background: white;
	border: 1px solid lightgray;
	border-radius: 5px 0px 5px 5px;
	position: absolute;
	top: 20px;
	right: 20px;	
	box-shadow: 5px 5px 10px gray;
	display: none;
	z-index: 5;
}

.app-card-options .option {
	cursor: pointer;
	z-index: 6;
}

.app-card .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
	top: 0;
	left: 0;
}

.app-container {
	height: 100%;
	width: 100%;
	border-radius: 8px 0px 0px 8px;
	background: whitesmoke;
}

.app-container .fa-arrow-right {
    position:absolute;
    top: 10px;
    right: 20px;
    padding-left: 100px;
    font-size: 20px !important;
    transition: all 500ms ease-in-out;
    display: none;
}

#myapps-menu {
	position: fixed;
	right: -10px;
	top: 0;
	z-index: 100;
	width: 0px;
	height: 100vh;
	border-radius: 8px 0px 0px 8px;
	border-left: 1px solid lightgray;
	overflow: hidden;
	transition: all 500ms ease-in-out;
}

.myapps-menu-list {
	padding: 25px;
	height: 100%;
	width: 275px;
	overflow: hidden;
} 

.myapps-menu-list a {
	cursor: pointer; 
}

.myapps-menu-open {
	width: 275px !important;
	box-shadow: 0px 0px 15px black;
	transition: all 500ms ease-in-out;
}

#myapps-drawer-all, #myapps-drawer-recents, #myapps-drawer-favorites {
	position: fixed;
	right: -10px;
	top: 0;
	z-index: 99;
	width: 0px;
	height: 100vh;
	border-radius: 8px 0px 0px 8px;
	padding-right: 0px;
	transition: all 500ms ease-in-out;
	background: whitesmoke;
}

.drawer-open .unhide {
	width: 95%;
	text-align: right;
}

.drawer-open {
	width: 1050px !important;
	max-width: 100vw;
	box-shadow: 0px 0px 15px black;
	padding-right: 275px !important;
	transition: all 500ms ease-in-out;
	position: relative;
}

.drawer-title {
	border-bottom: 1px solid lightgray;
}

.elipsis:after {
  content: '\2807';
  font-size: 25px;
  color: lightgray;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  z-index: 3;
 }
 
 .show {
	display: inline;
	transition: all 500ms ease-in-out; 
 }

 .wrap    { 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}  

#recent_act, #saved_srch, #open_hse{
    position: relative;
}

@media all and (max-width: 615px) {
	
	.app-container {
		position:relative;
		height: auto !important;
		min-height: 100%;
		padding-left: 15px!important;
	}
	
	.app-card {
		width: 144px !important;
	}
	
	.app-container .fa-arrow-right {
	    display: none;
	}

	.app-description {
		font-size: 12px !important;
	}
	
	.drawer-open {
		width: 100vw !important;
		box-shadow: 0px 0px 15px black;
		padding-right: 0px !important;
		transition: all 500ms ease-in-out;
		position: relative;
		overflow-x: hidden;
		overflow-y: scroll !important;
	}
	
	#myapps-drawer-all, #myapps-drawer-recents, #myapps-drawer-favorites {
		position: fixed;
		right: -10px;
		top: 0;
		z-index: 101;
		width: 0px;
		height: 100vh;
		border-radius: 8px 0px 0px 8px;
		border: 1px solid lightgray;
		padding-right: 0px;
		transition: all 500ms ease-in-out;
	}
}