@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700&subset=latin,vietnamese);
html,body{ height:100%; font-family:Arial;  }
a{ outline:none !important;}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}
#page-container{ width:100%; height:100%; position:relative;}
#maps-container{ height:100%;}
#realty_edit_maps{ height:300px;
}

#powered_by_google{ position:absolute; bottom:10px; left:10px;}
.main-logo{ position:absolute; bottom:10px; z-index:0; margin:0 auto;}
.user-account-box{ position:absolute; top:10px; right:10px;}
.user-account-box .btn{ display:inline-block; border-radius:3px; font-family:'roboto'; font-weight: 400; height:30px; line-height:25px; margin-left:15px; padding:2px 20px; -webkit-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15);}
.user-account-box .btn.login{ background:#8fc24e; color:#fff;}
.user-account-box .btn.signup{ background:#fff; color:#556570;}

.add-price-box {text-align:center;}
.add-price-box .btn{ border-radius:3px; font-family:'roboto'; font-weight: 400; height:30px; line-height:25px; margin-left:15px; padding:2px 20px; -webkit-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15);}

.bottom-control-box{ position:absolute; bottom:24px; right:55px; padding:5px; box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15); width:auto; height:42px; background:#FFFFFF; border-radius:3px; font-size: 8px;}
.bottom-control-box img {cursor: pointer; margin-right: 3px;}

.bottom-control-box2{ position:absolute; bottom:120px; right:10px;}

#main-search-box{ -webkit-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15); -moz-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15); width:95%; max-width:389px; height:48px; background:#FFFFFF; position:absolute; top:10px; left:10px; z-index:10; border-radius:3px;
}

#main-tool-bar{ -webkit-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15); -moz-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15); width:auto; height:36px; background:#FFFFFF; position:absolute; top:10px; right:10px; z-index:10; border-radius:3px;
}

