/* Create Account */
.map_contr{position:absolute;left:360px;right:0px;bottom:0px;top:0px;}
.mc_leftcol{position:absolute;left:0px;right:auto;top:0px;bottom:0px;width:360px;background-color:#fff;z-index: 1002;/*z-index:100;*/box-shadow: 0 12px 24px 0 rgba(54, 76, 89, 0.12);}
#close_location{float:right;/*background-color:#fff;*/z-index: 101;display:block;padding:4px 0px 0px 0px;border-radius:0px 2px 2px 0px;/*background-color:#0b92e6;*/}
.mcl_header{background-color:#0b92e6;/*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);*/}
.header_top{background-color:white; border-bottom:1px solid rgba(255, 255, 255, 0.2);padding:8px;/*background-color: #0b92e6;*/height:49px;overflow:hidden;}
.header_top .newlogo{width:32px;height:32px;margin-top:0px;}
.mclh_footer {background-color:#0a83cf;font-size:16px;padding:8px 15px 8px 15px;color:#fff;font-family: "effra",helvetica, arial;letter-spacing:0.1px;text-align:left;}
.mcl_locations{min-height:40px;padding:10px;}
.location_item{clear:both;padding-bottom:10px;background:url("https://content.harstatic.com/resources/images/icons/directions/doted_lines.png") repeat-y 8px 0px;}
.li_photo{width:85px;height:48px;background-position:center center;background-repeat:no-repeat;background-size:cover;margin-right:0px;float:left;}
.lip_inner{width:25px;height:48px;background-image: linear-gradient(to left, rgba(18, 31, 38, 0), rgba(18, 31, 38, 0.5));}
.lip_inner img{padding-top:13px;padding-left:8px;}
.li_address_cntr{ margin-left:90px;}
.li_address{ color:#fff;padding-top:3px;margin-right:25px;}
.li_close{float:right;width:25px;padding-top:12px;text-align:right;}
.li_close img{width:16px;height:16px;}
.li_address input[type="text"] {/*white-space: nowrap; position:relative;overflow: hidden;*/ background-color: #0a83cf;height:44px;color:#fff;border:none;border-radius:0px;width:100%;}
/*.li_address:after {content: "";pointer-events: none;position: absolute;width: 100px;height: 100%;top: 0; right: 0;
  background-image: -webkit-linear-gradient(right, #0b92e6 , rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(right, #0b92e6, rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(right, #0b92e6, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(right, rgba(255, 255, 255, 1)#0b92e6, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to left, #0b92e6, rgba(255, 255, 255, 0));
}*/
.ht_info{color:#fff;}
.ht_info{background:url("https://content.harstatic.com/resources/images/icons/directions/doted_lines.png") no-repeat 10px -10px;}
.ht_info_inner{padding-left:80px;padding-top:15px;background:url("https://content.harstatic.com/resources/images/icons/miles_icon.png") no-repeat 10px 20px;}
.ht_info .light{color:rgba(255,255,255,0.7);}
.ht_info input[type="text"]{background-color:transparent;border:none;color:#fff;box-shadow:inherit !important;border-radius:0px;}
.location_item.first input[type="text"]{background-color:#0b92e6;border:none;color:#fff;box-shadow:inherit !important;border:1px solid rgba(255,255,255,0.4);border-radius:0px;}

.startpoint {background:url("https://content.harstatic.com/resources/images/icons/directions/doted_lines.png") no-repeat 8px 70px;padding-bottom:16px;}
.startpoint label{color:#ffffff;font-size: 14px;font-weight: bold;line-height: 1.43;text-shadow:none !important;}
.startpoint input[type="text"]{background-color:#fff;border: solid 1px #cfd6df;color:#748d9b;border-radius:0px;padding:10px;}

.endtpoint {}
.endtpoint input[type="text"]{color:#fff;border: solid 1px #cfd6df;color:#fff;border-radius:0px;padding:10px;
background-color:#0a83cf;background-image:url("https://content.harstatic.com/resources/images/icons/directions/location.png");background-position:7px 9px;background-repeat:no-repeat; border:none;padding:12px 12px 12px 40px;}
.mclh_footer{}
.btn-green{background-color:#1fcc4a;font-weight:normal;padding:5px 10px;}
.btn-green img{}
.mclh_footer .btn-green {float:right;}
.sharingicons{padding-top:5px;padding-bottom:10px;}
.sharingicons a{display:block;width:33%;float:left;text-align:center;padding-top:10px;}
.sharingicons a span{font-size: 14px;line-height: 1.43;color:#fff;}
.sharingicons a img{display:block;clear:both;margin:0px auto;padding-bottom:5px;}

.directions{display:none;}
.dr_item{clear:both; page-break-inside:avoid!important;}
.dr_icon{width:60px;float:left;text-align:center;padding:15px 5px 0px 0px;}
.dr_info{margin-left:60px;/*border-bottom:1px solid rgba(18, 31, 38, 0.1);*/padding:10px 0px 0;}
.dr_info:after {content:" "; display:block; width:100%; height:1px; background-color:rgba(18, 31, 38, 0.1); margin-top:10px}
.dr_distance{float:right;width:40px;color:#0a83cf;font-size: 14px;line-height: 1.43; white-space:nowrap}
.dr_desc{font-size: 14px;line-height: 1.43;text-align: left;color: #121e26;margin-right:45px;}

.dr_propitem{clear:both;margin-left:15px;padding:15px 0px 0px; page-break-inside:avoid!important; /*border-bottom:1px solid rgba(18, 31, 38, 0.1)*/}
.dr_propitem:after {content:" "; display:block; width:100%; height:1px; background-color:rgba(18, 31, 38, 0.1); margin-top:15px}
.dr_image{float:left;width:85px;background-position:center center;background-repeat:no-repeat;background-size:cover;height:48px;overflow:hidden;}
.dr_propitem .dr_info{margin-left:95px;border-bottom:none;padding-bottom:0px;padding-top:0px}
.dr_propitem .dr_info:after {display:none}
.print_version .dr_propitem .dr_info {margin-left:140px}

.pv_header{background-color:#0b92e6;color:#fff;padding:10px;}
.pv_info{width:60px;float:left;font-family: "effra",helvetica, arial;margin-right:15px;}
.pv_header #StartBtn{float:left;}
.iconbtn{display:inline-block;float:right;padding:14px 5px 0px;margin-left:9px}
a.iconbtn span{font-size: 16px;line-height: 1.43;color:#121f26; font-family:"Effra", Helvetica, Arial; font-weight:500; margin-right:4px}
a.iconbtn img{display:block;clear:both;margin:0px auto;padding-bottom:5px;}
.iconbtn span, a.iconbtn img {display:inline-block}
.pv_header #close_location{padding-top:14px;padding-left:20px;margin-right:18px}
.printmap{height:100%;min-height:260px;}
#PrintBtn {margin-left:13px; margin-top:6px; margin-right:10px; float:left; width:100px}

.print_version.custom-modal{top:40px;bottom:40px;}
.custom-modal-small .pv_header.modal-header{height:66px;background-color:#f2f4f7;}
.print_version.custom-modal .modal-body{top:66px;padding:0px;}
.print_version.custom-modal .modal-body .printmap{height:210px;min-height:210px;}
.map_toggle{/*float:right;*/display:none;padding:0px 0px 0px 28px;margin-right:0;background:url("https://content.harstatic.com/resources/images/icons/map.png") no-repeat 0 center; width:90px;height:30px;line-height:30px;position: absolute; right: 15px; top: 10px;}

.mc_leftcol {transition: top 1s ease-in-out, bottom 1s ease-in-out;}
.mc_leftcol .leftscroller {transition: bottom 1s ease-in-out;}
.mc_leftcol .directions .directions-header,
.mc_leftcol .directions .agent_block {transition: max-height 1s ease-in-out, margin 0.5s, padding 0.5s, border 0.5s}
/*.map-directions .map_view_return {transition: height 1s ease-in-out}*/


.map-directions.app {overflow:hidden; position:absolute; bottom:0; left:0; right:0}
.map-directions.app.logged {top:132px}
.map-directions.app.not-logged {top:67px}
.map-directions .map_view_return {display:none}
/*.map-directions:not(.mapview) .map_view_return {display:none; transition-delay: 1s}*/
/*.mc_leftcol.mapview{bottom:auto;}*/

.mc_leftcol.loading .bottom-menu,
.mc_leftcol.with-location-form .bottom-menu,
.mc_leftcol.no-location .bottom-menu {max-height:0; overflow:hidden}

.leftscroller{position:absolute;left:0px;right:0px;top:49px;bottom:0px;overflow:scroll;-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */}

.location-form .form,
.location-form .default-options strong,
.start-point-cover .info { padding: 15px !important; }
.location-form .lnkCommuteTime {margin-left: 15px !important;}
.start-point-cover .lnkEdit { top:15px; right:15px;}
 
.print_version.fullscreen{width:595px;margin:0px auto;background-color:#fff}
@media only screen {
	.print_version.fullscreen {box-shadow: 0 12px 24px 0 rgba(54, 76, 89, 0.12)}
}

.agent_block{margin:20px;border-bottom:1px solid #ddd; /*#ebebeb; border-radius:8px;*/background-color:#fff;padding:15px;}
.agent_block .ab_content {margin-left:90px}
.agent_block .officename {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.agent_block .email, .agent_block .phone {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ab_img{display:block;width:80px;height:80px;border-radius:50%;float:left;margin-right:10px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.hd24{font-size:24px;font-family: "effra",helvetica, arial;font-weight:bold;}

@media only screen and (max-width: 767px) {
	.print_version.custom-modal .modal-body .printmap {width:100%; height:auto; min-height:0}
}

@media only screen and (max-width:745px) and (min-width:640.1px)
{
	.nearByControl.mapControl {width:147px; padding:5px; margin-left:130px}
}

@media only screen and (max-width:640px){
.mc_leftcol, div.custom-panel {width:100%; min-width:360px}
.map_toggle, .map-directions .map_view_return {display:block}
.iconbtn {padding-top:14px;margin-left:0}
/*.iconbtn span,*/
.iconbtn span {margin-left:1px}
#PrintBtn {margin-left:3px; width:95px}
.pv_header #close_location{margin-right:3px; padding-left:0}
.pv_header #StartBtn span{display:none;}
.map_contr {top:49px; left:0}
.mapview.withRoute .map_contr {bottom:132px}

.mapview .mc_leftcol {bottom:0}
.mapview.withRoute .mc_leftcol { top:calc(100% - 130px); }
.mapview:not(.withRoute) .mc_leftcol { top:100%; }
.mapview .mc_leftcol .leftscroller {bottom:0}
.mapview .mc_leftcol .directions .directions-header,
.mapview .mc_leftcol .directions .agent_block {max-height:0; overflow:hidden; margin:0; padding:0; border:none}
.mapview .mc_leftcol .mclh_footer,
.mapview .mc_leftcol .sharingicons,
.mapview .mc_leftcol .mcl_locations{display:none;}
.mapview .map_toggle{background:url("https://content.harstatic.com/resources/images/icons/directions/location.png") no-repeat center center;}
.mapview .mc_leftcol .bottom-menu {max-height:0; overflow:hidden}
}

/* Added by Ivens */
.har-title {margin-top:4px; margin-left:10px; padding:8px 0 1px; position:relative; display:table}
.har-title img, .har-title .h1 {vertical-align:middle}
.har-title a:hover {opacity:0.7}
.map-directions h1, .map-directions .h1 {font-family:"Effra", Helvetica, Arial; font-size:24px; color:#0838cd; font-weight:bold; line-height:30px}
.map-directions h1 {margin-top:16px; padding:8px 15px}
.map-directions .h1 {display:inline-block; padding-bottom:0}
.map-directions input[type='text'],
.map-directions input[type='password'],
.map-directions textarea {border-radius:0}

.summary {color:#121f26; font-size:16px; font-weight:bold; margin-left:10px}
.directions {background-color:white}
.directions .directions-header {background-color:white; width:100%; z-index:1; padding-bottom:10px}
.directions .agent_block {margin:0 7px 7px}

.location-form-model, .property-popup {display:none}
#labels_popup .property-popup, #labels_popup_smart .property-popup {display:block}

@media print {
  a[href]:after {content: none !important}
	.agent_block .email {display:none}
}

.scroller-wrapper {position:relative; min-height:100%; padding:1px 0}
.panel .content-footer {padding-top:128px}
.panel .content-footer .inner-content {position:absolute; bottom:0; border-top:1px solid #bbb; margin:50px 10px 10px}
.panel .copyright, .panel .disclaimer {padding:7px 0; font-size:11px; line-height:15px}
.panel .disclaimer {border-top:none}

.footer_text {color:#9E9E9E; padding:5px; font-size:7px}

.pin-title {padding:10px}

.default-pin, .pin-sold, .pin-active, .pin-pending, .pin-start {
	position:absolute;
	background-repeat:no-repeat;
	width:38px;
	height:36px;
	color:#fff;
	font-size:13px;
	font-weight:600;
	text-align:center;
	line-height:32px;
}

.default-pin {background-image:url(https://content.harstatic.com/resources/images/icons/directions/pin-property-destination.png)}
.pin-sold {background-image:url(https://content.harstatic.com/resources/images/icons/directions/pin-sold.png)}
.pin-active {background-image:url(https://content.harstatic.com/resources/images/icons/directions/pin-active.png)}
.pin-pending {background-image:url(https://content.harstatic.com/resources/images/icons/directions/pin-pending.png)}
.pin-start {background-image:url(https://content.harstatic.com/resources/images/icons/directions/pin-start.png)}

@keyframes bounce {
  /*0%, 100% {transform: translateY(0)}
  50% {transform: translateY(-15px)}*/
  0%, 100% {margin-top:0}
  50% {margin-top:-15px}
}

.animated-pin {
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
	animation-name: bounce;
}