html {
	background-color: white;
}

main {
	margin-left: 0;
}

label {
	margin-top: 10px;
	white-space: nowrap;
}

h2 {
	margin-left: 20px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.h2-title {
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

h3 {
	margin-bottom: 25px;
}

.h4-title {
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 10px !important;
}

.h4-special {
	font-size: 17px;
}

hr {
	margin-top: 20px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgb(184, 183, 183);
}

.cont1 {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.cont1::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.welcome-title {
	margin-top: 20px;
	font-size: 2em;
	font-weight: bold;
	color:#0078bd;
	text-align: center;
}

.welcome-text {
	margin-top: 10px;
	margin-bottom: 25px;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 0.9em;
	font-weight: 500;
	color:#000;
	border-style: solid;
    border-width: 1px;
	border-radius: 5px;
	background-color: #dff0d8;
    border-color: #d6e9c6;
}

.warning-area {
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 0.9em;
	font-weight: 500;
	color:#000;
	border-style: solid;
    border-width: 1px;
	border-radius: 5px;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.borders {
	border: 1px;
	border-style: solid;
	border-color: white;
	background-color: #dfdddd;
}

.position-relative {
    position: relative!important;
}

.scrollable-div {
	overflow-y: scroll;
}

.welcome-font {
	font-family: Arial, Helvetica, sans-serif;
}

.welcome-icon {
	font-size: 3rem !important;
	color: #228a96 !important;
	margin-left: 10px;
}

.welcome-icon-final {
	font-size: 5rem !important;
	color: #228a96 !important;
	margin-left: 10px;
}

.welcome-bullets {
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8rem !important;
}

.welcome-center {
	text-align: center !important;
	margin-bottom: 0;
	padding-bottom: 0 !important;
}

.welcome-master-div {
	overflow: hidden;
	height: auto;
    padding-top: 52px;
}

.welcome-hamburger {
	display: none !important;
}

.youtube-frame {
	width: 560px;
	height: 316px;
}

.logo-main {
	margin-top: 25vh;
    max-width: 40vw;
    margin-left: 36vw;
	/* background-color: rgba(127,233,233,0.5); */
	/* background-color: white; */
}

.central-graphic {
	width: 20vw;
}

.header-bottom-item {
    margin-bottom: 3px !important;
}

.rotating-image {
	/* -webkit-transition: background-image 0.5s ease-in-out;
	transition: background-image 0.5s ease-in-out;	 */
	transition: background-image 2s linear;
	transition-delay: 1s;
}

.gradient-background {
	/* background-image: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0.6),rgba(255,255,255,0.9),rgba(255,255,255,0.6),rgba(255,255,255,0.2),rgba(255,255,255,0)); */
	
	 /* background-image: radial-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0)); */
	 filter: drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 6px #ffffff);
}

.dropdown-list[_ngcontent-c1] {
	position: inherit !important;
}

.padding-lr-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.bullet-center {
	margin-left:45vw;
}

.welcome-bullet-group {
	padding: 0 5% 0 5%;
	margin-top: 10px;
	margin-left: 28vw;
	margin-right: 28vw;
}

.mx-auto {
	margin-left: 29% !important;
	margin-right: 29% !important;
}

.sub-form {
	margin-left: 10%;
	margin-right: 10%;
}

.max-width-subform {
	max-width: 500px;
}

.logo-footer {
	max-width: 27px;
	margin-right: 5px;
}

.btn-outline-secondary-onimage {
    color: #6c757d;
	border-color: #6c757d;
	background-color: rgba(255,255,255,0.8);
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.appstore-margin-padding {
	margin-left: 2rem!important;
	margin-right: 2rem!important;
	margin-top: 2rem!important;
	margin-bottom: 0!important;
	padding: 4rem!important;
	background-color: #f8f8f8!important;
}

.welcome-margin-padding {
	margin-left: 2rem!important;
	margin-right: 2rem!important;
	margin-top: 2rem!important;
	margin-bottom: 0!important;
	padding-top: 1rem!important;
    padding-bottom: 1rem!important;
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}

.welcome-margin-padding-l {
	border-top: 2rem dotted white;
	border-left: 2rem dotted white;
	border-right: 1rem dotted white;
	border-bottom: 2rem dotted white;
	margin-left: 0!important;
	margin-right: 0!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding: 4rem!important;
	background-color: #f8f8f8!important;
	background-clip: padding-box;
}

.welcome-margin-padding-r {
	border-top: 2rem dotted white;
	border-left: 1rem dotted white;
	border-right: 2rem dotted white;
	border-bottom: 2rem dotted white;
	margin-left: 0!important;
	margin-right: 0!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding: 4rem!important;
	background-color: #f8f8f8!important;
	background-clip: padding-box;
}

.astropod-title1 {
	font-size: 3rem;
    font-family: Courier;
	color: #646464;
}

.astropod-title2 {
	font-size: 2rem;
	color: #004c99;
}

.green-back {
    background-color: #CEFAB4;
}

.gold-border {
    border: 1px solid #E49A1F;
    border: 2;
}

.gold-back {
    background-color: rgba(228,154,31, .1);
}

.blue-back {
    background-color: rgba(41, 153, 243, .3);
}

.yellow-back {
    background-color: rgba(255, 250, 60, .3);
}

.gray-back {
    /* background-color: #f8f8f8!important; */
    background-color: rgba(248,248,248, .5);
}

.gray-back-full {
    background-color: rgba(248,248,248, 1);
}

.dopsle-title1 {
	font-size: 4rem;
	color: #646464;
}

.dopsle-title2 {
	font-size: 2rem;
}

.fa-big {
    font-size: 2rem;
    color: #228a96;
}

.color-black {
    color:rgba(0, 0, 0, 1) !important;
}

.color-dark-gray {
    color:rgba(79, 79, 79, 1) !important;
}

input[type=checkbox]
{
  width:20px;
  height:20px;
  margin-top: 10px !important;
  border-left: 1px solid #ccc !important;
  padding: 10px;
}

textarea {
	min-width: 270px;
	max-width: 270px;
	max-height: 220px;
	min-height: 70px;
	font-size: 12px;
	outline: none;
}

.w3-bar .w3-bar-item {
    padding: 6px 18px;
    float: left;
    /* width: auto;*/
	min-width: 120px;
    border: none;
    display: block;
	outline: 1px solid lightgray;
	background-color: #0078bd;
	color: white;
}

.w4-bar .w4-bar-item {
	padding: 5px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 1px solid lightgray;
    background-color: #0078bd;
    color: white;
    font-size: 12px;
}

.w3-block {
	margin-bottom: 10px;
}

.w3-bar-item:hover {
	background-color: lightgray;
	color: black;
}

.w3-bar-item-selected {
	background-color: lightgray !important; 
	color: black !important;
}

.w4-bar-item-selected {
	background-color: lightgray !important; 
	color: black !important;
}

.w3-bar .w3-button {
    white-space: normal;
}

.w3-btn, .w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
	user-select: none;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.criteria-button {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(219,229,221, 1);
	border-color: #b2b2b2;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}

.criteria-x {
	font-family: 'Roboto',sans-serif;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 1px;
}

.criteria-x:hover {
	cursor: pointer;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.no-padding-right {
	padding-right: 0 !important;
}

.margin-right-0 {
	margin-right: 0 !important;
	text-align: right;
}

.margin-right-minus10 {
	margin-right: -10px !important;
}

.form-control-checkbox {
	margin-right: 5px !important;
    display: block;
    float: right;
    /* width: 100%; */
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.pencil {
	font-size: 12pt;
	color: black;
	margin-top: 0;
	/* max-width: 20px; */
	min-width: 50%;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float:left;
}

.pencil-gray {
	font-size: 12pt;
	color: rgb(179, 179, 179);
	margin-top: 0;
	/* max-width: 20px; */
	min-width: 50%;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float:left;
}

/* .pencil-horiz {
	font-size: 12pt;
	color: black;
	margin-top: 0;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float:left;
	margin-left: 50px;
} */

.pencil-horiz {
	margin-top: 0;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float:left;
	margin-left: 50px;
}

.pencil-horiz-gray {
	font-size: 12pt;
	color: rgb(179, 179, 179);
	margin-top: 0;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float:left;
	margin-left: 50px;
}

.pencil-house {
	font-size: 12pt;
	color: black;
	margin-top: 0;
	max-width: 20px;
	min-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float:right;
}

.pencil-house-gray {
	font-size: 12pt;
	color: rgb(179, 179, 179);
	margin-top: 0;
	max-width: 20px;
	min-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float:right;
}

.pencil-house-horizontal {
	font-size: 12pt;
	color: black;
	margin-top: 3px;
	max-width: 20px;
	min-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float:right;
}

.pencil-house-horizontal-gray {
	font-size: 12pt;
	color: rgb(179, 179, 179);
	margin-top: 3px;
	max-width: 20px;
	min-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float:right;
}

.pencil:hover {
	cursor: pointer;
}

.pencil-gray:hover {
	cursor: pointer;
}

.pencil-house:hover {
	cursor: pointer;
}

.pencil-house-gray:hover {
	cursor: pointer;
}

.details-icon {
	float: right;
	max-width: 16px;
	margin-left: 25px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: -5px !important;
	margin-top: 3px !important;
}

.details-icon-list {
	float: right;
	max-width: 16px;
	margin-left: 10px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 3px !important;
}

.details-icon:hover {
	cursor: pointer;
 }

.details-icon-list:hover {
	cursor: pointer;
 }

.arrow-icon {
	max-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: 2px;
	margin-top: 3px;
}

.arrow-icon-disabled {
	max-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: 2px;
	margin-top: 3px;
	opacity: 0.3;
}

.arrow-icon:focus { outline: none; }

.arrow-icon-disabled:focus { outline: none; }

.arrow-icon-disabled:hover {
	cursor: default;
 }

.pencil-icon {
	max-width: 15px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: 1px;
}

.pencil-icon:focus { outline: none; }

.house-icon {
	 max-width: 20px;
	 padding-right: 0 !important;
	 padding-left: 0 !important;
	 margin-right: 1px;
	 /* margin-left: 20px; */
 }

.house-icon-horiz {
	max-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	float: left;
	margin-left: 50px;
	margin-top: 3px;
}

.house-icon-horiz:hover {
	cursor: pointer;
}

.house-icon-horiz:focus { outline: none; }

.iconForButton-horiz {
	max-height: 16px;
	margin-left: 50px;
	float: left;
}

.iconForButton-icon-horiz:hover {
	cursor: pointer;
}

.iconForButton-horiz:focus { outline: none; }

.pencil-icon-div {
	padding-right: 0;
	padding-left: 0;
}

.house-icon-div {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.house-icon:hover {
	cursor: pointer;
}

.house-icon:focus { outline: none; }

.check-box-housedetail {
	font-size: 20pt;
	color: lightgray;
	max-width: 20px;
	min-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 12px;
	margin-right: 10px;
}

.check-box-housedetail:hover {
	cursor: pointer;
 }

.check-box-house {
	margin-top: -9px;
	font-size: 20pt;
	color: lightgray;
	max-width: 20px;
	min-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.check-box-house-horizontal {
	margin-top: -8px;
	font-size: 20pt;
	color: lightgray;
	max-width: 20px;
	min-width: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.check-box {
	margin-top: -3px;
	font-size: 14pt;
	color: lightgray;
	/* max-width: 20px; */
	min-width: 50%;
	float: right;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.check-box-horiz {
	margin-top: -3px;
	font-size: 14pt;
	color: lightgray;
	float:left;
	margin-left: 50px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.check-box-horiz-yellow {
	color: #f8cb00ec;
}

/* .ng5-slider .ng5-slider-pointer {
	background-color:#0078bd !important;
} */

.ng5-slider-pointer:focus {
	outline: 0;
}

.no-tooltip .ng5-slider-inner-tooltip {
	visibility: hidden;
}

.ng5-slider .ng5-slider-selection {
	background:#0078bd !important;
}

.ng5-slider .ng5-slider-pointer.ng5-slider-active:after {
    background-color: white !important;
}

.ng5-slider .ng5-slider-pointer {
    cursor: pointer;
    width: 24px !important;
    height: 24px !important;
    top: -10px !important;
    background-color: #0078bd !important;
    z-index: 3 !important;
	border-radius: 12px !important;
	margin-left: 4px !important;
}

.disabled-label {
	color: #d8e0f3 !important;
}

.ng5-slider[disabled] .ng5-slider-pointer {
    cursor: not-allowed;
    background-color: #d8e0f3 !important;
}

.ng5-slider[disabled] .ng5-slider-selection {
    background: #d8e0f3 !important;
}

.ng5-slider .ng5-slider-bar-wrapper {
	margin-left: 5px !important;
}

.ng5-slider .ng5-slider-pointer:after {
    content: '';
    width: 6px !important;
    height: 6px !important;
    position: absolute;
    top: 9px !important;
    left: 9px !important;
    border-radius: 4px !important;
    background: #fff !important;
}

.custom-slider .ng5-slider .ng5-slider-tick.ng5-slider-selected {
    background: #0078bd;
}

.ng5-slider-tick {
	width: 1px !important;
	margin-left: 16px !important;
}

.ng5-slider[disabled] .ng5-slider-tick.ng5-slider-selected {
    background: #d8e0f3 !important;
}

.ng5-slider[disabled] .ng5-slider-bubble {
	color: #d8e0f3 !important;
}

.hide-floor-ceil .ng5-slider-ceil {
	visibility: hidden !important;
}

.hide-floor-ceil .ng5-slider-floor {
	visibility: hidden !important;
}

.ng5-slider .ng5-slider-bubble {
    cursor: default;
    bottom: 16px;
    padding: 1px 3px;
    color: black !important;
    font-size: 14px !important;
}

.image-position {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.multiselect-dropdown[_ngcontent-c1] .dropdown-btn[_ngcontent-c1] .dropdown-down[_ngcontent-c1] {
	margin-right: -4px !important;
}

.multiselect-dropdown[_ngcontent-c1] .dropdown-btn[_ngcontent-c1] .dropdown-up[_ngcontent-c1]  {
	margin-right: -4px !important;
}

/* .cfs-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(downarrowGraySmall.png);
    background-position-x: 95%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(255, 255, 255);
} */

/* .cfs-select {
	background-image:
    linear-gradient(45deg, transparent 50%, #adadad 60%),
    linear-gradient(135deg, #adadad 40%, transparent 50%) !important;
  background-position:
    calc(100% - 25px) 12px,
    calc(100% - 15px) 12px,
    100% 0;
  background-size:
    10px 10px,
    10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
} */

.search-checkbox {
	margin-right: 5px !important;
	margin-left: 5px !important;
    display: block;
    float: left !important;
    /* width: 100%; */
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.plain-left-border {
	border-left: 1px solid #ccc !important;
}

.search-checkbox-label {
	margin-left: 5px;
}

.ranking-class {
	margin-left: 15px;
	color: green;
}

.check-box-red {
	color: rgb(218, 82, 82);
}

.check-box-dg {
	color: rgb(100, 100, 100);
}

.check-box-yellow {
	color: #f8cb00ec;
}

.check-box-white {
	color: #fff;
}

.check-box-green {
	color: #78f800ec;
}

.check-box:hover {
	cursor: pointer;
 }

.check-box-house:hover {
	cursor: pointer;
 }

.section-break {
	margin-top: 30px;
	font-weight: bold;
	font-size: 14pt;
}

.section-head {
	font-weight: bold;
	font-size: 14pt;
}

/* .w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
} */

.user-info-text{
	padding-top: 10px;
	font-size: 85%;
	font-weight: 700;
	color: #0078bd;
}

.user-info-text2{
	padding-top: 0;
	font-size: 85%;
	font-weight: 700;
	color: #0078bd;
}

.user-info {
	margin-left: 15px;
}

.user-info-bottom {
	margin-bottom: 15px;
}

#pac-input {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	/* margin-left: 142px; */
	margin-top: 10px;
	padding: 5px 11px 5px 13px;
	text-overflow: ellipsis;
	width: 300px;
	height: 36px;
	position: absolute;
    border: 1px solid #ccc;
    border-radius: 4px;
	z-index: 8;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px;
  }

#pac-input:focus {
	outline: 0;
}

.gmap {
	margin-top:0;
	/* height: 96vh; */
	margin-left: 0;
}

.gmap-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
	float: left;
}

.padding-right-20 {
	padding-right: 20px !important;
}

.margin-left-0 {
	margin-left: 0 !important;
}

.margin-left-5{
	margin-left: 5px !important;
}

.margin-left-10 {
	margin-left: 10px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.margin-left-30 {
	margin-left: 30px !important;
}

.margin-left-40 {
	margin-left: 40px !important;
}

.margin-top-minus24 {
	margin-top: -24px !important;
}

.margin-top-minus20 {
	margin-top: -20px !important;
}

.margin-top-minus15 {
	margin-top: -15px !important;
}

.margin-top-minus10 {
	margin-top: -10px !important;
}

.margin-left-minus10 {
	margin-left: -10px !important;
}

.margin-top-0 {
	margin-top: 0 !important;
}

.margin-top-1 {
	margin-top: 1 !important;
}

.margin-top-3 {
	margin-top: 3px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.listing-detail-title-margin-top {
	margin-top: -30px !important;
}

.guide-me-question {
	margin-top: 60px !important;
	font-size: 20px;
	font-weight: 500;
	margin-left: 50px;
	margin-bottom: 10px;
}

.guide-me-container {
	margin-top: 10%;
	float: left;
	background: rgba(255, 255, 255, 0.7);
}

.guide-me-container-mapimage {
	margin-top: 60px !important;
}

.guide-me-select {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 50px;
}

.guide-me-radio {
	margin-bottom: 5px;
	margin-left: 50px;
}

.guide-me-radio-button {
	white-space: pre-line;
}

.guide-me-next-button {
	margin-bottom: 60px !important;
}

.guide-me-buttons {
	margin-left: 30px !important;
}

.guide-me-map-image {
	width: 60%;
	margin-left: 50px;
	border: 1px solid #8a8a8a;
}

.guide-me-map-input {
	max-width: 300px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 50px;
}

.stats-text {
	font-size: 1.2em;
	text-align: center;
}

.margin-bottom-0 {
	margin-bottom: 0 !important;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-minus6 {
	margin-bottom: -6px !important;
}

.navbar {
	min-height: 52px !important;
	width: 100% !important;
    position: fixed;
    z-index: 50;
}

.navbar-top {
	display: block !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
	border-bottom: 1px solid #8a8a8a;
	/* border: 0 !important;
	border-radius: 0 !important; */
}

.navbar-header {
	width: 100%;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.sign-out {
	margin-top: -5px !important;
	margin-right: -20px !important;
	margin-left: 20px !important;
}

.navbar-signin {
	float: right;
	margin-right: 5px;
	margin-top: -15px;
	font-size: 11px !important;
}

.logo:hover {
	cursor: pointer;
}

.logo {
	margin-left: 5px;
	margin-top: 4px;
	/* padding-top: 5px;
	padding-bottom: 3px; */
	max-height: 45px;
	float: left;
}

.welcome-image {
	max-width: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.processing {
	width: 120px;
	height: 120px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.navbar-signin a:hover{
	text-decoration: none;
	color: #337ab7;
}

/* .attention-dot {
	background-image: url("reddot.png");   
	background-repeat: no-repeat;
	outline: 0;
} */

/* .btn {
	margin-top: 20px;
} */

button:focus {
	outline: 0;
}

/* .astropod-header {
    background-image: url("assets/GoldenBackground.jpg");
    background-size: cover;
} */

.title-script {
    font-family: 'Courier';
    font-size: 26px;
    font-variant: small-caps;
    display: inline-block;
    margin-left: 20px !important;
    margin-bottom: 0 !important;
    line-height: 52px;
}

.title-script:hover {
    cursor: pointer;
}

.popover-div {
	height: auto;
	/* width: 50%; */
	border: 1px;
	border-color: #757575;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #979797;
	background-color: white;
	border-style: solid;
	z-index: 90;
}

.agentcontact-popover-div {
	z-index: 13 !important;
}

.pop-error-div {
	z-index: 20 !important;
}

.referral-textarea {
	width: 100%;
}

.referral-msg {
	margin-bottom: 0 !important;
}

.agent-textarea {
	width: 100% !important;
	max-width: 1000px !important;
	margin-top: 10px;
    border-color: #ccc;
    border-radius: 5px;
    color: #555;
    font-size: 14px;
}

textarea::placeholder {font-family: inherit; font-size: inherit; color: #999}

.agent-inputs {
	margin-top: 10px;
	margin-bottom: 10px;
}

.likenotes-popover-div {
	height: auto;
	width: 300px;
	max-height: 300px;
	/* min-width: 400px; */
	border: 1px;
	border-color: #757575;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #979797;
	background-color: white;
	border-style: solid;
	z-index: 10;
	/* margin-top: 120px; */
	margin-top: 0;
	/* margin: 120px 30vw; */
	position: absolute;
	margin-right: 60px;
	margin-left: 400px;
	text-align:center;
}

.welcome-popover-div {
	height: auto;
	width: 180px;
	border: 1px;
	border-color: #757575;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #979797;
	background-color: white;
	border-style: solid;
	z-index: 90;
	margin-top: 0;
	position: absolute;
	margin-right: 60px;
	margin-left: 400px;
	text-align:center;
    position: fixed;
}

.signout-popover-div {
	height: auto;
	width: 260px;
	/* min-width: 400px; */
	border: 1px;
	border-color: #757575;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #979797;
	background-color: white;
	border-style: solid;
	z-index: 10;
	/* margin-top: 120px; */
	margin-top: 0;
	/* margin: 120px 30vw; */
	position: absolute;
	margin-right: 60px;
	margin-left: 400px;
	text-align:center;
}

.results-popover-div {
	height: auto;
	border: 1px;
	border-color: #757575;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #979797;
	background-color: white;
	border-style: solid;
	z-index: 8;
	margin-top: 0;
	position: absolute;
}

.signin-popover-div {
	height: auto;
	/* width: 40vw; */
	/* min-width: 400px; */
	border: 1px;
	border-color: #757575;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #979797;
	background-color: white;
	border-style: solid;
	z-index: 90;
	/* margin-top: 120px; */
	margin-top: 0;
	/* margin: 120px 30vw; */
	position: absolute;
}

.contact-popover-div {
	height: auto;
	/* width: 40vw; */
	/* min-width: 400px; */
	border: 1px;
	border-color: #757575;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #979797;
	background-color: white;
	border-style: solid;
	z-index: 90;
	/* margin-top: 120px; */
	margin-top: 0;
	/* margin: 120px 30vw; */
	position: fixed;
}

.spinner-popover-div {
	/* height: auto; */
	/* width: 40vw; */
	/* min-width: 400px; */
	/* border: 1px;
	border-color: #757575;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #979797; */
	/* background-color: white; */
	border: 0;
	background-color: rgba(255,255,255,0);
	border-style: solid;
	z-index: 10;
	/* margin-top: 120px; */
	/* margin-top: 0; */
	/* margin: 120px 30vw; */
	position: absolute;
}

.horizontal-list-popover-div {
	height: auto;
	border: 0;
	/* border-color: #757575;
	border-radius: 5px; */
	/* box-shadow: 2px 2px 2px #979797; */
	/* background-color: white; */
	/* border-style: solid; */
	z-index: 2;
	margin-top: 80%;
	position: absolute;
	bottom: 20px;
}

/* .google-button {
	background:url("google-signin-dark.png");
	background-size: 191px 46px;
	cursor:pointer;
    border:none;
    width:191px;
	height:46px;
}

.apple-button {
	background:url("signInWithApple.png");
	background-size: 212px 38px;
	background-position-x: -10px;
	cursor:pointer;
    border:none;
    width:191px;
	height:38px;
	border-radius: 5px;
} */

.separator {
    display: flex;
    align-items: center;
	text-align: center;
	color: #ccc;
}

.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ccc;
}

.separator::before {
    margin-right: .25em;
}

.separator::after {
    margin-left: .25em;
}

/* .guideme-popover-div {
	border: 1px;
	border-color: #757575;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #313131;
	background-color: white;
	border-style: solid;
	z-index: 10;
	position: absolute;
	background-image: url("homepage.jpg");  
	background-size: cover;
	overflow: auto;
} */

.guideme-mobile {
	background-size: cover;
}

.guide-me-slider {
	margin-left: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.guidemebackground-popover-div {
	top: 0;
	width: 100%;
	background-color: black;
	opacity: 0.7;
	z-index: 9;
	position: absolute;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    vertical-align: -0.5px;
}

.radio-label {
	margin-left: 10px;
	font-size: 16px;
	line-height: 1.42857143;
	font-weight: 500;
}

.listingdetail-popover-div {
	overflow-y: hidden;
	/* max-height: 95vh; */
	z-index: 12 !important;
}

.hide-overflow {
	overflow-y: hidden !important;
}

.referral-div {
	z-index: 11 !important;
}

.error-msg-text {
	text-align: center; 
	margin-top: 10px;
	padding: 15px;
	font-size: 1.25em;
}

.myimbbtn {
	display:inline-block;
	padding:0.3em 1.2em;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: -10px;
	/* border-radius:0.5em !important; */
	box-sizing: border-box;
	/* text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400; */
	height: 40px;
	min-width: 40px;
	/* font-size: 12px !important; */
	/* color:white;
	background-color:#0078bd !important; */
	text-align:center;
}

.myimbbtn-ui {
	display:inline-block;
	padding:0.3em 1.2em;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: -10px;
	box-sizing: border-box;
	text-align:center;
}

.header-btn {
	border: none;
	background-color: inherit;
	padding: 14px 28px;
	font-size: 16px;
	height: 50px;
	cursor: pointer;
	display: inline-block;
}

.welcome-btn {
	border: none;
	background-color: inherit;
	padding: 14px 28px;
	font-size: 16px;
	height: 50px;
	cursor: pointer;
	display: inline-block;
}

.header-menu {
	margin-right: 40px;
	float: right;
}

.myimbbtn:focus {
	outline: none;
}

.myimbbtn-ui:focus {
	outline: none;
}

.mybtn-resend {
	display:inline-block;
	padding:0.3em 1.2em;
	margin-top: -20px;
	margin-bottom: 10px;
	margin-left: 0;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: 46px;
	min-width: 390px;
	font-size: 12px !important;
	color:white;
	background-color:#0078bd !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.mybtn-wide {
	display:inline-block;
	padding:0.3em 1.2em;
	margin-top: 11px;
	margin-right: 15px;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: 28px;
	min-width: 160px;
	font-size: 12px !important;
	color:white;
	background-color:#0078bd !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.mybtn-small {
	display:inline-block;
	padding:0.3em 1.2em;
	margin-top: 11px;
	margin-right: 15px;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: 28px;
	min-width: 60px;
	font-size: 12px !important;
	color:white;
	background-color:#0078bd !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.mybtn-wide-disabled {
	display:inline-block;
	padding:0.3em 1.2em;
	margin-top: 11px;
	margin-right: 15px;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: 28px;
	min-width: 160px;
	font-size: 12px !important;
	color:white;
	background-color:#cac8c8 !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
	border: 0;
	cursor: default;
}

.mybtn-admin {
	display:inline-block;
	padding:0.3em 1.2em;
	margin-top: 11px;
	margin-right: 15px;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: 28px;
	min-width: 160px;
	font-size: 12px !important;
	color:white;
	background-color:#830202 !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.mybtn-agent {
	display:inline-block;
	padding:0.3em 1.2em;
	margin-top: 11px;
	margin-right: 15px;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: 28px;
	min-width: 160px;
	font-size: 12px !important;
	color:white;
	background-color:#058f5a !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.mybtn-welcome {
	display:inline-block;
	padding:1.2em 1.2em;
	margin-top: 40px;
	margin-right: 15px;
	margin-bottom: 40px;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: auto;
	min-width: 95px;
	font-size: 20px !important;
	color:white;
	background-color:#0078bd !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.mybtn-welcome-green {
	display:inline-block;
	padding:1.2em 1.2em;
	margin-top: 40px;
	margin-right: 15px;
	margin-bottom: 40px;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: auto;
	min-width: 95px;
	font-size: 20px !important;
	color:white;
	background-color:#5ea74f !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.mybtn-welcome-green:hover {
	cursor: pointer;
	text-decoration: none;
}

.mybtn-welcome:hover {
	cursor: pointer;
	text-decoration: none;
}

.mybtn-column:hover {
	cursor: pointer;
	text-decoration: none;
}

.attribution {
	text-align: center;
}

.iconbutton {
	background-color:#0078bd !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
	border: 0;
	max-height: 28px;
	margin-top: 11px;
	padding:0.35em 1.2em;
	border-radius:0.5em !important;
	margin-right: 15px;
}

.iconbutton-disabled {
	background-color:#cac8c8 !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
	border: 0;
	max-height: 28px;
	margin-top: 11px;
	padding:0.35em 1.2em;
	border-radius:0.5em !important;
	margin-right: 15px;
	vertical-align: top !important;
}

.iconbutton:focus {
	outline: 0;
}

.iconbutton-disabled:focus {
	outline: 0;
}

.iconForButton {
	max-height: 16px;
	margin-left: 5px;
}

.iconForButton:focus { outline: none; }

.redDotForButton {
    position: absolute;
    right: 70px;
}

.more-preferences-warning {
	color: #a94442;
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    white-space: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.95em;
	padding-right: 5px;
}

.savenotes-btn {
	width: 80px !important;
	height: 22px !important;
}

.mybtn {
	display:inline-block;
	padding: 0;
	margin-top: 11px;
	margin-right: 15px;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: 28px;
	width: 90px;
	font-size: 12px !important;
	color:white;
	background-color:#0078bd !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.mybtn:disabled {
	display:inline-block;
	padding: 0;
	margin-top: 11px;
	margin-right: 15px;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: 28px;
	width: 90px;
	font-size: 12px !important;
	color:white;
	background-color:#74b6dd !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.mybtn-column {
	display:inline-block;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	border-radius:0.5em !important;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	height: 20px;
	width: 55px;
	/* font-size: 10px !important; */
	color:white;
	background-color:#0078bd !important;
	text-align:center;
	box-shadow: 1px 1px 1px #979797;
    border: 0;
}

.agent-button {
	padding: 0 10px !important;
	width: auto !important;
	margin-left: 40px;
	margin-top: 0;
	float: right;
    margin-right: -25px !important;
}

.mybtn-submit-textarea {
	height: 20px !important;
	min-width: 60px;
	padding: 0 !important;
	margin-top: 5px !important;
}

.mybtn-submit-signout {
	margin-top: 10px !important;
	margin-right: 15px;
}

.mybtn-hamburger-top {
	margin-top: 20px !important;
	margin-right: 15px;
}

.mybtn-textarea {
	height: 20px !important;
}

.top-margin {
	margin-top: 40px;
}

.no-left-right-space {
	margin-left: 0 !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
	padding-right: 0 !important;
}

/* .background-imagery {
	background-image: url("midtownslice3.jpg");
	background-size: cover;
	border-right: 1px solid #8a8a8a;
	transition: all .2s linear;
	float:left;
} */

.background-imagery {
	background-color: rgba(255,255,255,0.5);
	background-size: cover;
	border-right: 1px solid #8a8a8a;
	transition: all .2s linear;
	float:left;
}

.x-button-listings {
	float: right;
	border: 0 !important;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	font-size: 28px !important;
	margin-top: 0px;
	margin-right: 8px;
	color:rgb(102,102,102);
	background-color: transparent;
	text-align:center;
}

.x-button-listing-detail {
	float: right;
	border: 0 !important;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	font-size: 28px !important;
	margin-top: -1px;
	margin-right: -3px;
	color:black;
	background-color: transparent;
	text-align:center;
}

.share-button-listing-detail {
	float: right;
	border: 0 !important;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	font-size: 28px !important;
	margin-top: -2px;
	margin-right: 4px;
	color:black;
	background-color: transparent;
	text-align:center;
	cursor: pointer;
	padding-bottom: 1em;
}

.share-confirmation {
	color: #0078bd;
	float: right;
	margin-top: -33px;
	display: none;
}

.share-confirmation-list {
	color: #0078bd;
	float: right;
	font-size: 0.7em;
	margin-right: 3px;
}

.share-confirmation-list-horiz {
	color: #0078bd;
	float: right;
	font-size: 0.7em;
	margin-left: 20px;
}

.x-button-guideme {
	float: right;
	border: 0 !important;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	font-size: 24px !important;
	margin-top: 5px;
	color:white;
	background-color: rgba(255, 255, 255, 0.0);
	text-align:center;
}

.x-button {
	float: right;
	border: 0 !important;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	font-size: 24px !important;
	margin-top: -5px;
	color:black;
	background-color: white;
	text-align:center;
}

.x-button-ep {
	float: right;
	border: 0 !important;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	font-size: 24px !important;
	margin-top: 0;
	color:black;
	background-color: white;
	text-align:center;
}

.x-button-msg {
	float: right;
	border: 0 !important;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	font-size: 24px !important;
	margin-top: -10px;
	color:black;
	background-color: white;
	text-align:center;
}

.x-button-transparent {
	float: right;
	border: 0 !important;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	font-size: 24px !important;
	margin-top: -3px;
	margin-right: -22px;
	color:black;
	background-color: rgba(255, 255, 255, 0.0);
	text-align:center;
}

.x-button-small {
	float: right;
	border: 0 !important;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	font-size: 18px !important;
	margin-top: 0;
	margin-right: -10px;
	color:black;
	background-color: white;
	text-align:center;
}

.reset {
	margin-top: 20px !important;
	margin-bottom: 30px;
}

.reset-filters {
	margin-bottom: 30px;
}

.small-text {
	font-size: 11px !important;
}

.footer-link1 {
	font-size: 11px;
	text-decoration: none;
	margin-right: 10px;
	cursor: pointer;
}

.footer-link2 {
	font-size: 11px;
	text-decoration: none;
	margin-left: 10px;
	cursor: pointer;
}

.price-text {
	font-size: 13px !important;
}

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

.border-top-0 {
	border-top: 0 !important;
}

.bold-text {
	font-weight: bold;
}

.blue-text {
	color:#055e92 !important;
}

.red-text {
	color:#860c03 !important;
}

.cursor-pointer {
	cursor: pointer;
}

.gray-shadow {
	text-shadow: 2px 2px 3px rgb(73, 73, 73);
}

.gray-text {
	color: rgb(102, 102, 102);
}

.dark-gray-shadow {
	text-shadow: 2px 2px 3px rgb(43, 43, 43);
}

.white-shadow {
	text-shadow: 2px 2px 5px white;
}

input.ng-invalid, select.ng-invalid {
  border-left: 5px solid #a94442;
}

input.ng-valid, select.ng-valid {
  border-left: 5px solid #42A948;
}

.white-text {
	color: white;
}

.black-text {
	color: black !important;
}

.sort-button {
	margin-top: 4px;
	margin-left: 0;
	margin-right: 7px;
	height: 18px;
	/* filter: drop-shadow(2px 2px 3px rgb(73, 73, 73)); */
	border: none;
}

.sort-button:focus { outline: none; }

.refine-search-button {
	margin-top: 4px;
	margin-left: 0;
	margin-right: 7px;
	height: 30px;
	/* filter: drop-shadow(2px 2px 3px rgb(73, 73, 73)); */
	border: none;
}

.refine-search-button:focus { outline: none; }

.back-button {
	/* margin-top: 4px;
	margin-left: 0;
	margin-right: 7px;
	height: 18px; */
	padding-right: 0 !important;
	padding-left: 0 !important;
	max-width: 32px;
	margin-top: 20px;
	filter: drop-shadow(2px 2px 3px rgb(73, 73, 73));
	border: none;
}

.back-button:focus { outline: none; }

.listing-photo {
	object-fit: contain; 
	width: 100%;
	max-height: 60vh;
}

.sort-label {
	color: rgb(102, 102, 102);
	font-size: 12px;
	margin-left: 5px;
	margin-top: 0 !important;
	margin-bottom: 0px !important;
	font-weight: 500;
}

.sort-choice {
	/* width: 85%; */
	height: 28px;
	font-size: 11px;
	line-height: 1.2;
	margin-bottom: 8px;
	color: #333;
	display: inline-block;
	border-width: 1px !important;
    border-style: solid !important;
	border-color: #999999 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
    padding: .5em;
	padding-right: 1.5em;
	border-radius: 0;
	transition: all .2s linear;
}

.rTable-saved-search {
	height: auto !important;
	margin-bottom: 30px !important;
}

.rTable {
	display: inline-block;
	margin-left: 0px;
	/* margin-bottom: 20px; */
	width: 99% !important;
	overflow-y: scroll;
	/* height: 85vh; */
 }

.rTableListings {
	display: inline-block;
	margin-left: 0px;
	/* margin-bottom: 20px; */
	width: 99% !important;
	overflow-y: scroll;
	/* height: 83vh; */
 }

.rTableHeading, .rTableBody, .rTableFoot, .rTableRow{
	clear: both;
 }

.rTableHead, .rTableFoot{
	font-weight: bold;
 }

.rTableHeadRef {
	border: 1px solid #999999;
	border-left: 0;
	float: left;
	display: block;
	overflow: auto;
	padding: 3px 1.8%;
	background-color: #e9e9e9;
	/* width: 170px; */
 }

.rTableHead {
	border: 1px solid #999999;
	float: left;
	display: block;
	overflow: auto;
	padding: 3px 1.8%;
	background-color: #e9e9e9;
	/* width: 170px; */
 }

.rTableRow {
	background-color: lightgreen;
	display: block;
	overflow: auto;
 }

.rTableRowFirst {
	display: block;
	overflow: auto;
	background-color: #e9e9e9;
	border-top: 1px solid #999999;
 }

.rTableRowOdd {
	display: block;
	overflow: auto;
	background-color: rgba(233,233,233,0.5);
 }

.rTableRowEven {
	display: block;
	overflow: auto;
	background-color: rgba(255,255,255,0.5);
 }

.rTableRowTransparent {
	display: block;
	overflow: auto;
	background-color: rgb(255, 255, 255, 0.7);
 }

.rTableRowEven:hover {
	background-color: lightblue;
 }

.rTableRowOdd:hover {
	background-color: lightblue;
 }

.rTableRowSelected {
	background-color: lightgreen;
 }

.rTableRowSelectedTransparent {
	background-color: rgba(144, 238, 144, 0.5);
 }

.border-left1 {
	border-left: 1px solid #999999 !important;
 }

.minwidth-120 {
	 min-width: 120px !important;
 }

.rTableCellRef {
	border: 1px solid #999999;
	border-left: 0;
	float: left;
	display: block;
	overflow: auto;
	overflow: hidden;
	padding: 3px 1.8%;
	/* width: 100%; */
 }

.rTableCellRef:hover {
	cursor: default;
 }

.rTableCell {
	border: 1px solid #999999;
	float: left;
	display: block;
	overflow: auto;
	overflow: hidden;
	padding: 3px 1.8%;
	width: 100%;
 }

.rTableCell:hover {
	cursor: default;
 }

.rTable:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
 }

.alink:hover {
	 cursor: pointer;
	 text-decoration: none;
 }

.alink {
	 float: right;
	 margin-top: 25px;
 }

.blink:hover {
	cursor: pointer;
	text-decoration: none;
}

.blink {
	float: right;
	width: 100%;
	text-align: right;
}

.bblink:hover {
	cursor: pointer;
	text-decoration: none;
}

.bblink {
	float: right;
	margin-top: 12px;
	width: 100%;
	text-align: right;
}

.clink:hover {
	cursor: pointer;
	text-decoration: none;
}

.clink {
	float: right;
	margin-top: 12px;
}

.dlink {
	float: left;
	font-size: 12px;
}

.dlink:hover {
	cursor: pointer;
	text-decoration: none;
}

.listing-thumbnail {
	max-width: 100%;
	margin-top: 3px;
	margin-bottom: 5px;
	border: 0;
	padding: 0;
}

.listing-text-position-1 {
	margin-top: 5px;
}

.listing-text-position-2 {
	margin-top: 0;
}

.listing-cell {
	min-height: 80px;
}

.horizontal-cell {
	min-height: 80px;
}

.position-99p {
	position: absolute;
    margin-left: 99%;
}

.position-98p {
	position: absolute;
    margin-left: 98%;
}

.position-95p {
	position: absolute;
    margin-left: 95%;
}

.position-92p {
	position: absolute;
    margin-left: 92%;
}

.position-89p {
	position: absolute;
    margin-left: 89%;
}

.position-88p {
	position: absolute;
    margin-left: 88%;
}

.position-85p {
	position: absolute;
    margin-left: 85%;
}

.position-82p {
	position: absolute;
    margin-left: 82%;
}

.position-79p {
	position: absolute;
    margin-left: 79%;
}

.position-78p {
	position: absolute;
    margin-left: 78%;
}

.position-75p {
	position: absolute;
    margin-left: 75%;
}

.position-72p {
	position: absolute;
    margin-left: 72%;
}

/* .pane-toggle-container {
	margin-top: 66px;
	width: 21px;
	height: 40px;
	background-color: white;
	z-index: 8;
	position:absolute;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	border-left: 1px solid #D4D4D4;
	opacity: 0.8;
	cursor: pointer;
} */

.pane-toggle-container {
	margin-top: 10px;
	width: 21px;
	height: 40px;
	background-color: white;
	z-index: 8;
	position:absolute;
	/* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); */
	box-shadow: 2px 2px 2px #979797;
	/* border-left: 1px solid #D4D4D4; */
	/* opacity: 0.5; */
	background-color: rgba(255,255,255,0.5);
	cursor: pointer;
	transition: all .2s linear;
}

.pane-toggle-button {
	width: 14px;
    height: 14px;
    cursor: pointer;
    /* background: white; */
	margin-top: 13px;
	margin-left: 3px;
	position:absolute;
	z-index: 9;
}

.pane-toggle-button:focus { outline: none; }

.collapsed-pane {
	width: 0.1vw !important;
	box-shadow: 0 0 !important;
}

.expanded-map {
	width: 99.9vw !important;
}

.restrain-image {
    max-width: 500px;
}

/* Fading animation */

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
  }

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }

.caption-text {
	  font-size: 14px;
	  text-align: center;
	  margin-bottom: 5px;
  }

.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 390px;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 36px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	-webkit-user-select: none;
	        user-select: none;
	background-color: rgba(206, 206, 206, 0.8);
  }

/* Position the "next button" to the right */

.next {
	right: 0;
	border-radius: 3px 0 0 3px;
	margin-right: 15px;
  }

/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.5);
	text-decoration: none;
  }

.numbertext {
	color: #d3d3d3;
	font-size: 20px;
	padding: 8px 12px;
	position: absolute;
	top: 100px;
  }

@media (min-width: 1900px) {
	.central-graphic {
		width: 20vw;
	}
}

@media (min-width: 1024px) {
	.ngx-gallery-center {
		transform: scale(1.2) !important;
	}
}

@media (max-height: 900px) and (max-width: 1600px) {
	.form-control {
		width: 100%;
		height: 28px;
		padding: 6px 12px;
		font-size: 12px;
		line-height: 1.22857143;
		color: #555;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}

	body {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 12px;
		line-height: 1.22857143;
		color: #333;
		background-color: #fff;
	}

	.h2, h2 {
		font-size: 24px;
	}
	.ng5-slider-tick-legend {
		font-size: 10px;
	}
}

@media (max-height: 600px) {
	.guide-me-container {
		margin-top: 5%;
		float: left;
		background: rgba(255, 255, 255, 0.7);
	}
}

@media (max-height: 720px) and (max-width: 1280px) {
	.form-control {
		/* display: block; */
		width: 100%;
		height: 28px;
		padding: 3px 6px;
		font-size: 11px;
		line-height: 1.1;
		color: #555;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}

	body {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 11px;
		line-height: 1;
		color: #333;
		background-color: #fff;
	}

	.h2, h2 {
		font-size: 20px;
	}   
}

@media (max-height: 1024px) {
	/* .rTable {
		height: 80vh;
	 }
	 .rTableListings {
		height: 78vh;
	 }	  */
}

@media (max-height: 824px) {
	/* .rTable {
		height: 78vh;
	}
	.rTableListings {
		height: 75vh;
	} */
}

@media (max-height: 700px) {
	/* .rTable {
		height: 75vh;
	 }
	 .rTableListings {
		height: 72vh;
	 }	  */
}

@media (max-height: 414px) {
	/* .rTable {
		height: 56vh;
	}
	.rTableListings {
		height: 53vh;
	}	 */
	.guide-me-container {
		margin-top: 2%;
		float: left;
		background: rgba(255, 255, 255, 0.7);
	}
	.guide-me-container-mapimage {
		margin-top: 0 !important;
	}
    .logo-main {
        margin-top: 4vh;
        max-height: 80vh !important;
    }
}

@media (min-width: 1800px) {
	.welcome-bullet-group {
		margin-left: 34vw;
		margin-right: 34vw;
	}
}

@media (min-width: 1900px) {
	.welcome-bullet-group {
		margin-left: 35vw;
		margin-right: 35vw;
	}
}

@media (max-width: 2000px) {
    .logo-main {
        margin-top: 25vh;
        max-width: 40vw;
        margin-left: 33vw;
    }
}

@media (max-width: 1600px) {
    .logo-main {
        margin-top: 25vh;
        max-width: 80vw;
        margin-left: 20vw;
    }
}

@media (max-width: 1200px) {
    .logo-main {
        margin-top: 25vh;
        max-width: 80vw;
        margin-left: 20vw;
    }
}

@media (max-width: 1000px) {
    .logo-main {
        margin-top: 25vh;
        max-width: 80vw;
        margin-left: 0;
    }
}

@media (max-width: 900px) {
    .logo-main {
        margin-top: 25vh;
        max-width: 80vw;
        margin-left: 0;
    }
}

@media (max-width: 800px) {
    .logo-main {
        margin-top: 25vh;
        max-width: 80vw;
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
	.welcome-bullet-group {
		padding: 0 2% 0 2%;
		margin-top: 10px;
		margin-left: 20vw;
		margin-right: 20vw;
	}
	/* .prev, .next {
		cursor: pointer;
		position: absolute;
		top: 250px;
		width: auto;
		padding: 12px;
		margin-top: -22px;
		color: white;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
		background-color: rgba(206, 206, 206, 0.8);
	} */
	.listing-detail-title-margin-top {
		margin-top: -18px !important;
	}
	.youtube-frame {
		width: 260px;
		height: 150px;	
	}
}

@media (max-width: 850px) {
	.guideme-mobile {
		background-size: cover;
		width: 100% !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		height: 100% !important;
	}
	.guide-me-container {
		margin-left: 0 !important;
		width: 100% !important;
	}
	.guide-me-slider {
		margin-left: 30px !important;
		padding-right: 40px !important;
		width: 50% !important;
	}
	.guide-me-question {
		margin-left: 30px !important;
	}
	.medium-text {
		font-size: 10px !important;
	}
	.listing-detail-title-margin-top {
		margin-top: -18px !important;
	}
	.central-graphic {
		width: 70vw;
	}
	.bblink {
		margin-top: 17px;
		float: right;
		width: 100%;
		text-align: right;
	}
}

@media (max-width: 812px) {
	.collapsed-pane {
		width: 0.2vw !important;
	}
	
	.expanded-map {
		width: 99.8vw !important;
	}

	.check-box-house-horizontal {
		margin-top: -3px;
		font-size: 20pt;
		color: lightgray;
		max-width: 20px;
		min-width: 20px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.check-box-red {
		color: rgb(218, 82, 82);
	}
	.welcome-bullet-group {
		padding: 0 2% 0 2%;
		margin-top: 10px;
		margin-left: 12vw;
		margin-right: 12vw;
	}
	.medium-text {
		font-size: 10px !important;
	}
	.listing-detail-title-margin-top {
		margin-top: -18px !important;
	}
	.central-graphic {
		width: 70vw;
	}
	.welcome-margin-padding-l {
		border-right: 2rem dotted white;
	}
	.welcome-margin-padding-r {
		border-left: 2rem dotted white;
		border-top: 0 !important;
	}
	.youtube-frame {
		width: 260px;
		height: 150px;	
	}
	.dopsle-title1 {
		font-size: 3rem;
	}
}

@media (max-width: 768px) {
	.guideme-mobile {
		background-size: cover;
		width: 100% !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		height: 100% !important;
	}
	.guide-me-container {
		margin-left: 0 !important;
		width: 100% !important;
	}
	.guide-me-slider {
		margin-left: 30px !important;
		padding-right: 40px !important;
		width: 50% !important;
	}
	.guide-me-question {
		margin-left: 30px !important;
	}
	.collapsed-pane {
		width: 0.3vw !important;
	}
	
	.expanded-map {
		width: 99.7vw !important;
	}
	.mx-auto {
		margin-left: 3% !important;
		margin-right: 3% !important;
	}
	.welcome-bullet-group {
		padding: 0 2% 0 2%;
		margin-top: 10px;
		margin-left: 2vw;
		margin-right: 2vw;
	}
	.ng5-slider .ng5-slider-bubble {
		font-size: 12px !important;
	}
	.welcome-menu {
		display: none !important;
	}
	.welcome-hamburger {
		display: inline !important;
	}
	.medium-text {
		font-size: 10px !important;
	}
	/* .prev, .next {
		cursor: pointer;
		position: absolute;
		top: 250px;
		width: auto;
		padding: 12px;
		margin-top: -22px;
		color: white;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
		background-color: rgba(206, 206, 206, 0.8);
	} */
	.listing-detail-title-margin-top {
		margin-top: -18px !important;
	}
	.central-graphic {
		width: 70vw;
	}
}

@media (max-width: 414px) {
	.mx-auto {
		margin-left: 3% !important;
		margin-right: 3% !important;
	}
	.welcome-bullets {
		font-size: 1.4rem !important;
	}
	.appstore-margin-padding {
		/* margin: 0 !important; */
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 20px !important;
		padding-top: 10px !important;
        padding-bottom: 10px !important;
	}	
	.welcome-margin-padding {
		/* margin: 0 !important; */
		padding-left: 5px !important;
		padding-right: 5px !important;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}
	.welcome-margin-padding-r {
		border-top: 0 !important;
	}
	.youtube-frame {
		width: 260px;
		height: 150px;	
	}
	.welcome-icon {
		margin-left: 0;
	}
	.welcome-bullet-group {
		padding: 0 2% 0 2%;
		margin-top: 10px;
		margin-left: 2vw;
		margin-right: 2vw;
	}
	.header-btn {
		font-size: 12px;
	}
	.guideme-mobile {
		background-size: cover;
		width: 100% !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.guide-me-container {
		margin-left: 0 !important;
		width: 100% !important;
	}
	.guide-me-slider {
		margin-left: 20px !important;
		padding-right: 40px !important;
		width: 90% !important;
	}
	.guide-me-question {
		margin-left: 30px !important;
	}
	.guide-me-map-image {
		width: 75%;
	}
	.guide-me-map-input {
		max-width: 60%;
	}
	.mybtn-welcome-green {
		margin-right: 0 !important;
	}
	.margin-left-40 {
		margin-left: 10px !important;
	}
	
	.mybtn:disabled {
		padding:0.3em 1.2em;
		/* min-width: 65px; */
	}
	.collapsed-pane {
		width: 0.3vw !important;
	}
	
	.expanded-map {
		width: 99.7vw !important;
	}

	.mybtn {
		font-weight:300;
	}
	
	.mybtn:disabled {
		font-weight:300;
	}

	.myimbbtn {
		margin-right: 5px;
	}
	.pane-toggle-container {
		opacity: 1.0;
	}
	.central-graphic {
		width: 80vw;
	}
	/* .numbertext {
		color: #f2f2f2;
		font-size: 12px;
		padding: 8px 12px;
		position: absolute;
		top: 100px;
	} */

	/* .prev, .next {
		cursor: pointer;
		position: absolute;
		top: 200px;
		width: auto;
		padding: 12px;
		margin-top: -22px;
		color: white;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
		background-color: rgba(206, 206, 206, 0.8);
	} */

	h2 {
		font-size: 16px;
	}

	h4 {
		font-size: 11px;
	}

	.h2-title {
		font-size: 19px !important;
	}

	.h4-title {
		font-size: 17px !important;
	}

	.margin-top-minus20 {
		margin-top: -10px !important;
	}

	.check-box-house-horizontal {
		margin-top: -5px;
		font-size: 20pt;
		color: lightgray;
		max-width: 20px;
		min-width: 20px;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.check-box-red {
		color: rgb(218, 82, 82);
	}
	.ng5-slider .ng5-slider-bubble {
		font-size: 12px !important;
	}
	.iconbutton {
		display: none !important;
	}
	.iconbutton-disabled {
		display: none !important;
	}
	.welcome-menu {
		display: none !important;
	}
	.welcome-hamburger {
		display: inline !important;
	}
	.search-checkbox-label {
		margin-top: 14px !important;
	}
	.x-button-listing-detail {
		padding-right: 1px !important;
	}
	.x-button-listings {
		padding-right: 1px !important;
		padding-left: 1px !important;
	}
	.x-button {
		padding-right: 0 !important;
	}
	.listing-detail-title-margin-top {
		margin-top: -18px !important;
	}
	.check-box-housedetail {
		margin-top: -2px;
	}
 }

@media (max-width: 390px) { 
 }

@media (max-width: 360px) { 
 }

@media (max-width: 320px) {
	/* .guideme-mobile {
		background-size: cover;
		width: 100% !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	} */
	/* .guide-me-container {
		margin-left: 0 !important;
		width: 100% !important;
	}
	.guide-me-slider {
		margin-left: 20px !important;
		padding-right: 40px !important;
		width: 90% !important;
	}
	.guide-me-question {
		margin-left: 30px !important;
	}*/
	.mybtn-welcome-green {
		margin-right: 10px !important;
	} 
	.guide-me-map-image {
		width: 75%;
	}
	.guide-me-map-input {
		max-width: 60%;
	}
	.ng5-slider .ng5-slider-bubble {
		font-size: 12px !important;
	}
	.iconbutton {
		display: none !important;
	}
	.iconbutton-disabled {
		display: none !important;
	}
	.welcome-menu {
		display: none !important;
	}
	.welcome-hamburger {
		display: inline !important;
	}
	.search-checkbox-label {
		margin-top: 14px !important;
	}
	.x-button-listing-detail {
		padding-right: 1px !important;
	}
	.x-button-listings {
		padding-right: 1px !important;
		padding-left: 1px !important;
	}
	.x-button {
		padding-right: 0 !important;
	}
	.listing-detail-title-margin-top {
		margin-top: -18px !important;
	}
	.central-graphic {
		width: 80vw;
	}  
}

@media (max-height: 768px) and (max-width: 1024px) {
	.listing-detail-title-margin-top {
		margin-top: -18px !important;
	}
	.appstore-margin-padding {
		/* margin: 0 !important; */
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 20px !important;
		padding-top: 10px !important;
	}
	.welcome-margin-padding {
		/* margin: 0 !important; */
		padding-left: 5px !important;
		padding-right: 5px !important;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}
}

@media (max-height: 1024px) and (max-width: 768px) {
	.check-box-housedetail {
		margin-top: -2px;
	}
}

@media (max-height: 414px) and (max-width: 896px) {
    .logo-main {
        margin-top: 4vh;
        max-height: 80vh !important;
    }
	.appstore-margin-padding {
		/* margin: 0 !important; */
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 20px !important;
		padding-top: 10px !important;
	}
	.welcome-margin-padding {
		/* margin: 0 !important; */
		padding-left: 5px !important;
		padding-right: 5px !important;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}
	.welcome-margin-padding-r {
		border-top: 0 !important;
	}
	.youtube-frame {
		width: 260px;
		height: 150px;	
	}
	.mx-auto {
		margin-left: 10% !important;
		margin-right: 10% !important;
	}
	.dopsle-title2 {
		font-size: 1.5rem !important;
		margin-bottom: 10px !important;
	}
	.search-checkbox-label {
		margin-top: 14px !important;
	}
	.x-button-listing-detail {
		padding-right: 1px !important;
	}
	.x-button-listings {
		padding-right: 1px !important;
		padding-left: 1px !important;
	}
	.x-button {
		padding-right: 0 !important;
	}
	.listing-detail-title-margin-top {
		margin-top: -18px !important;
	}
	.share-button-listing-detail {
		margin-top: -4px;
	}
	.check-box-housedetail {
		margin-top: -2px;
	}
}

@media (max-height: 320px) and (max-width: 568px) {
    .logo-main {
        margin-top: 4vh;
        max-height: 80vh !important;
    }
	.appstore-margin-padding {
		/* margin: 0 !important; */
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 20px !important;
		padding-top: 10px !important;
	}
	.welcome-margin-padding {
		/* margin: 0 !important; */
		padding-left: 5px !important;
		padding-right: 5px !important;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}
	.welcome-margin-padding-r {
		border-top: 0 !important;
	}
	.youtube-frame {
		width: 260px;
		height: 150px;	
	}
	.mx-auto {
		margin-left: 10% !important;
		margin-right: 10% !important;
	}
	.dopsle-title2 {
		font-size: 1.5rem !important;
		margin-bottom: 5px !important;
	}
	.search-checkbox-label {
		margin-top: 14px !important;
	}
	.listing-detail-title-margin-top {
		margin-top: -18px !important;
	}
}

/*# sourceMappingURL=styles.css.map*/