.main-tool-icon{ float:right;height:20px; line-height:20px; border-left:1px solid #dddddd; margin-top:10px; width:83px;}
.main-tool-icon img{ width:80px; height:18px; margin-top:0px; cursor:pointer;}

.main-bottom-tool-icon{ border-left:0px solid #dddddd; margin-left:0px;padding-left:3px;padding-right:3px; }

#main-tool-icon-facebook{ float:right;height:20px; line-height:20px;margin-top:10px; width:65px;}
#main-tool-icon-facebook img{ width:80px; height:18px; margin-top:0px; cursor:pointer;}
#main-tool-icon-login{ float:right;height:20px; line-height:20px; border-left:1px solid #dddddd; margin-top:10px; ;padding-left:5px;width:95px;}
#main-tool-icon-login img{ width:80px; height:18px; margin-top:0px; cursor:pointer;}

#menu-search-triggle,#toogle-menu{ float:left; width:40px; height:48px; background:url(../images/humberger.png) center no-repeat; background-size:18px 12px;}
#menu-search-triggle{ width:14%;}
#toogle-menu{ float:right; border:1px solid #7d7d7d; border-radius:5px; width:35px; height:35px;}
#toogle-menu a{ text-decoration:none !important;}
#menu-search-triggle a{ display:block; width:100%; height:100%; text-decoration:none !important;}
#main-search-text{ width:62%; height:48px; line-height:48px; padding-left:10px; color:#585858; border:none; outline: none;float:left;}
#main-search-button{ width:24px; height:48px; padding-right:0px; color:#585858; border:none; outline: none; float:left; background:url(../images/search-icon.svg) right center no-repeat; margin-right:10px;}
/*#main-showprice-button{ width:24px; height:35px; padding-right:0px; color:#585858; border:none; outline: none; float:right; background:url(../images/menu-show-price-dis.svg) right center no-repeat; margin-right:5px;}*/
#search-resuilt-icon{ float:left; height:28px; line-height:28px; border-left:1px solid #dddddd; margin-top:10px; width:12%;}
#search-resuilt-icon img{ width:22px; height:22px; margin-top:3px; cursor:pointer;}
#side-menu{ position:fixed; max-width:300px; width:100%; height:100%; overflow:auto; background:#fff; top:0; left:-500px;  -webkit-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15); -moz-box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.15); -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
#side-menu.show{ left:-10px;}
#headingmenu{ padding-bottom:10px; padding-top:10px; padding-right:10px; width:100%; border-bottom:1px solid #d9d9d9; overflow:hidden; padding-left:20px;}
#headingmenu img{ height:30px; width:auto;}
#headingmenu a{ display:block; width:30px; height:30px; line-height:30px; text-align:center; color:#9a9a9a; text-decoration:none !important; font-size:20px; font-family:Roboto; font-weight:400;}
#sidemenu-list{ margin:5;  padding-left:30px; padding-bottom:5px; list-style:none; margin-top:10px; border-bottom: 1px solid #d9d9d9; font-size: 14px;}
#sidemenu-list li{ width:100%;}
#sidemenu-list li a{ display:block; width:100%; text-decoration:none; color:#7d7d7d;  line-height:20px; text-overflow:ellipsis; overflow:auto;  padding-right:10px; padding-top:5px; padding-bottom:5px;}
#sidemenu-list li a:hover{ color:#8dbd4f;}
#sidemenu-list li a svg { display:block; height:25px; margin-right:15px; float:left; fill:#979797;  margin-top:-3px;}
#sidemenu-list li a svg.active{fill:#ef8c0b;}
#sidemenu-list li a.active{color:#ef8c0b;}
#sidemenu-list li a.active:hover{color:#8dbd4f;}

#sidemenu-list li a svg .cls-1{ fill:#979797; fill-opacity:1; stroke-width:0;}

#sidemenu-list li a .svg-avatar { display:block; height:40px; margin-right:15px; float:left; fill:#979797;  margin-top:0px;}


#sidemenu-list li a:hover svg, #sidemenu-list li a:hover svg .cls-1{fill:#8cbc4e;}

#sidemenu-list li:last-child a svg{ height:25px; margin-top:-3px; }

#sidemenu-cover{ width:100%; height:100%; position:relative;}
#sidemenu-cover-sub{ width:100%; height:95%; position:relative;}
#sidemenu-wrap {min-height: 95%;}
#sidemenu-main{overflow:auto; padding-bottom: 80px;}
#footer{  margin-top: -70px;position:relative;  left:0; right:0;height: 80px; clear:both;}
#footer span{ color:#595959; font-size: 12px;}

#side-search-bar,#search-result-bar,#search-resuilt-detail{ position:absolute; background:#fff; max-width:414px; width:100%; height:100%; left:0; top:0; display:none;}
#search-resuilt-detail{ position:static; max-width:1420px;}
#search-custom-box{ background:#0f9d58; width:100%;  padding-top:65px; padding-bottom:15px; padding-left:10px; padding-right:10px;}
.search-option,.search-val-strret{ height:28px; line-height:25px; width:49%; outline:none !important;  background:none; background: url(../images/down.svg) right center no-repeat; border:none; border-bottom:1px solid #99b581; margin-top:2px; appearance:none; -moz-appearance:none;  -webkit-appearance:none; color:#f0ffdd !important; }
.search-option-segment{ height:30px; line-height:25px; width:90%; outline:none !important;  background:none; background: url(../images/down.svg) right center no-repeat; border:none; border-bottom:1px solid #99b581; margin-top:2px; appearance:none; -moz-appearance:none;  -webkit-appearance:none; color:#f0ffdd !important; }
.combo-option{ height:30px; line-height:30px; width:100%; outline:none !important;  background:none; background: url(../images/down_black.svg) right center no-repeat; border:none; border-bottom:1px solid #ddd; margin-top:2px; appearance:none; -moz-appearance:none;  -webkit-appearance:none; color:#000 !important; }
.search-option option{ background: #fff !important; color:#535353; height:30px; padding-top:5px;}
.search-option-segment option{ background: #fff !important; color:#535353; height:30px; padding-top:5px;}

.search-option option:hover{ background:#FF7678;}
.search-val-strret{ background:none;}
#bottom-search{ margin-top:10px; color:#f0ffdd;}
#bottom-search .cicle_icon{ margin-right:10px; float:left;}
.search-bt{ background:#fff;  -webkit-box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.15); -moz-box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.15); box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.15); margin-top:15px;}
#search-resuilt-wrapper{ position:relative; margin-top:0px; padding-left:0px; padding-right:0px; overflow:hidden; height:74%;}
.green-bar{ width:100%; min-height:40px; background: #0f9d58;}
.search-resuilt-item{
    padding:3px 10px 3px 5px;
    border-bottom:1px solid #e6e6e6;

}

.search-result-wrapper {margin: 10px -25px -30px -25px;}
.search-result-container {height: 100%; position: absolute;background-color: #fff;}
.search-result-list {overflow-y:scroll; height: 64%; }
.search-adsrealty-list {overflow-y:scroll; height: 55%; }
.search-result-img {width:33px; height:33px; cursor: pointer;}

.fancybox-skin{ background:#fff;}
.search-resuilt-item a{ color:#464646;}
.search-resuilt-item div{ color:#a0a0a0;}
.search-resuilt-item:hover{ background:#fafafa;}
.iScrollVerticalScrollbar{ background:#f0f0f0; width:4px !important;}
.iScrollIndicator{ border-radius:0 !important; border:none !important;}
.search-resuilt-heading{ padding-top:70px; padding-bottom:10px; padding-left:10px; color:#fff; font-size:14px; font-weight:600;}
.sub-heading{ padding-left:10px; margin-top:0px; font-weight:600; font-size:14px;}
.scroll-menu-year{ margin-top:5px; margin-bottom:10px; padding-right:20px; position:relative; z-index:0;}
.scroll-menu-year:after{ content:"..."; position:absolute; right:0; bottom:0;}
.year-item{ display:block; float:left; width:70px; margin-right:10px;}
.year-item a{ color:#858585; outline:none !important; text-decoration:none !important; }
.year-item a:hover,.year-item a.active{ color:#ef8c0b;}
.table-collape{ margin-top:10px;}
.table-heading .table{ background:#eaeaea; width:100%; border:none; margin:0;}
.table-heading .table tr td{ border:none; text-align:center; padding-top:10px; padding-bottom:10px;}
.bs-example{ margin:0;}
.bs-example .panel-group .panel + .panel{ margin:0;}
.bs-example .panel-group .panel{ border-radius:0; border-top:none;}
.bs-example .panel-default > .panel-heading{ background:#fff; }
.bs-example .panel-title a{ text-decoration:none !important; color:#626262; display:block; padding-left:25px; font-size:14px; font-weight: 400; background:url(../images/close.svg) left center no-repeat;}
.bs-example .panel-title a.collapsed{ background-image:url(../images/open.svg);}
.bs-example .panel-title a span{ float:right; color:#437404; font-size:10px; margin-top:3px;}
.bs-example .panel-body{ padding-top:0; max-height:240px; overflow:auto;}
.table-detail-info tr td{ text-align:center;}
.table-detail-info tr:first-child td{ border:none;}
.table-detail-info table{ max-height: 100px;}

#content .table-responsive{
    max-height:450px;
    overflow: auto;
    cursor: pointer;
}


#content .content-responsive{
    max-height:480px;
    max-width:880px; width:auto;
    overflow: auto;
    /*cursor: pointer;*/
}



#header-nav{ -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1); border-radius:0; padding-bottom:0;}
#header-logo{ margin-top:10px; }
#navbar-mobile{ position:fixed; z-index:100; top:53px; height:100%; background:#fff; width:300px; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); left:-100%; transition:all 0.5s  ease-in-out;}
#navbar-mobile.show{ left:0;}
#navbar-mobile #sidemenu-list{ padding-left:10px;}
#navbar-mobile .user-account-box, .right-nav .user-account-box{ position: static; text-align:center;}

#navbar-mobile .user-account-box .btn,.right-nav .user-account-box .btn{ border:1px solid #8fc24e; margin:0 5px; }
#main-nav{ margin-top:10px; margin-bottom:-1px}
#main-nav li a{ padding:10px 10px; background:none !important; color:#7d7d7d; font-size:16px;}
#main-nav li a:hover{ color:#8fc24e;}
.main-heading{ color:#303030; font-size:25px; font-weight: 400;}
#wysiwyg-content{ color:#828282; }
#wysiwyg-content img{ max-width:100%; height:auto;}
#main-nav li.active a{color: #0f9d58; border-bottom:1px solid #0f9d58;}
.feature-list{ margin-top:40px; max-width:500px;}
.feature-list .media-heading{ font-weight: 400;}
#mainbox{ padding-top:20px;}
.ratio-bt-group .btn-primary{ border:none; background-color:transparent !important; box-shadow:none !important; color:#303030 !important; padding-left:20px; padding-right:0; margin-right:10px; border-radius:none !important; background:url(../images/ratio-uncheck.svg) left center no-repeat;}
.ratio-bt-group .btn-primary.active{ background:url(../images/ratio-check.svg) left center no-repeat; z-index: 1}
.ratio-bt-group .ratio-label{ color:#303030; font-weight: 400; padding-top:6px; padding-bottom:6px; margin-right:10px;}
.col-input{ padding-top:2px; padding-bottom:2px; border-bottom:1px solid #e2e5e1;}
.col-input input{ width:100%; border:none; outline:none !important; background-position:left center; background-repeat:no-repeat; padding-left:25px;}
.col-input textarea{ width:100%; border:none; outline:none !important; background-position:left top; background-repeat:no-repeat; padding-left:25px;}
.col-input.bithday input{ width:50%; padding-left:5px; }
.col-input.bithday input.birthday{ padding-left:25px; background-image:url(../images/birthday.svg);}
.col-input input.user{ background-image:url(../images/user.svg);}
.col-input input.lock{ background-image:url(../images/lock.svg);}
.col-input input.email{ background-image:url(../images/email.svg);}
.col-input input.phone{ background-image:url(../images/phone.svg);}
.col-input textarea.content{ background-image:url(../images/content.svg); }
.col-input input:focus{ font-weight: 600;}
.col-input textarea:focus{ font-weight: 600;}
.col-input.focus{ border-color:#58aa3c;}
.col-input input.price{ padding-left:0px; color: #8fc24e }

::-webkit-input-placeholder {
  font-weight: normal;
color:#999;
}

input.price{ padding-left:0px; text-align:right; color: #000 }
input.price_red{ padding-left:0px; text-align:right; color: red;font-weight: bold; }

.realty_input {width:100%; padding: 0;}
.realty_input input {width:100%; line-height: 23px;}
.realty_input tr,td {  width: auto;}
.realty_input table { width:100%; margin-top: 10px;}

.signup-bt{min-width: 120px; padding-top:10px; border:none; padding-bottom:10px; margin-top:10px; background: #0f9d58; font-size:18px; color:#fff; font-weight: 400;}
.ads-mgnt-btn {min-width: 120px; border:none; background:#8fc24e; font-size:12px; color:#fff; font-weight: 500;}
#main-footer{ width:100%; clear:both; margin-top:20px; padding-top:10px; padding-bottom:10px; background:#fbfafa; border-top:1px solid #eaeaf0;}
.footer-icon svg{ width:20px; height:20px;}
.footer-icon { width:100%; text-align:left;}
#main-nav li a{ padding:5 15px;}
#main-nav li{ float:left;}
#main-footer #main-nav{ float:left; padding-left:0;}
.login-heading{ color: #0f9d58; font-size:22px; font-weight: 400;}
.orange-text{ color:#ff6f00;}
.green-text{ color:#58aa3c;}
#login-screen{ padding-bottom:20px; width:100%; max-width:320px; overflow:hidden; background:#fff; border-radius:5px;}
.col-2-login{ margin-top:20px;}
.fancybox-close{ background:url(../images/close-fancy.svg) center no-repeat; top:-30px; right:0;}

#detail-page .modal-detail{ max-width:890px; width:auto;}
#detail-page .modal-detail .modal-content{  border-radius:0; overflow:hidden;}
.hide-fake{  transform:translateX(-99999px);}



.flexslider{ border:none; padding:12px 10px; padding-bottom:0; margin: 0 0 10px;}
#slider .flex-viewport{ border:1px solid #d0d0d0;}
#carousel .flex-viewport ul li{ border:1px solid #d0d0d0;}
#carousel{ margin-bottom:20px;}
#slider{ margin-bottom:0;}
#detail-realestate{ width:100%;  padding-left:15px; padding-right:15px; padding-bottom:10px;}
.colum-left,.colum-right,.column-full{ width:100%; float:left;}
.colum-right{ background:#fff; padding-top:10px; padding-bottom:10px;}
.colum-left{ padding-right:0;}

.heading-small{ width:100%; height:34px; line-height:38px; color:#689f38; font-size:15px; font-weight: 600; background:#f5f5f5; text-align:center; margin-top: 3px;}
#detail-realestate .table td{ border:none; word-wrap:break-word; max-width: 200px;border: 1px solid #f1f1f1;border-left: none;border-right: none;padding-top:5px;padding-bottom:5px;}
#detail-realestate .table .col-left{ width:110px; color:#444; font-weight:bold; font-size:12px;}
#detail-realestate .colum-right .table .col-left{ width:110px; color:#444; font-weight:bold; font-size:12px;}
#detail-realestate .colum-right .table a{ color:#0da0d7;}
#detail-realestate .notes{ font-size:12px; color:#818080;}
.flex-direction-nav .flex-next{ width:36px; height:55px; background:url(../images/right.png) center no-repeat; }
.flex-direction-nav .flex-prev{ width:36px; height:55px; background:url(../images/left.png) center no-repeat;  }
.flex-direction-nav a{text-indent:-9999px; content:"";}
.flex-direction-nav a::before{ content:""; display:none;}
#side-search-bar,#search-result-bar{ overflow:hidden;}
#search-resuilt-detail{ height:100%; overflow:hidden;}
#side-search-bar{ height:auto;}

#detail-add-price{ width:100%;  padding-left:5px; padding-right:10px; padding-bottom:2px;}

.realty-edit-table{
    padding: 0;
}

table.realty-edit-table tr, table.realty-edit-table td{
    border:none !important;
}


.realty-edit-table label{
    margin-top: 2px;
    margin-bottom: 0;
}
.realty-edit-table td.first {

    vertical-align: middle;
    width: 1px;
    white-space: nowrap;
}

/*	start styles for the ContextMenu	*/
.context_menu{
    background-color:white;
    border:1px solid gray;
}
.context_menu_item{
    padding:3px 6px;
}
.context_menu_item:hover{
    background-color:#CCCCCC;
}
.context_menu_separator{
    background-color:gray;
    height:1px;
    margin:0;
    padding:0;
}
/*	end styles for the ContextMenu	*/

.share_icon
{

    float:left;
    margin:0px;
    text-align:center;
    padding-left:10px;
}


ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #eeeeee;
    display: inline-block;
    padding: 10px 15px 0 10px;
    cursor: pointer;
}

ul.tabs li.current{
    background: none;

    border-bottom: solid 2px;
    color: #fff;
    font-weight: 600;
}

.tab-content{
    display: none;
    background: none;
    padding: 10px;
}

.tab-content.current{
    display: inherit;
}

.class-marker-label {
    min-width: 50px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    padding: 2px;    
    background: #4b96f3;
    border-radius: 20px;
}

.class-marker-label-apart {
	font-size: 11px;
	color: #fff;
	padding: 2px;
	background: #e0915f;
	border: 1px solid #fff;
	border-radius: 3px;
}


.adsrealty-grid-title{
    cursor: pointer; text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.adsrealty-grid-address{
    font-size: 10px;
    color:#777777!important;;
}

.adsrealty-grid-price{
    font-size: 15px;
    font-weight: bold;
    color: #F77311;

}

.adsrealty-grid-area{
font-size: 12px;
 font-weight: bold;
    color:#777777!important;
}

.adsrealty-grid-time{
    color:#777777!important;
    font-size: 11px;
}

.bnt-form-postads{
    float: right;
    background: #F77311;
    border: none;
    border-radius: 3px;
    font-style: normal;
    color: #ffffff;
    padding: 4px 8px;
    font-size: 11px;
}


@media only screen and (min-width : 320px) {


}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    #navbar-mobile{ top:63px;}
    #side-search-bar,#search-result-bar{ height:100%; }
    #search-resuilt-detail{ height:100%; }
    #search-resuilt-wrapper{ height:90%;}
    #content .table-responsive{
        /*max-height:490px;*/

    }

    #content .content-responsive{
        height: 100%;
        max-height:410px;
        max-width:900px;

        width:auto;


    }
    #main-search-text{ width:64%;}
    #main-nav.nav.navbar-nav{width: 650px;}

}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .footer-icon svg{ width:30px; height:30px;}
    .footer-icon { width:100%; text-align:right;}
    #main-footer #main-nav{ float:right; padding-left:0;}
    .fancybox-close{ background:url(../images/close-fancy.svg) center no-repeat; top:-30px; right:-30px;}
    .col-2-login{ border-left:1px solid #e5e5e5; margin-top:40px; padding-top:20px; padding-bottom:40px;}
    #login-screen{ max-width:750px; padding:10px;}

    .colum-left,.colum-right{ width:50%; float:left;}
    .column-full{ width:100%; float:left;}
    .colum-left{ padding-right:10px; padding-top:10px; padding-bottom:10px; }

    #content .content-responsive{
        height: 100%;
        max-height:520px;
        max-width:890px;
        width:auto;


    }


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .feature-list.media .media-left{ padding-right:20px;}
    .container{ width:908px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


}