a{color: #00539d;}
.red, .help-block{color:#d71212;}
.open-button{display:none;}
.center { text-align: center; }
.selectTimeRange {  text-align: center; }
.noPaddingLeft{padding-left:0px;}
.noPaddingLR{padding-left:0px; padding-right:0px;}
.noPadLR {padding-left: 0px;padding-right: 0px;}
.mrTop6px{margin-top:6px;}
.marginTop10{margin-top: 10px;}
.marginTop20{margin-top: 20px;}
.marginTop45{margin-top: 45px;}
.mrgTopBot10{margin-bottom:10px; margin-top:10px;}
.mrgBot10{margin-bottom:10px;}
.marginTopBottom20{margin-bottom:20px; margin-top:20px;}

.loading{ width: 28px; height: 28px; border: 5px solid #DDD; border-bottom-color: #FF3D00; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite;}
@keyframes rotation {0% { transform: rotate(0deg);}100% { transform: rotate(360deg); }}

.dispTable {display: table; width: 100%; padding-top: 5px;}
.hidden{ display: none!important; visibility: hidden!important; }
.tool-tip {padding: 5px; cursor: pointer; color: #073855;}
.view-price{color:#d71212;}
.alert-light{color: #818182; background-color: #fefefe; border-color: #fdfdfe;}
.alert-primary{color: #004085; background-color: #cce5ff; border-color: #b8daff;}
.timerRange { float: none; margin: 5px; line-height: 33px; font-size: 13px; display: inline-block; cursor: pointer; border: 1px solid #ebebeb; }
.timerRange.active { background: #428bca; color: #fff; border-color: #428bca; }
.plusDuration:after {
    content: "+"; position: absolute; top: 0; bottom: 0; right: 0;
    left: 0; display: block; margin: auto; font-size: 14px;
    width: 20px; text-align: center; line-height: 28px; color: #428bca;
    font-weight: 700;
}
.minusDuration:after {
    position: absolute; width: 12px; height: 2px; background: #428bca; top: 1px; bottom: 0; left: 0;
    right: 0;  margin: auto; content: "";
}
.card {
    border-top: 1px solid #dcdcdf;
}
.card-lable {
    padding: 0; border: 1px solid #dcdcdf; border-radius: 5px; line-height: 4.5em; width: 30% !important;
    position: relative; margin: 1%;
}
.card-input {
    border: none; background: content-box; position: absolute; font-size: 0; width: 100%; height: 100%;
}
.card-img {
    max-width: 100%; height: auto;text-align: center;
}
.button-collapsed {
    width: 100%; font-size: 20px; padding: 20px; background-color: #FFF; background-size: 5em auto; background-repeat: no-repeat; background-position: center left 1em;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="number"], input[type="tel"], textarea.form-control {
    -moz-box-shadow: none; -webkit-box-shadow: none;  box-shadow: none;  -moz-border-radius: 0;  -webkit-border-radius: 0;
    border-radius: 0; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 20%) inset; box-shadow: 0 1px 1pxrgba(0,0,0,.2) inset; -webkit-appearance: none;
    background-color: #f3f3f3; border: none; font-size: 14px; outline: none!important; padding: 6px 9px 6px 9px; width: 100%; height: inherit;
}
.btn.btn-default {
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 20%); box-shadow: 0 1px 1px rgb(0 0 0 / 20%); -moz-transition: 0.2s; -webkit-transition: 0.2s;
    transition: 0.2s; background-color: #005ba1; color: #fff;
}
.btn.btn-default[type="submit"]:not(:hover), .btn.btn-default[type="submit"]:hover{
    background-color: #005ba1; color:#FFF;
}
.button-cart {
    background: url(https://nhadat.cafeland.vn/images/mua.png) no-repeat; border: none; width: 70px; text-decoration: none;
    display: inline-block; color: rgba(0,90,159,0);
}
.buttom-blue {
    background: #005aa1; color: #fff !important; padding: 5px 8px 5px 6px; font-size: 14px; border-radius: 3px; font-weight: 600; width: 100%; text-align: center; display: block;
}
.control-label{font-weight: 600; margin-bottom: 5px; margin-top: 5px;}

/* Float */
.fltRight { float: right; }

/* Alert */
.alert p{margin-bottom:0px;}
.alertMsgWarn, .alertMsgInfor { display: none; }

/* Panel */
.panel-title-h3{font-size: 16px;}

/* BTN */
.btn-prev{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0;
   -webkit-border-radius: 0; border-radius: 0; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 20%);  box-shadow: 0 1px 1pxrgba(0,0,0,.2);
    background-color: #f3f3f3; border: none; color: #5a5a5a; font-size: 14px; outline: none!important; padding: 10px 9px 9px 9px; width: auto;
}

/* suggesstion */
.tieude .suggesstion { display: none; position: absolute; background: #bce3f5; z-index: 10; border: 1px solid #ccc; padding: 3px; width: calc(100% - 157px); margin-top: 2px; bottom: 70px;}

/* tao san giao dich */
#sgdInfoTruSo, #sgdInforGallery, #sgdInfoChiNhanh, #sgdInfoContact{margin-top: 20px;}

.panel-heading {padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.panel-default>.panel-heading { color: #333;background-color: #f5f5f5; border-color: #ddd;}

.post-colright .content-post-right .form-group .bootstrap-select{width:100% !important;}
.post-colright .content-post-right .form-group .bootstrap-select>.dropdown-toggle{background-color: #FFF;}
.post-colright .content-post-right .form-group .btn.btn-light{width: 100% !important; border: 1px solid #DDD;}

.panel{margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); box-shadow: 0 1px 1px rgb(0 0 0 / 5%);}
.panel-default {border-color: #ddd;}
.panel-body { padding: 15px; }
.deleteBranch {float: right; font-size: 18px;}

/* Menu member */
.menuTop{padding-top: 0px;}
.menuTop .navbar .navbar-nav > li > a{padding: 9px 13px 5px 8px;font-size: 15px;}
.menuTop .navbar .navbar-nav > li.has-child {padding-right: 5px; margin-right: 0px;}
.menuTop .navbar .navbar-nav > li.has-child:last-child:after{content:none;}

.board-footer{position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 101; height: 48px;}
.board-footer .board-footer-content{display: flex; flex-direction: row; width: 100%; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);}
.board-footer .board-footer-content a{flex: 1 1 0%;  text-decoration: none; color:#222; text-align: center;
    display: flex; flex-direction: column; padding: 4px 2px; -webkit-box-align: center; align-items: center; cursor: pointer; position: relative; font-size: 12px;}
.board-footer .board-footer-content a span{font-size: 22px; display: block; color:#222; margin-bottom:2px;}
.board-footer .board-footer-content a span.homeIcon{background: url(images/icon-menu/icon-trang-chu-nha-dat.svg) no-repeat; width:23px; height: 23px; margin-bottom: 2px;}
.board-footer .board-footer-content a span.dangTinIcon{font-size: 25px;  margin-bottom: 0px;}

.board-footer .board-footer-content a.button-square-center{width: 50px; height: 50px; background-color: #FFF;}
/*.board-footer .board-footer-content a.button-square-center::after{content:' '; position: absolute; top: -15px; left: -3px; border-radius:100%; background-color: #FFF; width: 60px; height: 50px;}*/
.board-footer .board-footer-content .square-button{position: absolute; z-index: 2; background-color: #0073cb; border-radius: 50%; width: 67px; height: 67px; top: -20px; color: #FFF; padding: 10px; font-size: 12px; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);}
.board-footer .board-footer-content a.button-square-center span.dangTinIcon{margin-left: 5px; color:#FFF;}

#profilecanvasTop{height: initial !important; overflow: scroll; z-index: 10000;}

.profileMemAvatar{width: 100%; display: table;}
.profileMemAvatar .profile-img{padding: 0px; display: block; float: left; width: initial;}
.profileMemAvatar .profile-img .personal__image{width:70px; height: 70px; text-align: center;margin-top:5px;}
.profileMemAvatar .profile-img .personal__image img{height: 70px; width: auto; max-width: 100%;}
.profileMemAvatar .btn-close{position: relative; right:-20px;}
.profileMemAvatar .personal_name{display: block; float: left;}

.profile-msg{margin-bottom:5px;}
.profileBalanceInfo .boardInfo{padding:15px; border-radius: 5px; background-color: #F2F3F4; line-height: 28px;}
.profileBalanceInfo .buttonRow{margin-top:10px;}
.offcanvas-body .profileInfoVip{background-color: #F2F3F4; padding: 8px !important; margin-bottom: 10px; border-radius: 10px; border: 1px solid #EEE;}
.chinhDanhInfo{margin-top: 10px;}
.chinhDanhInfo .boardInfo div{margin-bottom:5px;}

.menuCanVasProfile{position: relative;}
.menuCanVasProfile .itemRow{padding:10px; border-bottom: 1px dashed #DDD;}
.menuCanVasProfile .itemRow a{color:#222; padding-left: 35px; font-size: 16px;}
.menuCanVasProfile .itemRow a:after{content:' '; width: 25px; height: 25px; position: absolute; left: 8px;}
.menuCanVasProfile .itemRow a.icoMnQLyTaiChinh:after{background: url('images/icon-menu/icon-quan-ly-tai-chinh.svg') no-repeat; }
.menuCanVasProfile .itemRow a.icoMnSetting:after{background: url('images/icon-menu/icon-settting.svg') no-repeat; }
.menuCanVasProfile .itemRow a.icoMnSignOut:after{background: url('images/icon-menu/icon-logout.svg') no-repeat; }
.menuCanVasProfile .accordion-button:not(.collapsed){background-color: transparent !important;}

.menuCanVasProfile .itemRow.accordion-button{border-bottom:0px; box-shadow:none;}
.menuCanVasProfile .itemRow.accordion-button.collapsed{border-bottom:1px dashed #222;}
.menuCanVasProfile .accordion-collapse .subItem{margin-bottom: 0px; padding-left:0px;}
.menuCanVasProfile .accordion-collapse .subItem a{color:#222; font-size: 16px; padding-top: 3px; padding-bottom: 3px;}
.menuCanVasProfile .accordion-collapse .subItem li{padding-top: 4px; padding-bottom: 4px; padding-left: 45px; position: relative;}
.menuCanVasProfile .accordion-collapse .subItem li:after{content:' '; background: url('images/play-sliver.svg') no-repeat; position: absolute; left: 15px; top: 10px; width: 10px; height: 10px;}
.menuCanVasProfile .accordion-collapse.collapse.show{border-bottom:1px dashed #222;}
/*#fb-root iframe{bottom:65px !important; z-index: 100 !important;}*/
/* ============================= */

.blk-title-member{border-bottom: 1px solid #E0E0E0;}
.marginTop30{margin-top:30px;}
.titleNew{text-transform:uppercase; font-size:16px !important; font-family: 'Merriweather'; font-style: normal; font-weight: 700; color: #222222; line-height: 31px;}
.buttom-border-blue{border: 1px solid #005aa1; background:#FFF; color: #005aa1; width:100%; padding:6px; text-align:left; display:block; border-radius:5px;}        
.buttom-border-blue i{color: #005aa1; font-size:16px; margin-right:10px;}
.buttom-border-blue i.fa-credit-card{margin-left:3px;}
.buttom-border-blue:hover{background:#005aa1; color: #FFF;}
.buttom-border-blue:hover i{color: #FFF;}
.button-red{text-align:left; border-radius:5px; width:100%;}
.buttom-red i{color: #005aa1; font-size:16px; margin-right:10px;}
.buttom-red i.fa-id-card-o, .button-verifi .fa-id-card-o{margin-right:5px;}
.buttom-red i.fa-mobile, .button-verifi .fa-mobile{margin-right:13px; font-size: 20px;}
.button-verifi-process{text-align:left; border-radius:5px; color:#856404; border: 1px solid#ffeeba; background:#fff3cd; width:100%; padding:6px; text-align:left; display:block; border-radius:5px;}
.buttom-verifi-process i{color:#856404; font-size:16px; margin-right:10px;}

.button-verifi{text-align:left; border-radius:5px; color:#FFF; border: 1px solid #0ECB81; background:#0ECB81; width:100%; padding:6px; text-align:left; display:block; border-radius:5px;}
.buttom-verifi i{color: #FFF; font-size:16px; margin-right:10px;}       

.personal__info--package{background:#F2F3F4; padding:10px; width:100%; border-radius:5px; min-height:302px;}
.personal__info--package.profileNew ul{list-style:none; padding-left:0px;}
.personal__info--package.profileNew ul li{padding:5px; margin-bottom:0px; text-align:right; display:table; width:100%;}        
.personal__info--package.profileNew ul li label{width:150px; float:left; font-weight: 400 !important; text-align:left;}

.inforLoginNew{background:#F2F3F4; padding:10px; width:100%; border-radius:5px;min-height:302px;}
.inforLoginNew .inforRow{padding:5px;}
.inforLoginNew .inforQR .qrImg{text-align:center;}

.profileMemNew{background:#F2F3F4; padding:10px; width:100%; border-radius:5px;min-height:302px;}
.profile-img{display: table; width: 100%;  background-color: #FFF;  padding: 10px;  border-radius: 10px;}
.profile-img .rowItem{margin-bottom:5px;}
.profile-img .inforQR{position: relative; display: table; width: 100%; height: 50px;}
.profile-img .inforQR .qrLabel, .profile-img .inforQR .qrImg{float:left;}
.profile-img .inforQR .qrLabel{width:70%; font-weight:600; margin-top:25px;}

.personal__image{width:100px; height:100px; float:left; margin-right:10px;}        
.personal_name{float:left; width:65%;}
.personal_name a.fullname{margin-bottom:5px; font-size:20px; display:block; height: 30px; overflow: hidden;}   
.clear{clear: both; margin-bottom:10px;}
.head-title-page{font-family: 'Merriweather';font-size: 18px; border-bottom:0px; margin-bottom: 0px; margin-top: 7px; padding-bottom: 0px; font-weight: 400;}

/* Block */
.blk-hotro-thanhtoan{margin-top:20px;}
.owl-partners { width: 100%; }  
.logos {padding: 0; margin: 0 -5px 5px;}
.logos .logo { margin-bottom: 15px;	display: block;  border: 1px solid #ededed; padding: 2px; width: 114px; height: 94px; position: relative; text-align: center; float:left;}
.logos .logo img { width: auto; max-width: 105px; max-height: 88px; vertical-align: middle; float: none;
    margin-right: 0px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;
}
.owl-carousel .owl-stage-outer { padding-left: 1px;}
.logos .logo a { padding: 5px; display: table; width:100%; }  
#partners .header-title { margin-bottom: 20px; }  
.blkCtnProjectSell .seller-item { border-bottom: 1px dashed #ddd;  padding: 5px; }
.owl-partners .owl-nav.disabled{display: none;}
.owl-partners .owl-dots.disabled{display: none;}  

/* Dashboard */
.areaProfile .col-md-4:first-child{padding-left:0px;}
.areaProfile .col-md-4:last-child{padding-right:0px;}
.form-filter-personal .input-group-addon { opacity: 0; font-size: 0; padding: 5px;}
.property img {-moz-transition: 0.4s;-webkit-transition: 0.4s;transition: 0.4s;-moz-backface-visibility: hidden; width: 100%; height: auto; position: relative; top: 0;}
.tag.price { text-shadow: 0 1px 1px rgb(0 0 0 / 30%); color:#FFF; font-weight: 700; background-color: #0073cb; -webkit-border-radius: 0; border-radius: 0; font-size: 13px; padding: 5px 15px; display: inline-block; margin-right: 10px; min-width:122px; text-align: center;}
.form-sidebar .form-control{/*height:30px;*/}
.form-sidebar .row .col-md-4{padding-right: 0px;}
.form-sidebar .form-group .btn{font-size: 14px; padding:4px;}

.noNegative {margin-left: 0px !important; margin-right: 0px !important;}
.bg-header {background-color: #0674d0; color: #FFF; padding: 6px 0px 6px 0px;}
.blog-list .item-row {padding: 6px 0px 3px 0px; border-bottom: 1px solid #f3f3f3; display: table; width: 100%;}
.blog-list .post {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 15px;
}
.blog-list .post .post-image {text-align: center; border: 1px solid #DDD;     position: relative; width: 180px}
.blog-list .post .post-image img { width: 100px; height: auto;}
.blog-list .post .post-info {width: -webkit-calc(100% - 195px); width: calc(100% - 195px);}
.blog-list .post .post-info h3 {font-size: 17px;line-height: 30px;color: #333333; margin-bottom: 5px; font-weight: 700;}
.blog-list .post .post-info aside {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.blog-list .post .post-info aside p {color: #666666;padding: 0;float: none; max-height: 100%; line-height: 20px;display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 100px;overflow: hidden;width: 60%;}
.blog-list .post .post-info aside p.list-tool {max-width: 20%;padding-left: 0px; text-align: center;}
.blog-list .post .post-info aside p.list-tool i {font-size: 30px;}
.blog-list.real-list .post .post-info .status {color: green; font-weight: bold;}
.blog-list.real-list .post .post-info .price {color: red;}
.list-mem-proj{padding-left: 0px;}

/* thong tin ca nhan */
.form-thong-tin-ca-nhan .col-md-4, 
.form-thong-tin-ca-nhan .col-md-8{padding-left: 15px; padding-right: 15px; float: left;}
.form-thong-tin-ca-nhan .post-colright{padding-left: 0px;}

.form-thong-tin-ca-nhan .linh-vuc-moi-gioi { margin-bottom: 30px !important; }
.form-thong-tin-ca-nhan .linh-vuc-moi-gioi .mid-input {  margin-top: 5px; }
.form-thong-tin-ca-nhan .btn.submit { margin-top: 30px !important; }
.form-thong-tin-ca-nhan input[type="text"]:not([disabled]) { -webkit-box-shadow: none; box-shadow: none;border: 1px solid #e3e3e3; background-color: transparent; }
.form-thong-tin-ca-nhan textarea { width: 100%; border: 1px solid #e3e3e3; padding: 10px 9px; }
  
.linhvuc-title {height: 30px; border: 1px solid #ccc; padding-top: 3px; padding-left: 10px; cursor: pointer;}
.mg-ctn{ width: 100%; max-width: 945px; position: absolute; overflow-y: scroll; max-height: 200px; z-index: 2; display: none; background: white; padding: 0px 10px 10px 10px; border: 1px solid #ccc; border-top: none;}
.linhvuc-ctn { width: 100%; max-width: 1140px; position: absolute; overflow-y: scroll;  max-height: 200px; z-index: 2;
    display: none; background: white; padding: 0px 10px 10px 10px; border: 1px solid #ccc;  border-top: none;
}
.linhvuc-popup{position: relative;}
/* ======================= */

.main-content-member{margin-top:15px; margin-bottom: 20px; background:#F2F3F4; display:table; width:100%; padding:10px 0px 10px 0px;}
.main-content-member .admin-sidebar-box header h3{ /*margin-top:10px;*/ margin-bottom: 17px; color:#5a5a5a;}
.main-content-member .admin-sidebar-box .admin-list ul{list-style:none; padding-left:5px;}
.main-content-member .admin-sidebar-box .admin-list ul li{padding:5px 0px 5px 15px; border-bottom:1px dashed #CCC; position: relative;}
.main-content-member .admin-sidebar-box .admin-list ul a:before {
    content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; color: #3d74af;
    left: 0; top: 6px; font-size: 16px;
}
.main-content-member .admin-sidebar-box .box-info{
    width: 100%;  text-transform: uppercase; border: 1px solid #d3d3d3; padding: 20px;    
    margin-top: 10px; display: block; text-align: center; color: #000; font-weight: 600;
    background-color: #FFF; border-radius: 5px;
}
.main-content-member .admin-sidebar-box h3 a{color:#5a5a5a;}
.main-content-member .admin-sidebar-box h3 .arrow-right{float:right; transform: rotate(90deg);}
.main-content-member .admin-sidebar-box h3 a.collapsed .arrow-right{float:right; transform: none; margin-top:4px;}
.main-content-member .header-title{color:#5a5a5a; border-bottom:0px !important; margin-bottom: 4px !important; line-height: 25px;}
.main-content-member .header-filter .header-left{width:40%; float:left;}
.main-content-member .header-filter .header-right{width:60%; float:right; padding-top:3px; margin-top:0px;}
.main-content-member .header-filter .header-right input[type='text']{background-color:#FFF; border:1px solid #CCC; padding: 7px; box-shadow: rgb(0 0 0 / 10%) 0px 2px 15px 0px; border-radius:5px; margin-bottom: 5px;}

.content-list-post{display:table; width:100%; padding-top:10px;}
.content-list-post .content-tab ul{padding-left:0px; list-style:none;}
.content-list-post .content-tab ul li{display:inline-block; padding: 5px;}
.content-list-post .content-tab ul li a{color:rgb(153, 153, 153); font-weight:400;}
.content-list-post .content-tab ul li:hover{border-bottom:2px solid #3d74af;}
.content-list-post .content-tab ul li:hover a{color:rgb(44, 44, 44);}
.content-list-post .content-tab ul li.active{border-bottom:2px solid #3d74af;}
.content-list-post .content-tab ul li.active a{color:rgb(44, 44, 44);}
.content-list-post .content-list-item{background-color:#FFF;padding:10px; min-height: 310px;} 
.content-list-item .no_post_real{ text-align: center; min-height: 310px; padding-top: 120px; }   
.content-list-item .no_post_real .no-post-msg{font-size: 20px; margin-bottom: 30px;}

#form-filter-personal button[type="submit"]{width:100%; padding:6px 5px 6px 5px;}
.alertMemPage .help-block{margin-bottom:0px;}
.profileInfoVip{background-color: #FFF; padding:8px !important; margin-bottom: 5px;  border-radius: 10px;  border: 1px solid #EEE;}

.table tr.disable td, .table tr.disable td a {color: #566573; font-style: italic;}
.table tr.disable td a.btn{background-color:#DDD;}

.historyModalContent a{word-wrap:break-word;}

/* =================== Dang Tin =============================== */
/* List image */
.drawimage { float: left; width: 90px; height: 170px; margin: 5px; border: #e3e3e3 1px solid; padding: 0 4px; cursor: pointer;}
.drawimage img {width: 80px; height: 80px;}

.popup-alert-fee{position: absolute; width:100%; height: 100%; padding-left: 0px; padding-top: 0px;}
.popup-alert-fee .popup-alert-bg{background-color: #000; opacity: 0.5; width: 100%; height: 100%; position: absolute; z-index: 1;}
.popup-alert-fee .popup-alert-content{position: relative; z-index: 2; width: 45%; margin: 0 auto; height: 200px; left: 0; right: 0; top: 30px; bottom: 0; background-color: #FFF; border-radius: 5px; padding: 10px;}
.popup-alert-fee .popup-alert-content.fee-account{width: 65%; height: auto; padding-bottom: 20px;}
.popup-alert-fee .popup-alert-content .popup-title{font-size:20px; text-align: center; margin-bottom: 20px; text-transform: uppercase; font-weight: 600;}
.popup-alert-fee .popup-alert-content .popup-content{font-size:16px;text-align: center;}
.popup-alert-fee .popup-alert-content.fee-account .popup-content{text-align: left;}
.popup-alert-fee .popup-alert-content.fee-account .popup-content .button-submit{text-align: center;}

.popup-alert-process{position: absolute; z-index:11; width:100%; height: 100%; padding-left: 0px; padding-top: 0px; display:none;}
.popup-alert-process .popup-alert-bg{background-color: #000; opacity: 0.5; width: 100%; height: 100%; position: absolute; z-index: 1;}
.popup-alert-process .popup-alert-content{position: fixed; z-index: 2; width: 45%; margin:auto; height: 200px; left: 0; right: 0; top: 0; bottom: 0; background-color: #FFF; border-radius: 5px; padding: 10px; font-size: 25px; text-align: center;}

.popup-alert-process .msg-sugges-payment .msg-text{font-size: 24px; padding: 20px;}
.popup-alert-process .msg-sugges-payment a{display: inline-block; width: 40%; border-radius: 5px; padding: 10px; text-align: center; font-size: 14px; margin-right: 10px;}
.popup-alert-process .msg-sugges-payment .btnCheckPay{display:none;}

/* Popup video */
.bg-popup {position: fixed; width: 100%;height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999;}
.bg-popup:after{content:' '; background-color: #222; opacity:0.5; position: absolute; width: 100%; height: 100%; left:0; top:0;}
.bg-popup .popup-content {background-color: #FFF; min-width: 600px; min-height: 400px; width: 600px; height: 400px; position: absolute; z-index: 999; vertical-align: middle; margin: auto; left: 0; right: 0; top: 0; bottom: 0;}
.bg-popup .popup-content .popup-close {position: absolute; top: -35px; color: #FFF; right: -10px; cursor: pointer; font-size: 28px;}
.bg-popup .popup-content .popup-ctn {width: 100%; height: 100%; display: block; overflow-x: hidden; overflow-y: auto;}

.bg-popup .popup-content #searYTList li { display: table; width: 100%; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px dotted #DDD; }
.bg-popup .popup-content #searYTList li .item-img { width: 120px; height: 90px; display: inline-block; background-color: #CCC;}
.bg-popup .popup-content #searYTList li a {display: block; width: 100%;}
.bg-popup .popup-content #searYTList li div.item-title {display: inline-block; width: 60%; padding: 5px;}
.bg-popup .popup-content #searYTList li div.btn-ytube-choose {
    display: inline-block; width: 80px; background-color: #0674d0; padding: 3px 8px 3px 8px; border-radius: 15px;font-size: 14px; text-align: center; color: #FFF;
}

/* General */
#step2, #step3, #step4 , #step5{display:none;}
.field-require{color:#d71212;}
.padRight15{padding-right:15px;}
.text-spcial{font-weight:600;}
.changeRecordType{width:100% !important;}
#googleMap{border:1px solid #DDD;}
.post-colleft .content-post-left{background:#FFF; padding:8px;}
.post-colleft .content-post-left .posthead{font-size: 18px; border-bottom: 1px dashed #DDD; padding-bottom: 5px;}
.post-colleft .content-post-left .posthead h1{font-family: 'Merriweather';font-size: 18px; border-bottom:0px; margin-bottom: 0px; margin-top: 7px; padding-bottom: 0px; font-weight: 400;}
.post-colleft .content-post-left .postrow {margin-top:10px; display:table; width:100%;}
.post-colleft .content-post-left .postrow .labelrow{color:#000; margin-bottom:10px; font-weight:bold;}
.post-colleft .content-post-left .postrow .loaitinCss label{margin-bottom:7px; display:inline-block; width:50% !important; font-weight: 500 !important;}
.post-colleft .content-post-left .postrow .postWeek .divRecordDay{display:block !important;}
.post-colleft .content-post-left .postrow .postWeek .divRecordDay .btn-group{width: 100% !important; border: 1px solid #DDD;}                
.post-colleft .content-post-left .postrow .postWeek .divRecordDay .bootstrap-select>.btn.btn-default, select.btn-default:hover{background-color:#FFF;}
.post-colleft .content-post-left .postrow .postWeek .divRecordDay .class-dang-tin-theo-ngay{position: inherit; width:100%; margin-left:0px;display: none !important;}
.post-colleft .content-post-left .postrow.feePost{background-color:#D6EAF8; padding:10px; border-radius:5px;}
.post-colleft .content-post-left .postrow.feePost .itemrow{border-bottom:1px dashed #CCC;padding:5px;}
.post-colleft .content-post-left .postrow.feePost .itemrow.txtBold{font-weight: 600;}
.post-colleft .content-post-left .postrow.feePost .itemrow.noBottomBorder{border-bottom: 0px !important;}
.post-colleft .content-post-left .postrow.feePost .itemrow.txtBold span{color:#E74C3C;}
.post-colleft .content-post-left .postrow.feePost .itemrow .thanhtien-ctn{ font-weight: 400 ;}
.post-colleft .content-post-left .postrow.feePost .itemrow .thanhtien-ctn > div{padding:3px 0px; border-bottom: 1px dashed #CCC;}

.post-colleft .content-post-left .postrow.feePost .tenloaitin{font-weight:bold;}
.post-colleft .content-post-left .postrow.feePost .tenloaitin,
    .post-colleft .content-post-left .postrow.feePost .text-spcial{font-weight:bold;}
.post-colleft .content-post-left .postrow.feePost .totalAmount{color:#E74C3C}

.post-colleft .content-post-left .postrow .postData .bootstrap-select>.btn.btn-default, select.btn-default:hover, .post-colleft .content-post-left .postrow .postData .bootstrap-select .btn.btn-light {
    background-color: #FFF; border-radius: 0px;
}
.post-colleft .content-post-left .dropdown.bootstrap-select{
    width: 100% !important;
}


.post-colright{padding-left:0px;}
.post-colright .content-post-right{background:#FFF; padding:8px 15px 15px 15px; display:table; width:100%;}
.post-colright .content-post-right .posthead{font-family: 'Merriweather'; font-size: 18px; border-bottom: 1px dashed #DDD; padding-bottom: 5px;}
.post-colright .content-post-right .postrow {margin-top:10px; display:table; width:100%;}
.post-colright .content-post-right .postrow.stepNext{margin-top:30px;}
.post-colright .content-post-right .postrow .labelrow{color:#000; margin-bottom:10px; font-weight:bold;}
.post-colright .content-post-right .postrow .postData .mbotoxm{font-weight:500 !important; width:18%;}
.post-colright .content-post-right .postrow .postData select{width:100%; padding:5px;}
.post-colright .content-post-right .postrow .postData .col-xs-6,
    .post-colright .content-post-right .postrow .postData .col-6{padding-left:0px;}
.post-colright .content-post-right .postrow .postData .bootstrap-select{width:100%;}
.post-colright .content-post-right .postrow .postData .btn-group,
    .post-colright .content-post-right .postrow .postData .btn.btn-light{width: 100% !important; border: 1px solid #DDD;}                
.post-colright .content-post-right .postrow .postData .bootstrap-select>.btn.btn-default, select.btn-default:hover,
    .post-colright .content-post-right .postrow .postData .bootstrap-select .btn.btn-light{background-color:#FFF; border-radius: 0px;}
.post-colright .content-post-right .postrow .postData .bootstrap-select>.dropdown-toggle:after{font-size: 14px;}
.post-colright .content-post-right .postrow.postcol .col-xs-6,
    .post-colright .content-post-right .postrow.postcol .col-xs-4,
    .post-colright .content-post-right .postrow.postcol .col-6,
    .post-colright .content-post-right .postrow.postcol .col-4{padding-left:0px; margin-top: 10px;}

.post-colright .content-post-right .postrow.postcol .col-xs-6:last-child,    
    .post-colright .content-post-right .postrow .col-xs-6.lastchild,
    .post-colright .content-post-right .postrow.postcol .col-xs-4:last-child,
    .post-colright .content-post-right .postrow.postcol .col-6:last-child,
    .post-colright .content-post-right .postrow.postcol .col-4:last-child{padding-right:0px;}

.post-colright .content-post-right .postrow .postData .btn.btn-step,
    .post-colright .content-post-right .postrow .postData .btn.btn-prev{width: 250px; border-radius: 4px;}

.post-colright input[type="text"], .post-colright  input[type="email"], .post-colright  input[type="search"], 
.post-colright input[type="password"], .post-colright  input[type="number"], .post-colright  input[type="tel"],.post-colright  textarea.form-control{background-color:#FFF;border:1px solid #CCC; box-shadow:none; }

.post-colright .content-post-right .postrow .postData .bootstrap-select>.btn.btn-default, select.btn-default:hover, .post-colright .content-post-right .postrow .postData .bootstrap-select .btn.btn-light {
    background-color: #FFF;
    border-radius: 0px;
}
.post-colright .content-post-right .postrow ul li{list-style: circle;}

.content-list-item .form-thong-tin-ca-nhan .control-group .col-xs-6,
.content-list-item .form-thong-tin-ca-nhan .control-group .col-xs-4,
.content-list-item .form-thong-tin-ca-nhan .control-group .col-6,
.content-list-item .form-thong-tin-ca-nhan .control-group .col-4{padding-left:0px; margin-top: 10px;}
.content-list-item .form-thong-tin-ca-nhan .control-group .postData .bootstrap-select{ width: 100%; }
.content-list-item .form-thong-tin-ca-nhan .control-group .btn-group, .content-list-item .form-thong-tin-ca-nhan .control-group .btn.btn-light {
    width: 100% !important;  border: 1px solid #DDD; font-size: 15px; background-color: #FFF;;
}
.content-list-item .form-thong-tin-ca-nhan input[type="password"]:not([disabled]) {
    -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e3e3e3; background-color: transparent;
}

.main-content-member .header-filter .header-right .bootstrap-select>.btn.btn-default,.main-content-member .header-filter .header-right select.btn-default:hover{background-color: #FFF !important;}

a.show-can-mua-du-an{font-size:14px;}

/* Step 2 */
.post-colright .tieude{position: relative;}
.post-colright .tieude .suggesstion{width:100% !important; bottom:50px;}
.post-colright .tieude .property-exit{
    position: absolute; right: 0; top: 0; display: inline-block; width: 20px; height: 20px; cursor: pointer;
}
#txtDetail{width: 100%; height: 274px; border: 1px solid #DDD; padding: 7px;}
.maxlengthdetail div{display:inline-block; margin-bottom:10px;}

/* Step 3 */
.post-colright .content-post-right .postrow.priceReal .col-xs-6{padding-left:0px;}
.post-colright .content-post-right .postrow.priceReal .col-xs-6:last-child{padding-right:0px;}
.post-colright .content-post-right .postrow .input-small{width:90%;}
.post-colright .content-post-right .postrow .mid-input{ width: -webkit-calc((100%)/4); width: calc((100%)/4); float:left; padding-right:10px;}
.post-colright .content-post-right .postrow .mid-input.last{padding-right:0px;}
.post-colright .content-post-right .postrow .mid-input-new{width: -webkit-calc((100%)/4); width: calc((100%)/4);float: left; padding: 0 10px; margin-bottom: 3px;}
.post-colright .content-post-right .postrow .linkCollaps{display: block; width: 100%; color: #000; margin-bottom: 10px}
.post-colright .content-post-right .postrow .linkCollaps .arrow-right{float:right; transform: rotate(90deg);}
.post-colright .content-post-right .postrow .linkCollaps.collapsed .arrow-right{float:right; transform: rotate(0deg);}
.currencyUnit .coldata{width:49.3%; display:inline-block;}
#list_feature_other{width:100%;border: 1px solid #DDD; height: 60px;}
.tmcurrency{text-align:left !important;}

/* Step 4 */
.post-colright .content-post-right .postrow .imgArea{border:1px dashed #DDD; height:100px;}
.post-colright .content-post-right .postrow .imgArea label{width:100%; height:100%; cursor: pointer; position: relative;}
.post-colright .content-post-right .postrow .imgArea label .divtitle{position: absolute; left: 0; right: 0; display: block; width: 200px; height: 35px; margin: auto; top: 0; bottom: 0;text-align: center; font-size: 18px; }
.drawimage .btn{width:100%;}
#image_file_phap_ly, #image_file{display:none;}
#video_youtube{width:75%;}
#video_search{width:75%;}
#btnSearchYtube, #viewYoutube{display: inline-block; background: #0674d0; text-align: center; width: 150px; padding:10px; color: #fff; margin-left: 10px;}

/* Step 5 */
#alertGoiY{display:none;}

/* Verify Mobile No User */
#verifyMobileNoUser{margin-top: 40px;}
#verifyMobileNoUser .inputVerify{width: calc(100% - 180px) !important; background-color: #FFF; border: 1px solid #CCC; box-shadow: none;}
#verifyMobileNoUser .activeButton{background: #3b5998;color: #FFF; border: 1px solid #3b5998;}
#verifyMobileNoUser .txtVerified {color: green; display: inline-block; font-size: 16px; font-weight: bold;}
#verifyMobileNoUser .buttonCust {width: 150px; margin-left: 10px; border: 1px solid #CCC; padding: 5px;}
#verifyMobileNoUser .buttonCust:disabled {background-color: #dddddd; opacity: 0.6;}
#verifyMobileNoUser .outVerified{margin-left: 10px; color: red; font-weight: bold; font-size: 16px; display: none;}
#countdown{font-style: italic;color:#3b5998; font-weight: bold; display:block; margin-top: 10px;}