@charset "utf-8";
html, body, div, span,strong{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}

body
{
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  line-height:1.5;
  color:#333232;
  overflow-x:hidden;
  /*background: url(../images/metro_verde_background_transparent.png) top center no-repeat;*/
}
*:focus{
  outline:none;
}
a{
  outline: none !important;
}
/* Clearfix */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

* html > body .clearfix {
  display: block;
  width: 100%;
}

* html .clearfix {
  height: 1%;
}
ul li{
  list-style: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}
img{border:0;}
.clear
{
  overflow:hidden;
    clear:both;
}
.noticeMessage{
  font-size: 15px;
  padding: 5px 0px;
  padding-left: 40px;
  position: relative;
}
.noticeMessage:after{
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  content: "\f06a";
  top: 7px;
  left: 20px;
  font-size: 16px;
  color: #F00;
}

.wysiwyg-font-size-smaller {
  font-size: smaller;
}

.wysiwyg-font-size-larger {
  font-size: larger;
}

.wysiwyg-font-size-xx-large {
  font-size: xx-large;
}

.wysiwyg-font-size-x-large {
  font-size: x-large;
}

.wysiwyg-font-size-large {
  font-size: large;
}

.wysiwyg-font-size-medium {
  font-size: medium;
}

.wysiwyg-font-size-small {
  font-size: small;
}

.wysiwyg-font-size-x-small {
  font-size: x-small;
}

.wysiwyg-font-size-xx-small {
  font-size: xx-small;
}

.wysiwyg-color-black {
  color: black;
}

.wysiwyg-color-silver {
  color: silver;
}

.wysiwyg-color-gray {
  color: gray;
}

.wysiwyg-color-white {
  color: white;
}

.wysiwyg-color-maroon {
  color: maroon;
}

.wysiwyg-color-red {
  color: red;
}

.wysiwyg-color-purple {
  color: purple;
}

.wysiwyg-color-fuchsia {
  color: fuchsia;
}

.wysiwyg-color-green {
  color: green;
}

.wysiwyg-color-lime {
  color: lime;
}

.wysiwyg-color-olive {
  color: olive;
}

.wysiwyg-color-yellow {
  color: yellow;
}

.wysiwyg-color-navy {
  color: navy;
}

.wysiwyg-color-blue {
  color: blue;
}

.wysiwyg-color-teal {
  color: teal;
}

.wysiwyg-color-aqua {
  color: aqua;
}

.wysiwyg-text-align-right {
  text-align: right;
}

.wysiwyg-text-align-center {
  text-align: center;
}

.wysiwyg-text-align-left {
  text-align: left;
}

.wysiwyg-text-align-justify {
  text-align: justify;
}

.wysiwyg-float-left {
  float: left;
  margin: 0 8px 8px 0;
}

.wysiwyg-float-right {
  float: right;
  margin: 0 0 8px 8px;
}

.wysiwyg-clear-right {
  clear: right;
}

.wysiwyg-clear-left {
  clear: left;
}
/* Son css*/
#container {}
section { padding: 5% 15%; margin: 0 auto;}
.bao_searchs_nds{
  padding:10px;
  border-radius: 5px;
  position: absolute;
  top: 20%;
  width: 50%;
  min-width:570px;
  left: 50%;
  margin:0 auto;
  z-index: 999;
}
.text_search{
  font-size: 40px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  text-align: center;
}
.bao_input_search{
  margin-top: 10px;
  padding: 10px;
  width: 100%;
  background: rgba(255,255,255,0.5);
  border-radius: 5px;

}
.clear_fix{
  clear:both;
}
.button_css{
  background: rgba(238,85,42,0.8) !important;
  color: #FFF !important;
  text-transform: uppercase;
  text-shadow: none !important;
  height: 45px;
  font-weight: bold !important;
  padding:5px 15px !important;
}
#danhmuc_bds{
  font-weight: bold;
}
#danhmuc{
  padding:7px;
  width: 100%;
}
dl.dl-horizontal dt{
  padding-bottom: 5px;
}
.padding_4{
  margin:10px 0;
  padding:5px;
}
.padding_2{
  padding:5px 0px;
  border-bottom: 1px solid #e0e2e4;
}
.padding_2:last-child{
  border-bottom: none;
}
.padding_2:hover{
  background-color: #eff3f4;
}
.del_sc{
  cursor: pointer;
}
/*.del_sc a{
  color: #81B441;
}*/
.yeucas{
  padding:10px;
}
.title_dm{
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding:5px 15px;
}
.bgchan{
  background: rgba(0,0,0,0.1);
}
.title_login{
  font-family: Arial, Helvetica, sans-serif;
  padding:5px 15px;
  text-transform: uppercase;
  font-weight: bold;
  color: #81B441;
  font-size: 15px;
  border-bottom:1px solid #CCC;
  margin-bottom:10px;
}
.content_login{
  padding:10px;
  border:1px solid #CCC;
  border-radius: 5px;
}
.title_dm{
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: #81B441;
  font-size: 15px;
  border: 1px solid #CCC;
  border-bottom:none;
}
.list-group-item{
  transition:0.5s all ease-in-out;
}
.list-group-item:hover{
  padding-left: 20px;
}
.list-group-item:first-child{
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;     
}
#search_css{
  position: absolute;
  right: 125px;
    top: 20%;
    color: #FFF;
    cursor: pointer;
    font-size: 18px;
    margin-left: 20px;
}
 #search_css{
  display: none;
}
#wapper-menu-2 .nav-menu li span.count{
  display: none;
}
.box_thongke{
  float: left; 
  margin: 3px 10px 0px 5px; 
  color:#81B441;
  font-size: 12px;
    text-align: center;
}
.box_thongke .thongke{
  
}
#show_search_css{
  position: absolute;
  display: none;
  right:90px;
  top: 5%;
}
.bao_reg{
  position: relative;
}
.ten_row_item{
  position: absolute;
  top: -25px;
  left: 30%;
  font-size: 20px;
  margin: 5px 0;
}
#search_mobi{
  /*display: none;*/
  position: absolute;
  top: 0;
  left: 20%;
}
.image_bds{
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(0.7,0.7);
     -moz-transform: scale(0.7,0.7);
      -ms-transform: scale(0.7,0.7);
       -o-transform: scale(0.7,0.7);
          transform: scale(0.7,0.7);
}
.image_bds:hover{
  -webkit-transform: scale(0.8,0.8);
     -moz-transform: scale(0.8,0.8);
      -ms-transform: scale(0.8,0.8);
       -o-transform: scale(0.8,0.8);
          transform: scale(0.8,0.8);
}
.text_tieude{
  text-align: center;
  font-size: 25px;
  color: #696969;
  margin-bottom: -25px;
}
#full-width-slider{
  margin-top: 40px;
}
#container{
  position: relative;
}
#bao_container{
  width: 100%;
  background: #FFF;
  margin-top: 45px;
}
#full-width-slider {
  width: 100%;
}
#wapper-slider{

}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}
.rsContent img.rsImg{
  width: 100%;
}
.header_title{
  padding:5px 0px;
  border-radius: 5px;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  margin-bottom:10px;
  font-family: 'open_san';
}
.bao_form_reg{
  padding:10px 200px;
  border-radius: 5px;
}
.bao_dl{
  padding:1px;
  box-shadow: 1px 1px -2px #CCC;
  
}
.bao_dl #danhmuc{
  margin-bottom: 10px;
}
.dk_css input{
  border: 1px #e5e5e5 solid;
  border-left: 2px #81B441 solid;
  padding-left: 39px;
  background-repeat: no-repeat;
  /*margin-bottom: 5px;*/
}
.txt_login{
  height: 38px !important;
}
.rela_css{
  position:relative;
}
#result_dienthoai,#result_dienthoai0,#result_dienthoaizz,#result_dienthoaizzzz,#result_golai,#result_matkhauz,#result_timkiem,#result_ngaysinh,#result_matkhau,#result_email,#result_nhaplaimatkhau,#result_diachi,#result_hoten{
  font:normal normal normal 14px/1 FontAwesome;
  color: #81B441;
  position: absolute;
  top: 12px;
  left: 15px;
 } 
 #show_error{
  display: none;
 }
 #result_dienthoais,#result_nhaplaimatkhaus,#result_emails, #result_matkhauzz{
   display:none;
   color:#696969;
   font-size:15px;
   padding:5px;

 }
 .onslider{
  margin-top: 520px !important;
  }
  #show_matkhau{
    display: none;
  }

.bao_uls{
 position: absolute;
  width: 310px;
  right: 15px;
  top: 51px;
  box-shadow: 0 0 15px rgba(0,0,0,.2);
  border: 1px solid #d7d7d7;
  z-index: 99999;
  color: #696969;
  background-color: #FFF;
  display: none;
  border-radius: 3px;
}
.bao_uls:after {
  content: "";
  position: absolute;
  display: block;
  top: -5px;
  /*right: 57px;*/
  right: 14px;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  background-color: #FFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: -1px -1px 0 #ccc;
}
.div-avatar{
  float: left;
  margin-right: 20px;
  position: relative;
}
.div-avatar img{
  border-radius: 0px !important;
}
.div-avatar a.avatar{
  background: rgba(0, 153, 0, 0.6);
  position: absolute !important;
  bottom: 0px;
  left: 0px;
  font-size: 11px !important;
  color: #FFF !important;
  display: block;
  border-radius: 0px !important;
  line-height: 16px;
  width: 100%;
}
.div-avatar a.avatar:hover{
  background: rgba(0, 153, 0, 0.8);
}
#bao_bao_ils{
  display: none;
position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 9998;
  display: none;
  /*background: rgba(255,255,255,0.6);*/
}
.title_logins{
  border-bottom: 1px solid #CCC;
  padding-left: 10px;
}
.title_loginss{
  text-align: right;
  padding:5px;
}
.bao_li{
  padding:5px;
  /*background: rgba(235,235,235,0.2);*/
}
.sub_nds_login{
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
  background-color: #FFF;

}
.nonebg{
  background: none !important;
}
.sub_nds_login a{
  color: #222 !important;
  font-size: 13px;
}
.sub_nds_login li:first-chils{
  margin-bottom: 10px;
}
.sub_nds_login li{
  float: none !important; 
  text-align: left;
  line-height: 25px !important;
}
#wapper-menu .nds_login li.hi-user a{
  display: block;
  position: relative;
  z-index: 9999;
  border-radius: 5px;
}
.txt_login{
  height: 38px !important;
  width: 100%;
}
.bao_matkhau{
  padding:2px;
  border-radius: 5px;
  padding-top:15px;
}
#dl_j dt{
  padding-top: 10px;
  width: 200px;
}
#dl_j dd{
  margin-left:  220px;
  margin-right: 220px;
}
#but_matkhau{
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.padding_sd{
  padding:5px 0;
}
.capnhat_mk{
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

.khienthis{
  color: #81B441;
}
.hienthis{
  color: #F00;
}
.duyet_sc{
  color: #696969;
}
#show_bao_top{
  padding-bottom:10px;
}
.imgae_ifo{
  position: relative;
}
.imgae_ifo img{
  width: 100%;
}
.img_profile{
  position: absolute;
  left: 20px;
  bottom: 10px;
    font-size: 60px;
}
.qrcode-phone {
  border-radius: 3px;
  margin-top: 5px;
  padding-right: 0;
}
.qrcode-phone img{
  width: 70px;
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.ten_info{
  font-size: 19px;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: auto;
  font-weight: bold;
  padding-left: 10px;

}
.male_info{
  padding-left: 10px;
}
.color_re{
  color: #F00;
  font-size: 15px;
  font-weight: bold;
}
.diachi_info{
  padding-left: 5px;
}
.tieudes{
   border-bottom: 1px solid #CCC;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    color: #81B441;
    font-size: 15px;
    margin-bottom:10px;
}
.colo_bl{
  color: #000;
  font-size: 18px;
}
.padding_to{
  padding:10px 0; 
}
.bao_info{
  padding:10px 0 5px 0; 
  border-bottom:1px solid #CCC;
}
.bo_rigj .bottom_right{
  float: none;
}
.paddings{
  padding-top: 10px;
}
@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 520px !important;
  }
  .onslider{
  margin-top: 520px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
   .onslider{
    margin-top: 660px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }
   .onslider{
    margin-top: 300px !important;
  }
  .infoBlock {
    padding: 10px;
    height: 100%;
    max-height: 100%;
    min-width: 40%;
    left: 0;
    top: 0;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}


@media screen and (max-width: 768px) { 
  .bao_searchs_nds{
    display: none;
  }
  #search_mobi{
  display: block;
}
.paddings{
padding-top:0;
}
.bao_info dl.dl-horizontal dt{
  float: left;
  width: 120px;
  padding-right: 10px;
}

.img_profile {
  left: 10px;
  bottom:-15px;;
  width: 80px;
}
}
@media screen and (max-width: 480px) {
  #show_search_css {
    top: 41px;
    right: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 350px) {
  .bao_uls{
   width: 247px;
    right: 5px;
    line-height: 20px;
    padding: 10px 0;
  }
}


/* Hieu css*/
@font-face {
    font-family: 'open_san';
    src: url('fonts1/opensans-regular.eot');
    src: url('fonts1/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts1/opensans-regular.woff2') format('woff2'),
         url('fonts1/opensans-regular.woff') format('woff'),
         url('fonts1/opensans-regular.ttf') format('truetype'),
         url('fonts1/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'neo';
    src: url('fonts/UTM Neo Sans Intel.eot');
    src: url('fonts/UTM Neo Sans Intel.eot?#iefix') format('embedded-opentype'),
         url('fonts/UTM Neo Sans Intel.woff2') format('woff2'),
         url('fonts/UTM Neo Sans Intel.woff') format('woff'),
         url('fonts/UTM Neo Sans Intel.ttf') format('truetype'),
         url('fonts/UTM Neo Sans Intel.svg#utm_neo_sans_intelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bebas';
    src: url('fonts/UTM Bebas.eot');
    src: url('fonts/UTM Bebas.eot?#iefix') format('embedded-opentype'),
         url('fonts/UTM Bebas.woff2') format('woff2'),
         url('fonts/UTM Bebas.woff') format('woff'),
         url('fonts/UTM Bebas.ttf') format('truetype'),
         url('fonts/UTM Bebas.svg#utm_bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
  padding-top: 42px;
}

h1.page-title{
font-size: 14px;
font-weight: bold;
margin: 5px;
}
h1.footer-content{
font-size: 14px;
font-weight: normal;
margin: 5px;
}

a:focus, a:hover {
  color: #ff842b;
  text-decoration: none;
}
.clear{
  clear: both;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/*----------------------------------------------*/
#wapper-menu{
  background: #262626;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9999;
  margin-bottom: 8px;
}
#wapper-menu-2{
  /*background: #85DB18;*/
  background: #81B441;
  position: relative;
  top: 42px;
  left: 0px;
  width: 100%;
  z-index: 9998;
  margin-bottom: 8px;
  transition: all 0.7s;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
  box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
}
.padding_right_1{
  padding-left: 14px;
}
.crb-notifications {
  margin-right: 0 !important;
}
.crb-notifications .fa {
  font-size: 18px !important;
  color: #fff;
  margin-top: 11px;
}
.crb-notifications .badge {
  margin-top: -22px;
  margin-left: -9px;
  font-size: 10px;
  padding: 3px 5pX;
  background-color: #FF9200;
}
.crb-dropdown-noti {
  border: none;
  border-radius: 4px;
  width: 320px;
  padding: 0;
  margin-top: 10px;
}
.dropdown-menu > li {
  float: none !important;
  margin: 0 !important;
  border-bottom: 1px solid #F5F5F5;
  z-index: 1;
  position: relative;
}
.dropdown-menu > li:last-child {
  border-bottom: none;
}
.crb-dropdown-noti > li:first-child > a {
  border-radius: 4px 4px 0 0;
}
.crb-dropdown-noti > li:last-child > a {
  border-radius: 0 0 4px 4px;
}
.crb-dropdown-noti > li:first-child {
    border-radius: 4px 4px 0 0;
}
.crb-dropdown-noti > li:last-child {
    border-radius: 0 0 4px 4px;
}
.dropdown-menu > li> a {
  padding: 5px 10px !important;
  font-size: 12px;
  white-space: normal;
}
li.mark_as_read_0 {
    background-color: #EBEEF4;
}
.dropdown-menu>li>a:hover {
  background-color: #F5F7FA;
  background-image: none;
}
.dropdown .dropdown-menu{
    -moz-transition:    all 1000ms ease;
    -webkit-transition: all 1000ms ease;
    -o-transition:      all 1000ms ease;
    -ms-transition:     all 1000ms ease;
    transition:         all 1000ms ease;
}
.crb-dropdown-noti:after {
  content: "";
  position: absolute;
  display: block;
  top: -5px;
  right: 24px;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  background-color: #FFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: -1px -1px 0 #ccc;
}
#wapper-menu-2 .header_menu_bottom{
  /*background-color: #F5F5F5;*/
  background-color: #81B441;
  width: 100%;
  /*padding: 0px 30px;*/
  padding: 0px;
}
#wapper-menu .nds_logo{
  float: left;
  /*background-color: #f8f8f8;*/
  display: block;
  height: 42px;
  padding: 0px 10px 0px 0px;
  padding: 0;
  position: relative;
  /*background: #FFF;*/
  margin-right: 10px;
}
/*#wapper-menu .nds_logo:after{
  content:'';
  position: absolute;
  display: inline-block;
  top: 0px;
  right: -12px;
  width: 30px;
  height: 100%;
  background:#FFF;
  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
}*/
#wapper-menu .nds_logo img{
  height: 42px;
  margin-top: 0px;
}
#wapper-menu-2 .nav-menu{
  margin: 0px;
  padding: 0px;
  float: left;
}
#wapper-menu-2 .nav-menu li{
  float: left;
  line-height: 41px;
  position: relative;
}
#wapper-menu-2 .nav-menu li a{
  color: #FFF;
  padding: 0px 15px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}
#wapper-menu-2 .nav-menu li:hover{
  background-color: #262626;
}
.icon_td{
  color: #81B441;
}
.per_user{
  padding-left: 3px;
  color: #81B441;
}
#wapper-menu-2 .nav-menu li ul{
  display: none;
  position: absolute;
  top: 41px;
  left: 0px;
  width: 280px;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  background-color: #f8f8f8;
  border-radius: 0px 0px 8px 8px;
}
#wapper-menu-2 .nav-menu li ul:after {
  content: "";
  position: absolute;
  display: block;
  top: -5px;
  left: 20%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  background-color: #f9f9f9;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: -1px -1px 0 #ccc;
}
#wapper-menu-2 .nav-menu li ul li{
  display: block;
  width: 100%;
  line-height: 35px;
}
#wapper-menu-2 .nav-menu li ul li:hover{
  background-color: #ccc;
}
#wapper-menu .nds_login li img.avatar{
  border-radius: 100% !important;
  }
#wapper-menu-2 .nav-menu li ul li:hover a{
  text-shadow: 0 1px white;
}
#wapper-menu-2 .nav-menu li ul li a{
  color: #333;
}
#wapper-menu-2 .nav-menu li:hover ul{
  display: block;
}
#wapper-menu-2 .nav-menu li:hover ul ul{
  display: none;
}
#wapper-menu-2 .nav-menu li ul ul{
  display: none;
  position: absolute;
  top: 0px;
  left: 100%;
  width: 230px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  background-color: #f8f8f8;
  border-radius: 0px 0px 8px 8px;
}
#wapper-menu-2 .nav-menu li ul li:hover ul{
  display: block;
}
#wapper-menu-2 .nav-menu li ul li ul:after {
  display: none;
  
}
#wapper-menu-2 .nav-menu li.no-child-home a {
    font-size: 20px;
    position: relative;
    height: 41px;
    width: 48px;
}
#wapper-menu-2 .nav-menu li.no-child-home a span.fa {
    position: absolute;
    top: 8px;
}
#nav_icon{
  display: none;
  float: left;
  padding: 0px 8px;
  line-height: 39px;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  padding: 0 13px;
}
#wapper-menu .nds_login{
  float: right;
  /*display: none;*/
}
#wapper-menu .nds_login{
  margin: 0px;
  padding: 0px;
  position: relative;
    z-index: 9;
}
#wapper-menu .nds_login li{
  float: left;
  line-height: 40px;
  margin-right: 10px;
}
#wapper-menu .nds_login li a{
  color: #333;
  padding: 0px 10px;
  text-decoration: none;
}
/*#wapper-menu .nds_login li a.login{
  background: url("../images/login.png");
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-left: 25px;
  background-color: #f8f8f8;
  padding: 5px 10px 5px 25px;
  border-radius:4px;
  border: 1px solid #FFF;
}*/
#wapper-menu .nds_login li a.login{
  padding-left: 25px;
  background-color: #fff;
  padding: 5px 10px;
  border-radius:2px;
}
#wapper-menu .nds_login li a.login:hover{
  color: #81B441;
  border: 1px solid #81B441;
}
.div_fix{
  position: fixed;
  width: 1366px;
  height: 600px;
  left: 0px;
  top: 0px;
  display: none;
  z-index: 9999;
}
#wapper-menu .nds_login li.hi-user a{
    color: #FFF;
    padding: 0px 5px;
    text-decoration: none;
}
/*
.nds_login li.gender0 a{
    background: url("../images/male.png");
    padding-left: 25px !important; 
    background-repeat: no-repeat;      
}
*/
 
.nds_login li.gender1 a{
   
} 
.bao_info {
  margin-top: 10px;
  border: none !important
}
.address{
  height: 30px;
  line-height: 30px;
  font-family: Arial;
}
.info_per{
  margin:10px 0px 0px 15px;
  font-family: Arial;
}
.info_per span.name{
  font-weight: 700;
  color: #0054a6;
  font-size: 15px;
}
.info_per span.color_re{
  font-weight: 700;
  color: #F00;
  font-size: 13px;
}
/*=============================Du an=============================*/
.duan-item{
  
}
.duan-item h4{

    font-size: 14px;
    font-weight: bold;
    color: #345;
    /*min-height: 42px;*/
    line-height: 20px;
    margin: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.duan-item img{
  border-color: transparent;
  padding:2px;
}
.duan-item:hover img{
  opacity: 0.5;
}
/*---------------------------------------------------*/
.btn-sign {
  width:460px;
  margin-bottom:20px;
  margin:0 auto;
  padding:20px;
  border-radius:5px;
  background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
  background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
  text-align:center;
  font-size:36px;
  color:#fff;
  text-transform:uppercase;
}

.btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }

#mask {
  display: none;
  background: rgba(255, 255, 255, 0.3);
  position: fixed; left: 0; top: 0; 
  width: 100%; height: 100%;
  opacity: 0.8;
  z-index: 9;
}

.login-popup{
  display:none;
  background: #F5F5F5;
  border: 2px solid #ddd;
  float: left;
  font-size: 14px;
  position: fixed;
  top: 50%; left: 50%;
  z-index: 99999999;
  border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
  font-family:'open_san';
  width: 500px;
  padding: 5px 18px 25px 18px;
}
.login-popup .title{
  font-size: 20px;
  margin: 10px 0px;
}
.login-popup span{
  font-size: 13px;
  margin: 10px 0px 10px 30px;
}
.login-popup img.lock{
  position: absolute;
    top: -47px;
    left: 18px;
    width: 93px;
}
.ckeck{
  width: 5%;
  float: left;
  text-align: center;
}
.close_lg {
  float: right; 
  margin: 0px -12px 0 0;
}

fieldset { 
  border:none; 
}

.login-popup form{
  text-align:left;
  padding-bottom:10px;

}
.m_dangtin{
  padding: 0px 3px;
  margin-top: 3px;
}

.login-popup form .login_item{
  width: 80%;
  margin: 10px auto;
}
.btn_editor{
  margin-top: 25px;
  float: left;
  margin-left: 20px;
}

.name1 i{
  color: #81B441;
  font-size: 20px;
}
.name1 i.red{
  color: #F00;
}
.name1 a{
  cursor: pointer;
}
.name2 i{
  color: #81B441;
  font-size: 20px;
}
.name2 i.red{
  color: #F00;
}
.name2 a{
  cursor: pointer;
}
.form_search a.btn_search {
  padding: 8px 24px !important;
  text-transform: none;
  font-weight: bold;
  font-size: 13px;
  margin: 0px 0px 0px 0px;
  background: #81B441;
  color: #FFF;
  border: none;
}
.login-popup form .login_item label{
  float: left;
  line-height: 28px;
  color: #999;
}
.login-popup form .login_item input.txt{
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  padding: 4px 5px; 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
  transition: border .2s;
  margin-left: 12px;
}
.slider_duan{
  width: 100%;
  overflow: hidden;
}
.login-popup form .login_item input.btn_sub{
  float: right;
  border: 0;
    background: #ee552a;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: 1px;
    padding: 5px 10px;
    margin-right: 21px;
}
.login-popup form .login_item input.txt:focus{
  outline: 0;
    border: 1px solid #81B441;
}
.down-icon{
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url("../images/down.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px 25px;
}
.down-icon1{
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url("../images/tru.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 3px;
}
.btn_left{
  padding: 2px 10px !important;
  border: 1px solid #CCC;
}
.search_left .s_row .txt_s input {
  line-height: 28px !important;
  border: 1px solid #CCC;
}
.search_left .s_row input[type=button] {
  margin-top: 2px;
  line-height: 28px !important;
  display: block;
  width: 100%;
}
/*----------------------------------------------*/

/*----------------------------------------------*/
#full-width-slider {
  width: 100%;
  color: #fff;
  overflow: hidden;
}
#full-width-slider * {
  -webkit-backface-visibility: inherit;
}
/*------------------------------------------------------*/
.wapper-left{
  width: 75%;
  float: left;
}
/*======================search===========================*/
.search_manager{
  margin-bottom: 30px;
}
.search_manager input.search_txt{
  padding-left: 5px;
  border: 1px solid #CCC;
}
.search_manager select{
  height: 27px;
  border: 1px solid #CCC;
}
.search_manager input.logtime{
    border: 1px solid #CCC;
    height: 28px;
    border-radius: 4px;
    padding-left: 10px;
    background: url(../images/date.png) no-repeat 98% center;
    background-size: 20px 20px;
    cursor: pointer;
    margin-right: 2%;
    margin-top: 10px;
}
.search_manager input.search_btn{
  background: #5ea628;
  color: #FFF;
  border: none;
  padding: 3px 10px;
}
.search_manager input.search_btn:hover{
  background: #4e9a15;
}
/*======================Tin BDS noi bat===========================*/
.text_tieude {
  font-family: 'bebas' !important;
  font-weight: normal !important;
  font-size: 25px !important;
  color: #81B441;
}
.image_bds {
  border: 1px solid #CCC;
}
.height{
  height: 20px;
}
.tin_hot{
  margin-top: 10px;
  
}
/*.tin_hot .title{
  font-size: 20px;
  font-family: 'bebas';
  color: #81B441;
  border-bottom: 1px solid #CCC;
  border-left: 3px solid #81B441;
  padding-left: 10px;
  margin-bottom: 10px;
}*/
.tin_hot .title{
  font-size: 20px;
  font-family: 'bebas';
  padding-left: 10px;
  padding-right: 10px;
  background:#81B441;
/*  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -ms-transform: skewX(30deg);*/
  float: left;
  color: #FFF;
  line-height: 33px;
  position: relative;
}
.tin_hot .title:after{
  content:'';
  position: absolute;
  display: inline-block;
  top: 0px;
  right: -20px;
  width: 40px;
  height: 100%;
  background:#81B441;
  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
}
.tin_hot .title:before{
  content:'';
  position: absolute;
  display: inline-block;
  top: 0px;
  right: -26px;
  width: 3px;
  height: 100%;
  background:#81B441;
  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
}
.box_title .title{
  font-size: 20px;
  font-family: 'bebas';
  padding-left: 10px;
  padding-right: 10px;
  background:#81B441;
/*  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -ms-transform: skewX(30deg);*/
  float: left;
  color: #FFF;
  line-height: 26px;
  position: relative;
}
.box_title .title:after{
  content:'';
  position: absolute;
  display: inline-block;
  top: 0px;
  right: -20px;
  width: 40px;
  height: 100%;
  background:#81B441;
  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
}
.box_title .title:before{
  content:'';
  display: inline-block;
  position: absolute;
  top: 0px;
  right: -26px;
  width: 3px;
  height: 100%;
  background:#81B441;
  transform: skewX(30deg);
  -o-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  display: none;
}
.box_title{
  border-bottom: 1px solid #81B441;
  margin-bottom: 10px;
}
.tin_hot .title span{
  display: inline-block;
  background:#81B441;
  padding-top: 4px;
  position: relative;
  z-index: 10;
}
.box_title .title span{
  display: inline-block;
  background:#81B441;
  padding-top: 4px;
  position: relative;
  z-index: 10;
}

.tin_hot .content_tinhot .tin_item{
  width: 49%;
  float: left;
  margin: 10px 0.5%;
  border: 1px solid #e2dede;
  padding: 10px 5px 0px 5px;
  transition: all .25s;
  position: relative;
}
.tin_hot .content_tinhot .tin_item:nth-child(2n+1){
  clear: both;
  }
.btn_right .view{
  float: left;
  margin-right: 20px;
  background: #efefef;
  padding: 3px 10px;
  -webkit-box-shadow: 0 1px 0 #ccc;
  -moz-box-shadow: 0 1px 0 #ccc;
  box-shadow: 0 1px 0 #ccc;
  border: 1px lightgrey solid;
  border-radius: 4px;
}
.btn_right{
  position: absolute;
  top: 40px;
  right: 15px;
}
.tin_hot .content_tinhot .tin_item:hover{
  border: 1px solid #81B441;
  transition: all .25s;
}
.tin_hot .content_tinhot .tin_item:hover img{
  opacity: 0.5;
}
.tin_hot .content_tinhot .tin_item:hover h3{
  color: #3d7b0e;
}
.tin_hot .content_tinhot .tin_item i{
  color: #81B441;
  margin-right: 5px;
}
.tin_hot .content_tinhot .tin_item img{
  width: 150px;
  float: left;
  margin-right: 10px;
  padding-bottom: 8px;
}
.tin_hot .content_tinhot .tin_item h3{
  margin: 0px 0px 8px 0px;
  color: #345;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
}
/*=======================tab dang tin===================*/
.tab-dangtin{
  background-color: #FFF;
  margin-bottom: 10px;
  line-height: 30px;
  border-bottom: 1px solid #b5bcc7;
}
.tab-dangtin a{
  padding: 0px 10px;
  color: #000;
  float: left;
  border: 1px solid #b5bcc7;
  border-bottom: none;
  margin-right: 3px;
}
.tab-dangtin a.active{
   /*background-color: #F3F2E4;*/
  cursor: auto;
  position: relative;
  border-bottom: 1px solid #FFF;
  margin-bottom: -2px;
  }
.tab-dangtin a.active:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -5px;
  left: 20%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  background-color: #F3F2E4;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 1px 1px 0 #ccc;
  display: none; 
}
/*======================paging===========================*/
.paging{
  float: right;
  margin-top: 8px;
}
.duan_left{
  width: 40%;
  float: left;
}
.duan-right{
  float: right;
  width: 57%;
}
.duan_left .content_manager .item_manager input.txt_manage {
  width: 80%;
}
.paging a{
  padding:4px 10px;
  background: #149C4A;
  color: #FFF;
  margin: 0px 3px;
  text-decoration: none;
}
.paging span{
  padding:4px 10px;
  background: #333;
  color: #FFF;
}.paging a:hover{
  padding:4px 10px;
  background: #333;
  color: #FFF;
}
.pagination{
  float: right;
  margin-right: 5px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #81B441 !important;
    border-color: #81B441 !important;
}
.successMessage{
  background:url(../images/apply.png) no-repeat 2% center;
  padding-left: 50px;
  line-height: 30px;
}
.errorMessage{
  background:url(../images/error.png) no-repeat 2% center;
  padding-left: 36px;
    line-height: 30px;
    background-size: 20px;
}
/*======================Back link===========================*/
.backlink{
  margin: 5px auto;
  padding: 0px 3px;
  max-width: 100%;
    background: url(../images/nav_menu.png) repeat-x;
    height: 39px;
    border: 1px solid #f6f4f4;
    border-bottom: none;
    border-radius: 4px;
    overflow: hidden;

}
.ten_left a{
  height: 38px !important;
}
.backlink li{
  display: none;
}
.backlink li img {
  float: left;
  width: 20px;
  /*margin-top: 2px;*/
}
.backlink li.backlink_li {
  display: block;
  float: left;
  line-height: 18px;
  background-image: url(../images/line_nav.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 9px 25px 12px 10px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.backlink a {
  color: #555;
  padding: 0px 3px;
  white-space: nowrap;
}
.backlink a:hover {
  color: #F00;
}
/*======================Dang tin===========================*/
#wapper_dangtin{
  padding-top: 10px;
  overflow: hidden;
}
.item_dangtin{
  margin: 10px 0px;
}

.item_dangtin .item_child{
  margin: 8px 10px 8px 0px;
  float: left;
  width: 48%;
  background: #CCC;
  border-radius: 4px;
}
.item_dangtin label
{
  text-align: left;
  float: right;
}
.item_dangtin span{
  color: #F00;
  margin-left: 7px;
}
.item_dangtin select.cbo_dangtin{
  margin: 0px;
  padding: 0px;
  width: 30%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding: 2px 0px;
}
.item_dangtin input.txt_dangtin{
  width: 96%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
}
.item_dangtin input.txt_dangtin4{
  width: 32%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
  background:url(../images/date.png) no-repeat 98% center;
  background-size: 20px 20px;
  cursor:pointer;
  margin-right:2%;
  margin-top:10px;
}
#link_hinh{
  float: left; 
}
.content_manager .duan_div input.tieude 
{
  width: 92.7% !important;
  float: right;
}
.content_manager .duan_div input.tags 
{
  width: 100% !important;
  float: right;
}
.content_manager .duan_div input.txxt {
  width: 81.7% !important;
}
.content_manager .duan_div textarea{
  width: 81.7%;
  border: 1px solid #CCC;
  height: 120px;
}
#manager_div1 .content_manager .duan_div label {
  float: left;
  line-height: 30px;
}
.content_manager .duan_div select.cbo_manage {
  width: 81.7% !important;
  border-radius: 0px !important;
 }
.duan_one .item_manager{
  width: 100% !important;
}
.duan_drop .dz-image-preview{
  display: none !important;
}
#link_hinh p{
  margin: 0px;
  float: left;
  margin: 10px 0.5% 10px 0.5%;
}
.tin_left{
  width: 100% !important; 
}
.tin_left b{
    font-size: 20px !important;
}
.tin_right{
  width: 100% !important;
}
#link_hinh img{
  width: 130px;
  height: 160px;
  border: 1px solid #CCC;
  padding: 2px;
  float: left;
  margin: 10px 0.5% 10px 0.5%;

}
#link_hinh>p{
  position: relative;
}
#link_hinh p i{
  position: absolute;
  top: 13px;
  right: 5px;
  font-size: 18px;
  color: red;
  cursor: pointer;
}
.item_dangtin input.txt_dangtin3{
  width: 89.7%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
}
.item_dangtin input.txt_dangtin5{
  width: 31.7%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
}
.item_dangtin input.txt_dangtin2{
  width: 96%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
}
.item_dangtin input.txt_dangtin1{
  width: 75%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px 0px 0px 4px;
  padding-left: 5px;
  color: #000;
}
/*---------------------------------------*/
.item_dangtin_1{
  margin: 8px 0px;
  width: 33%;
  float: left;
  position: relative;
}
.item_dangtin_1 .item_child{
  margin: 0px 10px 0px 0px;
  float: left;
  width: 37%;
}
.item_dangtin_1 label
{
  text-align: left;
}
.item_dangtin_1 span{
  color: #F00;
  margin-left: 7px;
}
.item_dangtin_1 select.cbo_dangtin{
  margin: 0px;
  padding: 0px;
  width: 85%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding: 2px 4px;
}
.item_dangtin_1 input.txt_dangtin{
  width: 55%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 5px;
}
.item_dangtin_1 input.txt_dangtin1{
  width: 30%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 5px;
}
.item_dangtin_textear{
  width: 90%;
  margin:auto;
}
/*-----------------------------------------*/
.item_dangtin4{
  float: left;
  margin-right: 10%;
}
.clear{
  clear: both;
}
#wapper_dangtin .title{


}
#wapper_dangtin_true{
  text-align: center;
}
.singular .entry-title {
  font-size: 13px;
}
.content_dangtin_true{
  width: 70%;
  margin: 10px auto;
}
.padding_div{
  padding: 0px 5px;
}
.content_dangtin{
  border: 1px solid #CCC;
  border-radius: 8px;
  position: relative;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;

}
.content_dangtin .title_dt{
  color: #81B441;
  padding: 0px 5px;
  border-bottom:1px solid #CCC;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
/*--------------------------*/
.dropzone-previews{
  width: 400px;
  height: 200px;
  background: #000;
}
.noidungkhac{
  width: 100%;
  margin: auto;
}
.noidungkhac .eare_orther{
  width: 740px;
  max-width: 100%;
}
/*------------------------------------*/
.error{ color:#CC0000; font-size:12px; margin-top:4px; font-style:italic; width:200px;}
.error_captcha{ 
  color:#CC0000; 
  font-size:12px; 
  margin-top:4px; 
  font-style:italic; 
  width:200px;
  position:absolute;
  bottom:12px;
  left:28%;
}
 
.success{ color:#009900; font-size:12px; margin:4px; font-style:italic; width:200px;}
 
img#refresh{
    float: left;
    margin-left: 0px;
    cursor: pointer;
    margin-top: 7px;
}

#Send{ border:#CC0000 solid 1px; float:left; background:#CC0000; color:#FFFFFF;}

#wrap{
  margin-top:20px;
  
}
#captcha{
  float:left;
}
img#captcha{
  float:left;
  background:none !important;
  border-radius:5px;
  margin-top: -4px;
}
#refresh{
  
}
#sucure_code{
  width:100px;
  margin-left:10px;
  padding-left:5px;
  font-size:16px;
  font-weight:bold;
  height:30px;
  float: left;
  border-radius: 4px;
}
.img_fresh{
  margin-top: 2px !important;
  float: left;
}
/*----------------------------------*/
#list_dangtin{
  border-radius: 4px;
    margin: auto;
    margin-bottom: 20px;
    position: relative;
    background-color: #fff;
    margin-top: 20px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    min-width: 498px;
}
#list_dangtin .title{
  color: #31373d;
    line-height: 38px;
    height: 38px;
    background-color: #f5f6f7;
}
#list_dangtin .title span{
  float: left;
    line-height: 38px;
    padding: 0 15px;
    background-color: #fff;
}
.form_search{
  margin:15px 0px 0px 0px;
}
.form_search input.txt_list{
  width: 22%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
  padding:0px 10px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  margin-right:1%;
  background:url(../images/date.png) no-repeat 98% center;
  background-size: 20px 20px;
  cursor:pointer;
}
.form_search input.txt_list1{
  width: 22%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
  padding:0px 10px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  margin-right:1%;
}
.form_search input.txt_list2{
  width: 22%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding-left: 10px;
  padding:0px 10px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  margin-right:1%;
}
.form_search .cbo_list{
  margin: 0px;
  padding: 0px;
  width: 22%;
  border: 1px solid #CCC;
  height: 30px;
  padding: 2px 0px;
  margin-right:1%;
}
.form_search .btn_search{
  padding: 6px 24px !important;
  text-transform:none;
  font-weight:bold;
  font-size:13px;
  margin:0px 0px 0px 0px;
  background:#81B441 url(../images/search.png) no-repeat 10px center;
  color:#FFF;
  border: none;
  
}
.form_search .btn_search:hover{
  background:#222 url(../images/search.png) no-repeat 10px center;
  color:#FFF;
}
.form_search a.btn_search:hover{
  background: #222;
}
.title_th{
  color: #36383a;
    height: 37px;
    line-height: 37px;
    font-weight: 600;
    border-bottom: 2px solid #e0e2e4;
}
#frm_sub_k{
  margin-bottom: 30px;
}
.title_th .th{
  float:left;
  text-align:center;
}
.title_td{
  color:#222;
}
.title_td .td{
  float:left;
  max-height:52px;
  overflow:hidden;
  padding:5px 0px 5px 1%;
  min-height:52px;
}
.img_item{
    width: 135px;
    margin: 10px 1%;
    float: left;
    overflow: hidden;
    padding: 2px;
    position: relative;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
.duan_box_img{
  width: 11%;
}
.item_manager_duan{
  float: left;
}
.img_item img{
    width: 100%;
    border: none !important;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.img_item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/res/v3/images/camera-icon.png') no-repeat;
    /*background: rgba(255, 255, 255, 0.3);*/
    background-size: 40px;
    background-position: 50%;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.img_item:hover:after {
  opacity: 1;
  cursor: pointer;
}
.img_item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/res/v3/images/check-icon.png') no-repeat;
    background-size: 40px;
    background-position: 50%;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.thumbnail-selected {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/res/v3/images/check-icon.png') no-repeat;
    background-size: 40px;
    background-position: 50%;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.opacity-1 {
  opacity: 1;
}
.img_tindang{
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  z-index: 3;
}
.img_tindang i{
  font-size: 20px;
  color: #5890ff;
}
a.list_tin{
  margin-right: 20px;
  background: #149C4A;
  border: 2px solid #149C4A;
  color: #FFF;
  padding: 4px 20px;
  line-height: 50px;
}
a.dangtin{
  margin-right: 20px;
  background: #149C4A;
  border: 2px solid #149C4A;
  color: #FFF;
  padding: 4px 20px;
  line-height: 50px;
}
a.list_tin:hover{
  background: #FFF;
  color: #149C4A;
}
a.dangtin:hover{
  background: #FFF;
  color: #149C4A;
}
.lienhe_item{
  width: 50%;
  float: left;
}
.title_th .id{
  width: 8%;
}
.title_td .id{
  width: 8%;
}
.title_th .tieude_dt{
  width: 52%;
}
.title_td .tieude_dt{
  width: 52%;
}
.title_th .view{
  width: 10%;
}
.title_td .view{
  width: 10%;
  text-align: center;
}
.title_th .date{
  width: 15%;
}
.title_td .date{
  width: 15%;
}
.le{
  background: #efe9e9;
}
/*=========================================================*/
.sucess{
  text-align: center;
  padding-top: 20px;
}
.text_null{
  text-align: center;
  line-height: 40px;
  display: block;
}
.pfix{
  position: fixed !important;
}
.limit_char{
  display: none;
}
.btn_sub{
  border:1px solid #5ea628;
  background: #81B441;
  color: #FFF;
  padding: 4px 10px;
  margin-right: 12px;
  margin: 20px 0;
}
.btn_sub_1{
  border:1px solid #5ea628;
  background: #81B441;
  color: #FFF;
  padding: 4px 10px;
  border-radius: 4px;
  float: left;
  margin-left: 15px;
}
a.btn_sub{
  padding: 5px 10px;
  cursor: pointer;

}
a.btn_sub:hover{
  text-decoration: none;
  color: #FFF;
}
.btn_sub:hover{
  background: #5ea628;
}
.btn_sub_1:hover{
  background: #5ea628;
}
.content_login{
  width: 50%;
  margin: 5px auto;
}
/*=====================================================*/


#manager_div .title{
  color: #31373d;
  line-height: 38px;
  height: 38px;
  background-color: #f5f6f7;
}
#manager_div .title span{
  float: left;
  line-height: 38px;
  padding: 0 15px;
  background-color: #fff;
}
#manager_div .title a{
  float: left;
  line-height: 38px;
  padding: 0 15px;
  color: #31373d;
}
.content_manager{
  padding: 20px;
}
.p20{
  padding: 20px;
}
.content_manager .item_manager{
  display: table;
  margin: 10px auto;
  width: 90%;
}
.content_manager .item_manager img{
  border: 1px solid #CCC;
  padding: 1px;
}
#manager_div .content_manager .item_manager label{
  width: 100px;
  text-align: right;
  margin-right: 5px;
}
.content_manager .item_manager input.txt_manage{
  width: 70%;
  border-radius: 2px;
  padding-left: 8px;
  height: 32px;
  border: 1px solid #CCC;
}
.content_manager .item_manager input.txt_manage1{
  width: 85.5%;
  border-radius: 4px;
  padding-left: 8px;
  height: 32px;
  border: 1px solid #CCC;
}
.div_textear{
  float: left;
  width: 100%;
}
.content_manager .item_manager input.img_manage{
  float: left;
}
.content_manager .item_manager input.btn_sub{
  margin-right: 10px;
}
.content_manager .item_manager select.cbo_manage{
  width: 70%;
  border-radius: 4px;
  padding-left: 8px;
  height: 32px;
  border: 1px solid #CCC;
}
.content_manager .item_manager input.txt_manage:focus{
  border: 1px solid #81B441;
}
.content_manager .item_manager input.chk_manage{
  margin-right: 5px;
  margin-top: 5px;
  float: left;
}
.content_manager .item_manager select.cbo_manage:focus{
  border: 1px solid #81B441;
}
.content_manager .th{
  color: #36383a;
  height: 37px;
  line-height: 37px;
  font-weight: 600;
  border-bottom: 2px solid #e0e2e4;
}
.content_manager .td{
  line-height: 35px;
  border-bottom:1px solid #e0e2e4;
}
.content_manager .td:hover{
  background-color: #eff3f4;
}
.content_manager .td:last-child{
  border-bottom:none;
}
.content_manager .th .id{
  width: 10%;
  min-width: 50px;
  padding-left: 10px;
  float: left;
}
.content_manager .td .id{
  width: 10%;
  min-width: 50px;
  float: left;
  padding-left: 10px;
}
.content_manager .th .id1{
  width: 6%;
  float: left;
}
.content_manager .td .id1{
  width: 6%;
  float: left;
}
.content_manager .th .id2{
  width: 6%;
  float: left;
  padding-left: 10px;
}
.content_manager .td .id2{
  width: 6%;
  float: left;
  padding-left: 10px;
}
.content_manager .th .name{
  width: 55%;
  float: left;
  min-height: 10px; 
}
.content_manager .td .name{
  float: left;
  width: 55%;
  min-height: 10px;
}
.content_manager .th .name2{
  width: 15%;
  float: left;
  min-height: 10px; 
}
.content_manager .td .name2{
  float: left;
  width: 15%;
  min-height: 10px;
  text-align: center;
}
.content_manager .th .name6{
  width: 15%;
  float: left;
  min-height: 10px; 
}
.content_manager .td .name6{
  float: left;
  width: 15%;
  min-height: 10px;
  text-align: center;
}
.content_manager .th .img{
  width: 15%;
  float: left;
  min-height: 10px; 
}
.content_manager .td .img{
  float: left;
  width: 15%;
  min-height: 10px;
  text-align: center;
}
.content_manager .td .img img{
  border: 1px solid #CCC;
  padding: 1px;
  margin-top: 5px;
}
.content_manager .th .date{
  width: 15%;
  float: left;
  min-height: 10px; 
}
.content_manager .td .date{
  float: left;
  width: 15%;
  min-height: 10px;
}
.content_manager .th .date1{
  width: 20%;
  float: left;
  min-height: 10px; 
}
.content_manager .td .date1{
  float: left;
  width: 20%;
  min-height: 10px;
}
.content_manager .th .date2{
  width: 32%;
  float: left;
  min-height: 10px; 
}
.content_manager .td .date2{
  float: left;
  width: 32%;
  min-height: 10px;
}
.content_manager .th .date4{
  width: 20%;
  float: left;
  min-height: 10px; 
}
.content_manager .td .date4{
  float: left;
  width: 20%;
  min-height: 10px;
}
.content_manager .th .name4{
  width: 20%;
  min-width: 100px;
  float: left;
  min-height: 10px;
}
.content_manager .td .name4{
  float: left;
  width: 20%;
  min-width: 100px;
  min-height: 10px;
  padding-left: 10px;
}
.content_manager .td .name4 h6{
  color: #81B441;
  font-size: 14px;
}
.content_manager .td .name4 span{
  font-style: italic;
}
.content_manager .th .name5{
  width: 20%;
  float: left;
  min-height: 10px;
}
.content_manager .td .name5{
  float: left;
  width: 20%;
  min-height: 10px;
}
.content_manager .th .name7{
  width: 70%;
  min-width: 350px;
  float: left;
  min-height: 10px;
}
.content_manager .th .name8{
  width: 60%;
  float: left;
  min-height: 10px;
}
.descript b{
  color: #81B441;
}
.descript i{
  color: #F00;
}
.content_manager .td .name7{
  float: left;
  width: 70%;
  min-width: 350px;
  min-height: 10px;
  padding-left: 10px;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content_manager .td .name7 a{
  font-size: 15px;
}
.content_manager .td .name8{
  float: left;
  width: 60%;
  min-height: 10px;
}
.content_manager .td .name8 a{
  font-size: 15px;
}
.content_manager .th .name3{
  width: 35%;
  float: left;
  min-height: 10px;
}
.content_manager .td .name3{
  float: left;
  width: 35%;
  min-width:35%;
}
.content_manager .th .name1{
  width: 10%;
  float: left;
}
.content_manager .td .name1{
  float: left;
  width: 10%;

}
.content_manager .td .name a{
  font-size: 14px !important;
}
.content_manager .td .name2 a{
  font-size: 14px !important;
}
.content_manager .td .name3 a{
  font-size: 14px !important;
}
.content_manager .td .name4 a{
  font-size: 14px !important;
}
.content_manager .td .name5 a{
  font-size: 14px !important;
}
.content_manager .td .name6 a{
  font-size: 14px !important;
}

.content_manager .th .tool{
  width: 15%;
  float: left;
}
.content_manager .td .tool{
  float: left;
  width: 15%;
}
.content_manager .th .tool1{
  width: 10%;
  float: left;
}
.content_manager .td .tool1{
  float: left;
  width: 10%;
  text-align: center;
}
.content_manager .td a{
  color: #81B441;
  font-size: 17px;
  cursor: pointer;
}
.content_manager .btn_manager
{
  margin: 20px 0px;
  float: left;
}
.left img{
  /*width: 70px;*/
  float: left;
  margin-right: 5px;
  /*border: 1px solid #CCC;*/
  padding: 1px;
}
.left h3{
  font-size: 14px;
  margin: 0px 0px 5px 0px;
  color: #345;
}
.left-item{
  padding: 8px 0px;
  border-bottom: 1px solid #CCC;
}
/*.left .title{
  font-size: 20px;
    font-family: 'bebas';
    color: #81B441;
    border-bottom: 1px solid #CCC;
    border-left: 3px solid #81B441;
    padding-left: 10px;
    margin-bottom: 10px;
}*/
/*=======================User left============================*/
.container{
  position: relative;
}
.user_left{
  position: absolute;
  top: 40px;
    right: -1px;
    display: none;
  width: 220px;
  /*transition: all 1s;*/
}
a#div_admin{
  position: absolute;
    top: 6px;
    right: 10px;
    font-size: 21px;
    font-weight: normal;
    cursor: pointer;
    color: #81B441;
    border: 1px solid #81B441;
    padding: 0px 10px;
    text-align: center;
}
.list-group{
  width: 100%;
}
.list-group ul{
  margin: 0px;
  padding: 0px;
    position: relative;
 
}
.list-group ul li.li_child{
  position: relative;
}
.list-group ul li.li_child span.icon_admin{
  float: right;
  display: block;
}
.list-group ul li.li_child a{
  cursor:pointer;
}
.list-group ul li.li_child ul.child_ul{
  position: absolute;
  top: 0px;
  right: 100%;
  width: 220px;
  display: none;
}
.list-group ul li.li_child:hover ul.child_ul{
  display: block;
}

/*=======================Tin tuc============================*/
.wapper_news
{
  margin-bottom: 20px;
}
.wapper_news .content_news{
  padding-bottom: 10px;
  border-radius: 8px;
  padding: 0px 5px;
}
.date_news{
  float: right;
}
.item_news{
  margin: 10px 1%;
  width: 48%;
  float: left;
  text-align: justify;
  font-size: 13px;
  font-family: arial;
}
.item_news a{
  color: #0059fd;
}
.item_news a:hover{
  color: #F00 !important;
}
.item_news img{
  width: 150px;
  height: 95px;
  float: left;
  margin-right: 10px;
  border: 1px solid #CCC;
  padding:2px;
} 
.item_news i
{
  color: #bab7b7;
}
.item_news span
{
  color: #bab7b7;
  font-size: 13px;
}
.item_news a:hover
{
  color:#448812; 
}
.item_news h3{
  margin: 0px 0px 7px 0px;
  font-size: 15px;
  color: #345;
  font-weight: bold;
  font-size: 13px;
}
.item_news i{
  margin-left: 5px;
}
.view_more{
  color: #F00;
}
.wapper_news_detail
{
  margin-bottom: 20px;
  font-size: 13px;
  font-family: arial;
}
.wapper_news_detail .content_news{
  padding-bottom: 10px;
  border-radius: 8px;
  padding: 0px 5px;
}
.wapper_news_detail h1{
  font-size: 24px;
}
.wapper_news_detail .des
{
  color: #000;
  margin-bottom: 10px;
  font-weight: bold;
}
.wapper_news_detail .content
{
  text-align: justify;
}
.wapper_news_detail .content img
{
  width: 100% !important;
  height: auto !important;
}
.tinlienquan .title_lq{
  font-weight: bold;
  font-family: arial;
}
.tinlienquan ul{
  margin: 0px;
  padding: 0px;
}
.tinlienquan ul li{
  padding-left: 10px;
}
.tinlienquan ul li i{
  font-size: 11px;
  color: #81B441;
  }
/*=======================Comment============================*/
.wapper-tool{
  margin: 0px 5px;
}
.tool_tin{
  margin-bottom: 10px;
}
.tool_tin .user_comment{
  cursor: pointer;
  float: left;
  font-size: 14px;
  color: #FFF;
  background: url("../images/bg-detail.png");
  padding: 3px 10px 3px 0px;
  line-height: 20px;
  margin-right: 10px;
  margin-top: 10px;
}
.tool_tin .btn-print{
  cursor: pointer;
  float: left;
  font-size: 14px;
  color: #000;
  /*background: #81B441;*/
  background: url("../images/bg-detail1.png");
  padding: 3px 10px 3px 0px;
  margin-right: 10px;
  line-height: 20px;
}

.tool_tin .user_login{
  cursor: pointer;
  float: left;
  font-size: 20px;
}
.tool_tin .user_comment i{
  color: #FFF;
  font-size: 17px;
  margin-left: 10px;
  float: left;
}
.btn-share img{
  width: 25px;
}
.tool_tin .btn-print i{
  color: #000;
  font-size: 17px;
  margin-left: 10px;
  float: left;
  margin-top: 1px;
}
.tool_tin .user_login i{
  color: #81B441;
  font-size: 30px;
  margin-left: 10px;
}
.content_comment{
  width: 100%;
  margin: auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #F5F5F5;
  padding: 5px 10px;
  font-family: 'neo';
  border-top: 1px solid #e2dede;
  border-radius: 0px 0px 5px 5px;
  display: none;
}
.content_comment .title_cm{
  height: 30px;
  line-height: 30px;
  position: relative;
}
.request_login{
  font-family:Arial, Helvetica, sans-serif;
}
.request_login a{
  float: none !important;
  margin: 0px !important;
  padding:0px !important;
  color: #F00 !important;
}
.content_comment .title_cm .info_user{
  float: left;
}
.info_user{
  float: left;
  margin-top: 3px;
}
.info_user span{
  color: #81B441;
  }
.list_comment{
  margin-top: 10px;
}
.content_comment .title_cm .info_user span{
  color: #81B441;
}
.content_comment .title_cm i{
  font-size: 18px;
  color: #81B441;
}
.content_comment textarea{
  width: 100%;
  max-width: 100%;
  height: 60px;
  padding:5px;
  border: 1px solid #e2dede;
  font-family:Arial, Helvetica, sans-serif;
}
.content_comment a
{
  float: right;
  padding: 3px 10px;
  margin-right: 5px;
  cursor: pointer;
  color: #222;
  
}
.content_comment a i
{
  font-size: 18px;
  color: #81B441;
}
.div_comment{
  margin: 0px 0px 10px 0px;
}
.avatar_cm{
  float: left;
  margin-right: 10px;
}
.content_cm{
  float: left;
  font-family:Arial, Helvetica, sans-serif;
}
.content_cm h4{
  margin: 0px 0px 3px 0px;
  font-size: 14px;
  color: #3b5998;
  font-weight: bold;
}
.content_cm h4 span{
  color: #333;
  font-weight: normal;
  font-style: italic;
  font-size: 12px;
  }
.btn-share{
  float: left;
  margin-top: 10px;
}
/*=======================Report============================*/
.tool_tin .user_report{
  cursor: pointer;
  float: left;
  font-size: 15px;
  color: #000;
  background: url("../images/bg-detail1.png");
  padding: 3px 10px 3px 10px;
  margin-right: 10px;
  line-height: 20px;
  margin-top: 10px;
}
.lienhe_button{
  margin: 10px 0px 5px 0px;
}
.lienhe_button a{
  padding: 3px 10px;
  margin: 0px 0.5% 5px 0.5%;
  border-radius: 2px;
  color: #333;
}
.lienhe_button a.call{
  width: 49%;
  display: block;
  float: left;
  margin-bottom: 10px;
    text-align:center;
  }
    
.lienhe_button a.email{
    width: 99%;
    display: block;
    float: left;
    text-align:center;
    }    
    
#yctt{
  background: #F00;
  color: #FFF;
  display: block;
  text-align: center;
  padding:5px 0px;
}
#yctt:hover{
  background: #ce1f1f;
}
.tool_tin .user_report i{
  color: #000;
  font-size: 17px;
  margin-top: 1px;
  float: left;
}
.body_report{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9999999;
  display: none;

}
.content_report{
  position: 
}
.content_report{
  display: none;
    background: #F5F5F5;
    border: 2px solid #ddd;
    float: left;
    font-size: 13px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'open_san';
    width: 500px;
    padding: 5px 18px 25px 18px;
    font-family:Arial, Helvetica, sans-serif;
}
.content_report .title{
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
}
.content_report .report_head {
  margin: 8px 0px 0px 0px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
  font-style: italic;
}
.content_report .text_report .item_report
{
  width: 96%;
  margin: 8px auto;
}
.content_report .text_report .item_report label{
  float: left;
  width: 100px;
  font-weight: normal;
}
.content_report .text_report .item_report input.txt_report{
  width: 70%;
  height: 27px;
  border: 1px solid #CCC;
  border-radius: 3px;
  padding-left: 5px;
}
.content_report .text_report .item_report input.btn_report{
  background: #81B441;
  color: #FFF;
  border: none;
  padding: 4px 20px;
  border-radius: 3px;
}
.content_report .text_report .item_report a.sent_report{
  background: #81B441;
  color: #FFF;
  border: none;
  padding: 6px 20px;
  border-radius: 3px;
  cursor: pointer;
  }
.content_report .text_report span.title{
  color: #81B441;
  font-size: 12px;

}
.content_report .text_report .item_report select.cbo_report{
  width: 70%;
  height: 28px;
  border: 1px solid #CCC;
  border-radius: 3px;
  padding-left: 5px;
}
.content_report .text_report .item_report textarea.content_rp{
  width: 70%;
  height: 70px;
  border: 1px solid #CCC;
  border-radius: 3px;
  padding-left: 5px;
}
.content_report .text_report .item_report label span{
  color: #F00;
}
/*=======================Du an============================*/
.wapper_duan
{
  margin-bottom: 20px;
}
.wapper_duan .content_duan{
  padding-bottom: 10px;
  border-radius: 8px;
  padding: 0px 5px;
}
.item_duan{
  margin: 0px 0.5% 20px 0.5%;
  width: 32%;
  float: left;
  min-height: 200px;
  font-size: 13px;
  font-family: arial;
}
.item_duan img{
  width: 100%;
  height: 180px;
  float: left;
  margin-right: 10px;
  border: 1px solid #CCC;
  padding:2px;
} 
.item_duan i
{
  color: #bab7b7;
}
.item_duan span
{
  color: #bab7b7;
  font-size: 13px;
}
.item_duan a{
  color: #222;
}
.item_duan a:hover
{
  color:#448812; 
}
.item_duan a:hover img
{
  opacity: 0.5;
}
.item_duan h3{
  margin: 5px 0px 5px 0px;
  font-size: 13px;
  color: #345;
  font-weight: bold;
    font-family: arial;
    min-height: 30px;
    overflow: hidden;
}
.view_more{
  color: #F00;
}
.wapper_duan_detail
{
  margin-bottom: 20px;
  font-size: 13px;
  font-family: arial;
}
.wapper_duan_detail .content_duan{
  padding-bottom: 10px;
  border-radius: 8px;
  padding: 0px 5px;
}
.wapper_duan_detail h1{
  font-size: 14px;
    font-weight: bold;
  margin: 10px 0px 10px 0px;
  color: #345;
  /*border-bottom: 1px solid #CCC;*/
  padding-bottom: 5px;
}
.wapper_duan_detail .des
{
  color: #A09D9D;
  margin-bottom: 10px;
}
.wapper_duan_detail .content
{
  text-align: justify;
}
.wapper_duan_detail .content h2
{
  font-size: 20px;
}
.wapper_duan_detail .content img{
  width: 100% !important;
}
/*#slider1_container{
  width: 100% !important;
}*/
.jssort01{
  display: none;
}
/*===================================================*/
#manager_div1{
  width: 100%;
  border: 1px solid #CCC;
  border-radius: 8px;
  margin: auto;
  margin-bottom: 20px;
  position: relative;
}
#manager_div1 .title{
  color: #81B441;
  line-height: 42px;
  height: 42px;
  border-radius: 8px 8px 0px 0px;
  padding-left: 10px;
  border-bottom: 1px solid #CCC;
  text-transform: uppercase;
  font-weight: bold;
}
#manager_div1 .content_manager .item_manager label{
  width: 80px;
  text-align: right;
  margin-right: 5px;
}
#manager_div1 .content_manager .item_manager .ear_manager{
  max-width: 100%;
}
.menu-fix{
  position: fixed !important;
  left: 0px !importan;
  top: 0px !important;
}
.title_search{
  /*background: #40455f;
  color: #FFF;
  height: 34px;
    line-height: 33px;
    margin-top: 5px;
  padding-left: 5px;
  border-radius: 4px 4px 0px 0px;
  font-size: 20px;*/
  font-size: 16px;
  font-weight: bold;
   height: 37px;
    line-height: 37px;
    color: #555;
}
/*===================================================*/
.search_left{
  padding: 0px 5px 0px 5px !important;
  background: #FFF !important;
  border: 1px solid #ccc;
  border-radius: 0px 0px 4px 4px;
}
.select_left{
  padding:2px;

}
/*===================================================*/
.imgae_ifo .avatar{
  position: absolute;
  bottom: -20px;
    left: 30px;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #FFF;
  padding: 3px;
  border-radius: 3px;
}
.imgae_ifo .avatar img{
  width: auto;
  min-height: 100%;
  }
.update_cover{
  cursor: pointer;
  position: absolute;
  top: 15px;
    left: 30px;
  color: #FFF;
  padding: 3px 10px;
  border-radius: 3px;
}
.update_cover span{
  display: none;
  float: left;
  margin-left: 5px;
  }
.update_cover i{
  font-size: 20px;
  float: left;
  margin-top: 2px;
  }
.update_cover:hover{
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #FFF;
  color: #FFF;
}
.update_cover:hover span{
  display: block;
  }
.update_cover:hover i{
  opacity: .9;
  -webkit-transform: scale(.75);
  transition: all .5s;
}

.update_avatar{
  cursor: pointer;
  position: absolute;
  bottom: 5px;
    left: 6px;
  color: #FFF;
  padding: 3px 10px;
  border-radius: 3px;
}
.update_avatar span{
  display: none;
  float: left;
  margin-left: 5px;
  }
.update_avatar i{
  font-size: 20px;
  float: left;
  margin-top: 2px;
  }
.update_avatar:hover{
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #CCC;
  color: #FFF;
}
.update_avatar:hover span{
  display: block;
  }
.update_avatar:hover i{
  opacity: .9;
  -webkit-transform: scale(.75);
  transition: all .5s;
}
.div_cover{
  display: none;
    background: #FFF;
    border: 2px solid #ddd;
    float: left;
    font-size: 13px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'open_san';
    width: 700px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
}

#dropzone{
  background-image: url("../images/cover.png");
    background-repeat: no-repeat;
    background-position: center 25px;
    width: 90%;
    position: relative;
    font-family: Arial;
    text-align: center;
    padding-top: 116px;
    margin-bottom: 10px;

}
.cover_img{
  max-height: 330px;
}
#dropzone span{
  font-size: 20px;
}
.up_cover{
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0,0,0,0.1);
  padding: 5px 15px;
  cursor: pointer;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  margin-top: 10px;
}
.box_sub{
  /*display: none;*/
}
#box_cover{
  width: 98%;
  margin: auto;
  height: 250px;
  overflow: hidden;
}
.box_sub{
  margin-top: 10px;
}
.count_tin{
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.count_tin span{
  color: #c22;
}
.box_sub input{
  background: #81B441;
  color: #FFF;
  padding: 3px 10px;
  border: none;
  float: right;
  margin-right: 8px;
  border-radius: 3px;
  font-size: 15px;
}
#box_cover img{
  width: 100%;
}
.div_cover .title{
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e1e1e1;
    -moz-box-shadow: 0 1px 5px 1px #e1e1e1;
  -webkit-box-shadow: 0 1px 5px 1px #e1e1e1;
  box-shadow: 0 1px 5px 1px #e1e1e1;
  padding-left: 5px;
  font-size: 17px;
  }
/*===================================================*/
.div_avatar{
  display: none;
    background: #FFF;
    border: 2px solid #ddd;
    float: left;
    font-size: 13px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'open_san';
    width: 700px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
}

#dropzone_avatar{
  background-image: url("../images/cover.png");
    background-repeat: no-repeat;
    background-position: center 25px;
    width: 40%;
    position: relative;
    font-family: Arial;
    text-align: center;
    padding-top: 116px;
    margin-bottom: 10px;
    float: left;

}
.avatar_img{
  max-height: 330px;
}
#dropzone_avatar span{
  font-size: 20px;
}
.up_avatar{
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0,0,0,0.1);
  padding: 5px 15px;
  cursor: pointer;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  margin-top: 10px;
}
.box_sub{
  /*display: none;*/
}
#box_avatar{
  width: 40%;
  margin: auto;
  height: 250px;
  overflow: hidden;
  float: right;
  margin-right: 5%;
  margin-top: 10px;
}
.box_sub{
  margin-top: 10px;
}
.box_sub input{
  background: #81B441;
  color: #FFF;
  padding: 3px 10px;
  border: none;
  float: right;
  margin-right: 8px;
  border-radius: 3px;
  font-size: 15px;
}
#box_avatar img{
  width: 100%;
}
.div_avatar .title{
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e1e1e1;
    -moz-box-shadow: 0 1px 5px 1px #e1e1e1;
  -webkit-box-shadow: 0 1px 5px 1px #e1e1e1;
  box-shadow: 0 1px 5px 1px #e1e1e1;
  padding-left: 5px;
  font-size: 17px;
  }
/*===================================================*/
#manager_div2{
  width: 100%;
  border: 1px solid #CCC;
  border-radius: 8px;
  margin: auto;
  position: relative;
}
#manager_div2 .title{
  color: #81B441;
  line-height: 42px;
  height: 42px;
  border-radius: 8px 8px 0px 0px;
  padding-left: 10px;
  border-bottom: 1px solid #CCC;
  font-weight: bold;
  text-transform: uppercase;
}
#manager_div2 .content_manager .item_manager label{
  width: 80px;
  text-align: right;
  margin-right: 5px;
}
#manager_div2 .content_manager .item_manager .ear_manager{
  max-width: 100%;
}
.btn_dist{
  display: block;
  width: 100%;
  height: 30px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  line-height: 30px;
  /* color: #444; */
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* background-color: #fff; */
  /*background: url("http://file4.batdongsan.com.vn/images/select-box-220.png") no-repeat right 12px;*/
  float: left;
  color: #000;
  padding-left: 8px;
}
.btn_ward{
  display: block;
  width: 100%;
  height: 32px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  line-height: 30px;
  /* color: #444; */
  text-decoration: none;
  /* background-color: #fff; */
  /*background: url("http://file4.batdongsan.com.vn/images/select-box-220.png") no-repeat right 12px;*/
  float: left;
  color: #000;
  padding-left: 8px;
}
.btn_street{
  display: block;
  width: 100%;
  height: 32px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  line-height: 30px;
  /* color: #444; */
  text-decoration: none;
  /* background-color: #fff; */
  /*background: url("http://file4.batdongsan.com.vn/images/select-box-220.png") no-repeat right 12px;*/
  float: left;
  color: #000;
  padding-left: 8px;
}

.btn_dist:hover{
  color: #000;
}
.btn_ward:hover{
  color: #000;
}
.btn_street:hover{
  color: #000;
}
.list_dist{
  display: none;
  position: absolute;
  top: 38px;
  left: 0px;
  border: 1px solid #CCC;
  background: #FFF;
  z-index: 99999;
  padding: 5px 0px;
  width: 100%;
}
.list_ward{
  display: none;  
  position: absolute;
  top: 38px;
  left: 0px;
  border: 1px solid #CCC;
  background: #FFF;
  z-index: 99999;
  padding: 5px 0px;
  width: 100%;
}
.list_street{
  display: none;
  position: absolute;
  top: 38px;
  left: 0px;
  border: 1px solid #CCC;
  background: #FFF;
  z-index: 99999;
  padding: 5px 0px;
  width: 100%;
}
.list_dist_child{
  display: block;
}
.list_dist_child label{
  font-weight: normal !important;
}
.list_ward_child{
  display: block;
}
.list_ward_child label{
  font-weight: normal !important;
}
.list_street_child{
  display: block;
}
.list_street_child label{
  font-weight: normal !important;
}
.list_dist label{
  width: 50%;
  float: left;
  padding-left: 10px;
  font-weight: normal;
}
.list_ward label{
  width: 47%;
  float: left;
  padding-left: 10px;
  font-weight: normal;
}
.list_street label{
  width: 120px;
  float: left;
  padding-left: 10px;
  font-weight: normal;
}
.list_dist label input{
  float: left;
  margin-top: 3px;
}
.list_ward label input{
  float: left;
  margin-top: 3px;
}
.list_street label input{
  float: left;
  margin-top: 3px;
}

/*===================================================*/
.m_content_dangtin .title_dt{
  border-bottom:1px solid #CCC;
  color: #81B441; 
}
.m_content_dangtin {
  border: 1px solid #CCC;
  border-radius: 8px;
  position: relative;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
}
.m_content_dangtin .item_dangtin select.cbo_dangtin {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border: 1px solid #CCC;
  height: 30px;
  border-radius: 4px;
  padding: 2px 4px;
}
.m_content_dangtin .item_dangtin
{
  position: relative;
}
.m_content_dangtin .item_dangtin label{
  display: none;
}
.m_content_dangtin .item_dangtin span{
  display: none;
}
.m_content_dangtin .item_dangtin input.txt_dangtin2 {
  width: 100%;
}
.m_content_dangtin .item_dangtin4 {
  margin-right: 8%;
}
.m_content_dangtin .item_dangtin input.txt_dangtin5 {
  width: 100%;
}
.m_content_dangtin .item_dangtin input.txt_dangtin {
  width: 100%;
}
/*===================================================*/
@media screen and (max-width: 1366px) {
  #slider1_container{
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 980px) {
  #wapper-footer .footer-content {
    /*text-align: center;*/
  }
  .left img{
    float: left;
  }
}
@media screen and (max-width: 800px) {
  #manager_div{
    width: 100%;
  }
  .content_manager .th .tool{
    display: none;
  }
  .content_manager .td .tool{
    display: none;
  }
  .content_manager .th .name1 {
      width: 13%;
  }
  .content_manager .td .name1 {
      width: 13%;
  }
  .content_manager .th .name {
      width: 67%;
  }
  .content_manager .td .name {
      width: 67%;
  }
  .content_manager .th .tool1 {
      display: none;
  }
  .content_manager .td .tool1 {
      display: none;
  }
}
@media screen and (max-width: 768px) {
  #wapper-menu-2 .nav-menu{
    -webkit-overflow-scrolling: touch;
      -ms-transform: translate(-124%,0);
      -webkit-transform: translate3d(-124%,0,0);
      -moz-transform: translate3d(-124%,0,0);
      -ms-transform: translate3d(-124%,0,0);
      -o-transform: translate3d(-124%,0,0);
      transform: translate3d(-124%,0,0);
      position: absolute;
      top: 41px;
      left: 0px;
      width: 280px;
      background: #222222;
      transition: all .25s;

  }
  
  .nav-menu{
    overflow-y: auto;
  }
  #wapper-menu-2 .nav-menu li{
    width: 100%;
    border-bottom: 1px solid #1b1b1b;
    background: url("../images/bg_li.png");
    background-position: 5px 24px;
    background-repeat: no-repeat;
    line-height: 53px;
  }
  #wapper-menu-2 .nav-menu li.login_m{
    border-bottom: 1px solid #FFF;
    background: none;
    padding-left: 5px;
  }
  #wapper-menu-2 .nav-menu li.login_m i{
    color: #FFF;
  }
  #wapper-menu-2 .nav-menu li.login_m a{
      display: initial;
      padding:0px 0px 0px 0px;
  }
  #wapper-menu-2 .nav-menu li a{
    margin-left: 5px;
    font-family: Helvetica,sans-serif;
    font-size: 16px;
  }
  #wapper-menu-2 .nav-menu li ul li{
    background: none;
  }
  #wapper-menu-2 .nav-menu li:hover{
    background-color: #222222;
  }
  #wapper-menu-2 .nav-menu li:hover a{
    color: #81B441;
  }
  #wapper-menu-2 .nav-menu li:hover ul li a{
    color: #FFF;
  }
  #wapper-menu-2 .nav-menu li ul li:hover a{
    color: #81B441;
  }
  #wapper-menu-2 .nav-menu li ul li ul li:hover{
    background-color: none;
  }
  #wapper-menu-2 .nav-menu li:hover ul li ul li a{
    color: #FFF;
  }
  #wapper-menu-2 .nav-menu li ul li ul li:hover a{
    color: #81B441;
  }
  #wapper-menu-2 .nav-menu li ul li:hover{
    background-color: #222222;
  }
  #wapper-menu-2 .nav-menu li ul li:hover a{
    text-shadow: none;
  }
  #wapper-menu-2 .nav-menu li ul li a{
    color: #FFF;
    margin-left: 20px;
  }
  #wapper-menu-2 .nav-menu li ul li ul li a{
    margin-left: 30px;
  }
  #wapper-menu-2 .nav-menu li:hover ul{
    display: none;
  }
  #wapper-menu-2 .nav-menu li ul li:hover ul{
    display: none;
  }
  #wapper-menu-2 .nav-menu li ul{
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    background: #222222;
    width: 100%;
  }
  #wapper-menu-2 .nav-menu li ul li ul{
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    background: #222222;
    width: 100%;
  }
  #wapper-menu-2 .nav-menu li ul:after {
    display: none;
  }
  #wapper-menu-2 .nav-menu li ul li ul:after {
    display: none;
  }
  .down-icon{
    display: block;
  }
  .down-icon1{
    display: block;
  }
  #wapper-menu .move-right{
    -webkit-overflow-scrolling: touch;
      -ms-transform: translate(0%,0);
      -webkit-transform: translate3d(0%,0,0);
      -moz-transform: translate3d(0%,0,0);
      -ms-transform: translate3d(0%,0,0);
      -o-transform: translate3d(0%,0,0);
      transform: translate3d(0%,0,0);
      transition: all .25s;
  }
  #nav_icon{
    display: block;
  }
  .img_item {
      width: 23%;
  }
  .item_dangtin input.txt_dangtin2 {
      width: 95%;
  }
  .item_dangtin_1 {
      width: 50%;
  }
  .item_dangtin .item_child {
      width: 48%;
  }
  .item_dangtin input.txt_dangtin5 {
      width: 47.5%;
      margin-bottom: 10px;
  }
  .item_dangtin label {
      float: none;
  }
  .item_dangtin input.txt_dangtin2 {
      width: 92.5%;
  }
  .item_dangtin input.txt_dangtin {
      width: 94%;
  }
  .item_duan h3 {
    min-height: 50px;
    font-size: 13px;
  }
  .content_report {
    width: 90%;
  }
  .content_report .text_report .item_report select.cbo_report {
    width: 100%;
  }
  .content_report .text_report .item_report textarea.content_rp {
    width: 100%;
  }
  .content_report .text_report .item_report input.txt_report {
    width: 100%;
  }
  .content_comment .title_cm {
    height: auto;
  }
  .content_comment .title_cm .info_user {
    position: relative;
  }
  .item_news{
    min-height: 360px;
  }
  .item_news h3 {
    clear: both;
  }
  .item_news img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .item_news br.br{
    display: none;
  }
  .item_news i{
    margin-left: 5px;
  }
  .tin_hot .box_title {
    margin-left: -15px;
    padding-left: 15px;
  }
  .item_news h3 {
    font-size: 15px;
  }
  .item_duan h3 {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .login-popup {
    width: 96%;
  }
  .login-popup form .login_item {
      width: 80%;
  }
  .login-popup form .login_item input.txt {
      width: 100%;
      margin-left: 0px;
  }
  .login-popup {
    margin-left: -48% !important;
  }
  /*---------------------------------------------*/
  .form_search input.txt_list {
      width: 48%;
      margin: 5px 0.7%;
  }
  .form_search .cbo_list {
      margin: 0px 0.7%;
      width: 48%;
  }
  .form_search input.txt_list1 {
      width: 46%;
  }

  .title_td .td {
      min-height: 45px;
  }
  .item_dangtin input.txt_dangtin {
      width: 92%;
  }
  .item_dangtin input.txt_dangtin4 {
      width: 50%;
  }
  .content_dangtin {
      padding: 5px 5px 5px;
  }
  .item_dangtin .item_child {
      width: 47.5%;
  }
  .content_login{
    width: 90%;
  }
  .content_manager .th .date {
    display: none;
  }
  .content_manager .td .date {
    display: none;
  }
  .content_manager .th .img {
      width: 20%;
  }
  .content_manager .td .img {
      width: 20%;
  }
  .content_manager .th .name5 {
      width: 40%;
  }
  .content_manager .td .name5 {
      width: 40%;
  }
  .content_manager .th .id1 {
      display: none;
  }
  .content_manager .td .id1 {
      display: none;
  }
  .content_manager .th .name6 {
      display: none;
  }
  .content_manager .td .name6 {
      display: none;
  }
  .div_textear textarea{
    width: 100%;
  }
  .content_manager .item_manager input.txt_manage1 {
      width: 100%;
  }
  .wapper_news_detail .content table
  {
    max-width: 100% !important;
    width: 100% !important;
  }
  .wapper_news_detail .content img
  {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }
  .item_duan {
      width: 49%;
  }
  .wapper_duan_detail .content h2{
    font-size: 14px;
  }
  .left img{
    width: 100%;
  }
  .content_manager .item_manager input.txt_manage {
    width: 100%;
  }
  #manager_div .content_manager .item_manager label {
    text-align: left;
  }
  .content_manager .item_manager select.cbo_manage {
      width: 100%;
  }
  .no_span{
    display: none;
  }
  .content_manager .th .name4 {
    width: 30%;
  }
  .content_manager .td .name4 {
    width: 30%;
  }
  .content_manager .th {
    overflow: hidden;
  }
  .content_manager .th .img {
      width: 40%;
  }
  .content_manager .td .img {
      width: 40%;
  }
  .content_manager .th .date1 {
      width: 42%;
  }
  .content_manager .td .date1 {
      width: 42%;
  }
  .item_dangtin_1 {
      width: 100%;
  }
  .item_dangtin input.txt_dangtin2 {
      width: 90%;
  }
  .item_dangtin input.txt_dangtin {
      width: 90%;
  }
  .item_dangtin .item_child {
    width: 100%;
  }
  .item_dangtin input.txt_dangtin1 {
      width: 85%;
  }
  .item_dangtin input.txt_dangtin5 {
      width: 89.5%;
  }
  .bao_info dl.dl-horizontal dt {
    float: left;
    width: 120px;
  }
  .qrcode-phone {
    margin-bottom: 10px;
  }
  .imgae_ifo .fa-inverse {
    color: #fff;
    font-size: 52px;
    margin-top: -35px;
  }
  .imgae_ifo .fa-stack-2x {
    font-size: 90px;
  }
  .imgae_ifo .fa-stack {
    width: 1em;
    height: 1em;
  }
  .tin_hot .content_tinhot .tin_item {
    width: 98%;
  }
  .tin_hot .content_tinhot .tin_item img {
    width: 100%;
  }
  #tab_content li{
    width: 50px !important;
    height: 50px !important;
  }
  .form_search input.txt_list {
    width: 98%;
  }
  .form_search .btn_search {
    margin-top: 10px;
  }
  .form_search .cbo_list {
    margin-top: 10px;
  }
  .img_profile input{
    margin-top: 10px;
    width: 50px !important;

  }
  .item_duan {
    width: 98%;
  }
  .item_duan img {
    height: 200px;
  }
  .item_duan h3 {
    min-height: 30px;
  }
  .content_manager .th .id2 {
    width: 7%;
  }
  .content_manager .td .id2 {
    width: 7%;
  }
  .content_manager .th .date2 {
    display: none;
  }
  .content_manager .td .date2 {
    display: none;
  }
  .duan-item {
    width: 100%;
  }
  .duan-item img{
    width: 100%;
    height: auto;
  }
  .left-item {
    border-bottom: none;
  }
  .bao_uls {
      width: 295px;
  }
  #wapper-menu .nds_login {
    position: absolute;
      top: 0px;
      right: 0px;
  }
  .list-group ul li.li_child ul.child_ul{
    position: relative;
    right: auto;
  }
  .list-group ul li.li_child:hover ul.child_ul{
    display: none;
  }
  .content_manager .th .name7 {
    width: 60%;
    min-width: 350px;
  }
  .content_manager .td .name7 {
    width: 60%;
  }
  .search_manager select {
    width: 162px;
  }
  .search_manager input.search_btn {
    margin-top: 5px;
  }
  .tool_tin .btn-print {
    margin-bottom: 10px;
  }
  .imgae_ifo .avatar {
    width: 70px;
    height: 70px;
  }
  .cover_img {
    min-height: 120px;
  }
  .imgae_ifo img {
    min-height: 100% !important;
  }
  .imgae_ifo .avatar img{
    max-height: 100%;
  }
  .info_per {
    margin: 0px;
  }
  .div_cover {
    width: 98%;
    left: 53%;
    top: 55%;
  }
  .div_avatar {
    width: 98%;
    left: 53%;
    top: 55%;
  }
  .update_cover {
    right: 10px;
    left: auto;
  }
  #dropzone_avatar {
    width: 100%;
  }
  #box_avatar {
    width: 100%;
  }
  .dropzone .dz-default.dz-message {
  }
  .item_news {
    margin: 10px 0px;
    width: 100%;
    float: none;
    min-height: 350px;
  }
}
@media screen and (max-width: 360px) {
  .form_search .cbo_list {
      margin: 5px 0.7%;
      width: 98%;
  }
  .form_search input.txt_list2 {
      width: 34%;
  }
  .form_search input.txt_list1 {
      width: 62%;
  }
  .form_search {
      margin: 5px 0px 0px;
  }
  .form_search .btn_search {
    margin-top: 10px;
  }
  .title_th .date {
      display: none;
  }
  .title_td .date {
      display: none;
  }
  .title_th .view {
      display: none;
  }
  .title_td .view {
      display: none;
  }
  .title_th .id {
      width: 15%;
  }
  .title_td .id {
      width: 15%;
  }
  .title_td .tieude_dt {
      width: 84%;
  }
  .title_th .tieude_dt {
      width: 84%;
  }
  .title_td
  {
    height: 40px;
    overflow: hidden;
  }
  .item_dangtin input.txt_dangtin {
      width: 89%;
  }
  .item_dangtin input.txt_dangtin4 {
      width: 61%;
  }
  .item_dangtin_1 {
      width: 100%;
  }
  .item_dangtin_1 select.cbo_dangtin {
      width: 89%;
  }
  .item_dangtin input.txt_dangtin2 {
      width: 89%;
  }
  item_dangtin .item_child {
      width: 100%;
  }
  .item_dangtin .item_child {
      width: 100%;
  }
  .item_dangtin input.txt_dangtin1 {
      width: 88.5%;
  }
  .img_item {
      width: 48%;
  }
  .item_dangtin input.txt_dangtin5 {
      width: 88.5%;
  }
  #manager_div .content_manager .item_manager label {
    text-align: left;
    width: 100%;
  }
  #manager_div1 .content_manager .item_manager label {
    text-align: left;
    width: 100%;
  }
  .div_textear {
      width: 100%;
  }
  .content_manager .item_manager input.txt_manage {
      width: 100%;
  }
  .content_manager .item_manager select.cbo_manage {
      width: 100%;
  }
  .no_span{
    display: none;
  }
  .content_manager .th .name1 {
      width: 18%;
  }
  .content_manager .td .name1 {
      width: 18%;
  }
  .content_manager .th .name {
      width: 62%;
  }
  .content_manager .td .name {
      width: 62%;
  }
  .content_manager .th .name3 {
      width: 30%;
  }
  .content_manager .td .name3 {
      width: 30%;
      min-width: 27%;
  }
  .content_manager .th .name4 {
      width: 27%;
  }
  .content_manager .td .name4 {
      width: 27%;
  }
  .content_manager .th .img {
      width: 26%;
  }
  .content_manager .td .img {
      width: 26%;
  }
  .item_news img {
    height: auto;
  }
  
  
}
 /* Khanh css*/
 .modal{
  z-index: 99999;
}
.full_screen{
  display: none;
  position: fixed;
  z-index: 1110;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.bds_list{
  padding: 0px;
  position: relative;
}

.bds_list .nth-cl:nth-child(3n+1){
  clear: both;
}
.bds_list .nth-in:nth-child(2n+1){
  clear: both;
}
.bds_list .nth-in:nth-child(3n+1){
  clear:none;
}
.bds_list .nth-in:nth-child(2n+1){
  padding-right: 5px !important;
}
.bds_list .nth-cl{
  padding: 0;
  padding-right: 5px;
  font-size: 13px;
}
.bds_list .nth-cl .ten a{
  font-size: 12px;
}
.tienthanhtoan{
  color: red;
}
.d-n{
  display: none;
}
.ng-scope{
  opacity: 1 !important;
}
.op0{
  opacity: 0;
}
.box_bds{
  padding: 10px;
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
    border:1px #eee solid;
    background: #f9f9f9;
    margin-bottom: 5px;
   
}
.ta-c{
  text-align: center;
}

.box_bds:hover{
  background: #ffffff;
  border-color: transparent;
    /* box-shadow: 0 0 5px 1px #81B441; */
    z-index: 4;
    border:1px #bbb solid;
}

.time{
  float: right;
  font-style: italic;
}
.bds_left{
  width: 30%;
  float: left;
  margin-right: 3%;
  position: relative;
}
.bds_left b{
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(20,156,74,0.9);
  padding: 3px 5px;
  color: #fff;
  font-size: 12px;
}
.bds_left b:after{
  content: '';
  position: absolute;
  top: 0;
  left: -3px;
  width:0px;
    height:0px;
    border-bottom:3px solid transparent;
    border-top:3px solid transparent;
    border-right:3px solid rgba(20,156,74,0.9);
}
.bds_left b:before{
  content: '';
  position: absolute;
  top: 3px;
  left: -6px;
  width:0px;
  height:0px;
  border-left:3px solid transparent;
  border-right:3px solid transparent;
  border-bottom:3px solid rgba(20,156,74,0.9); 
}

.bds_right{
  width: 66%;
  float: left;
  position: relative;
    color:#222;
}
.bds_right a{
    color:#00669d;
}
.box_bds .ten{
  margin-bottom: 8px;
}
.box_bds .ten a{
  color: #345;
  font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    display: block;
    height: 34px;
  overflow: hidden;
}
.box_bds .mota i{
  color: #81B441;
  margin-right: 7px;
}
.box_bds .mota p{
  margin: 0 0 3px;
}
.box_bds .bottom i{
  color: #81B441;
  margin-right: 5px;
}
.box_bds .bottom b{
  margin-right: 15px;
}
.box_bds .bottom .yeuthich{
  float: right;

}
.box_bds .bottom_right{
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
}
/* like */
.box_bds .bottom .view{
  float: right;
  margin-right: 20px;
  background: #efefef;
  padding: 3px 10px;
  -webkit-box-shadow: 0 1px 0 #ccc;
  -moz-box-shadow: 0 1px 0 #ccc;
  box-shadow: 0 1px 0 #ccc;
  border: 1px lightgrey solid;
  border-radius: 4px;
  display: none;
}
.box_bds .bottom .view.active{
  outline: 0;
  position: relative;
  top: 1px;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.05);
  box-shadow: inset 0 3px 7px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.05);
}
.count_bds{
  margin-bottom: 15px;
}
.count_bds b{
  color: #149c4a;
  font-weight: bold;
}
.bds_right .ten{
  font-weight: bold;
  min-height: 65px;
}
.bds_right .ten a span{
  font-weight: normal;
  color: red;
}
/*-------------- Map css ------------*/
.responsive-maps {
  margin-top:0px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px; overflow: hidden;
}


.responsive-maps #map_canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 275px;
}
.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
}
.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #30A602;
    
}
.navigate .C {
    width: 970px;
}
#tab_content{
  margin: 0px;
  padding: 0px;
  
}
#tab_content li{
  float: left;
  list-style: none;
  padding: 0px;
  margin-left: 10px;
  width: 70px;
  height: 70px;
  background: #fff;
  padding: 3px;
}
#tab_content li a{
  
  display: block;
  position: relative;
}
#tab_content li a img{
  margin: 0;
}
#tab_content li a span{
  position: absolute;
  bottom: 0px;
  left: 0;
  background-color: rgba(51,51,51,0.7);
  color: #fff;
  font-size: 11px;
  width: 100%;
  text-align: center;
}
#tab_content li a.selected{

}
.tab_text{
  padding: 5px;

}
.title_detail{
  border-bottom: 1px solid #CCC;
  margin-top: 20px;
}
.diachi_detail{
  border-bottom: 1px solid #eee;

}
.lienhe_detail{
  padding: 1px 5px;
}
.lienhe_detail b{
  display: block;
  float: left;
  margin-right: 5px;
}
.lienhe_detail p{
  margin: 0;
}


div.contact_name {

}

.lienhe_detail i{
  color: #40455f;
  width: 12px;
  text-align: center;
  margin-right: 5px;
}
.khuvuc_detail{
  border-bottom: 1px solid #eee;
  width: 50%;
  float: left;
}

.title_chitiet{
  width: 150px;
  float: left;
}
.title_chitiet i{
  margin-right: 5px;
  text-align: center;
  width: 20px;
  color: #149c4a;
}
.title_top .title_chitiet{
  font-size: 17px;
}
.title_top .title_chitiet:last-child{
  margin-bottom: 0px;
}
.thongtin_mota{
  
}
.mota_detail{
  padding: 10px;
}
.thongtin_mota h2{
  padding: 0px;
  margin: 0px;
  font-size: 22px;
  padding-right: 10px;
  font-weight: normal;
  line-height: 33px;
}

.tinnhadatkhac h2{
  padding: 0px 0 0 5px;
  margin: 0px;
  font-size: 18px;
  padding-right: 10px;
  font-weight: bold;
  color: #81B441;
}
#info_deals{
  position: relative;
}
#tab_content{
  position: absolute;
  bottom: 5px;
  z-index: 999;
    right:40px;
}
.maps_show_detail{
  padding-bottom: 42.9%;
}
.box_detail_left{
  padding-right: 0;
  padding-left: 0;
}
.box_detail_right{
  padding-right: 3px;
  padding-left: 3px;
  box-sizing:border-box;
}
.box_detail_right .fieldSml{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: .5em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
  transition: border .2s;
  max-width: 100% !important;
}
.box_detail_right .msg{
  min-height: 88px !important;
}
.box_detail_right .fieldSml:focus{
  outline: 0;
  border: 1px solid rgba(63,215,90,1) !important;

}
.box_detail_right .fieldItem{
  margin: 5px 0;
}
.box_detail_right .btnPrimary {
  border: 1px #e24012 solid;
  background: #ee552a;
  color: white;
  text-shadow: none;
  -webkit-box-shadow: 0 1px 0 #b14700;
  -moz-box-shadow: 0 1px 0 #b14700;
  box-shadow: 0 1px 0 #b14700;
  margin: 0;
}
.box_detail_right .btnPrimary:hover {
  background: #ee552a;
  
}
.box_detail_right .btnFullWidth {
  width: 100%;
}
.box_request_info{
  border: 1px solid #fff;
  margin-top: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}
.ri_frm{
  padding: 5px;
}
.ri_frm>form{
  display: none;
}

.ri_title{
  background-color: #40455f;
  text-align: center;
  color: #fff;
}
.ri_title span{
  
  font-size: 22px;
}
.ri_title p{
  font-size: 12px;
  text-align: left;
  padding-left: 10px;
  margin: 0;
}
.page_left{
  width: 75%;
  float: left;

}
.thongtinlienhe{
  border: 1px solid #ccc;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/*-----------------------------------*/
.page_right{
  background: #fff;
}
.sidebar_title{
  background-color: #81B441;
  color: white;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 21px;
  margin: 0;
  font-weight: bold;
  font-size: 17px;
}
.page_right ul{
  margin: 0;
  list-style-color:#81B441;
  list-style: none;
  padding: 7px 0;
  border: 1px solid #ccc;
}
.page_right ul li{
  padding-left: 7%;

}
.page_right ul li i{
  padding-right: 5%;
  color: #81B441;

}
.page_right ul li a span{
  color: #81B441;

}
#wapper_search{
  background: #fff;
  
}

#k-searchtxt{
  width: 70%;
  float: left;
}
#k-searchbtn{
  width: 100%;
  height: 30px;
  margin-top: 5px;
}

#price{

}
#price i{
  float: right;
  margin-right: 5px;
  line-height: 32px;
}
.box_price{
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 5px;
}
.box_price_text input[type='text']{
  width: 40%;
  margin:2% 5%;
  float: left;
  height: 24px;
  text-align: center;
  color: #666;
}
.box_price_text ul{
  list-style: none;
  max-height: 220px;
  width: 100%;
  overflow: auto;
  float: left;
  margin: 0;
  padding: 0;
  
}
.box_price_text ul li{
  padding:0 0 0 15px;
  transition:all 0.2s;
  cursor: pointer;
  line-height: 33px;
}
.box_price_text ul li:hover{
  background: #81B441;
}
.box_price_text ul li.active{
  background: #81B441;
}
.box_price {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 99990;
  display: none;
}


#dientich{
  height: 30px;
  line-height: 28px;
  padding: 0px;
  margin: 0px;
  border-radius: 4px;
  padding-left: 20px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  cursor: inherit;
  position: relative;
  z-index: 1111;
  box-sizing:border-box;
  width: 100%;
  font-size: 12px;
}
#dientich i{
  float: right;
  margin-right: 5px;
  line-height: 32px;
}
.box_dientich{
  border: 1px solid #ccc;
  border-radius: 4px;
}
.box_dientich_text input[type='text']{
  width: 40%;
  margin:2% 5%;
  float: left;
  height: 24px;
  text-align: center;
  color: #666;
}
.box_dientich_text ul{
  list-style: none;
  max-height: 200px;
  width: 100%;
  overflow: auto;
  float: left;
  margin: 0;
  padding: 0;
  
}
.box_dientich_text ul li{
  padding:0 0 0 15px;
  transition:all 0.2s;
  cursor: pointer;
}
.box_dientich_text ul li:hover{
  background: #81B441;
}
.box_dientich_text ul li.active{
  background: #81B441;
}
.box_dientich {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 99990;
  display: none;
}
.box_search{
  padding:0;
  position: relative;
  z-index: 1100;
}
#timthem{
  line-height: 30px;
  display: block;
}
.ui-front {
  z-index: 9999;
}
.ui-autocomplete {
      max-height: 300px;
      min-width: 115px;
      overflow-x: hidden; 
    }
.box_sl{
  margin: 5px 0 !important;
}
.timthem {
  display: none;
}

.autosearch{
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  color: #555;
  display: none;
  z-index: 9998;
  max-height: 300px;
  overflow-y: scroll;
  width: 100%;
}
.autosearch_m{
  position: absolute;
  width: 100%;
}
.autosearch .rol-tt{
  font-size: 14px;
  font-weight: bold;
  padding: 3px 15px;
  border-bottom: 1px solid #ccc;
}
.autosearch .rol-ct{
  font-size: 13px;
  padding: 3px 15px ;
  cursor: pointer;
}
.autosearch .rol-ct:hover{
  background: #f0f0f0;
}
/************menu bot***************/

.floating-action {
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 999999;
}

.popup-action {
    position: relative;
    display: block;
    right: 8px;
    margin: auto;
    z-index: 99999;
    text-align: right;
    display: none;
}



.popup-action.active {
    display: block;
}



.popup-action a {
    display: block;
}



.popup-action a .text {
    display: inline-block;
    color: #fff;
    background-color: rgba(0,0,0,.8);
    padding: 5px 10px;
    border-radius: 3px;
    opacity: 0;
    transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
}



.popup-action a .fa {
    margin-left: 10px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    position: relative;
    border-radius: 50%;
    background-color: #81B441;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 8px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5);
    transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transform: scale(0) rotate(-90deg);
    -moz-transform: scale(0) rotate(-90deg);
    -o-transform: scale(0) rotate(-90deg);
    -webkit-transform: scale(0) rotate(-90deg);
}



.popup-action.active a .text {
    opacity: 1;
}



.popup-action.active a .fa {
    transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
}



.trsDelay1 {
    transition-delay: .05s!important;
    -moz-transition-delay: .05s!important;
    -ms-transition-delay: .05s!important;
    -o-transition-delay: .05s!important;
    -webkit-transition-delay: .05s!important;
}



.trsDelay2 {
    transition-delay: .1s!important;
    -moz-transition-delay: .1s!important;
    -ms-transition-delay: .1s!important;
    -o-transition-delay: .1s!important;
    -webkit-transition-delay: .1s!important;
}



.trsDelay3 {
    transition-delay: .15s!important;
    -moz-transition-delay: .15s!important;
    -ms-transition-delay: .15s!important;
    -o-transition-delay: .15s!important;
    -webkit-transition-delay: .15s!important;
}



.trsDelay4 {
    transition-delay: .2s!important;
    -moz-transition-delay: .2s!important;
    -ms-transition-delay: .2s!important;
    -o-transition-delay: .2s!important;
    -webkit-transition-delay: .2s!important;
}



.trsDelay5 {
    transition-delay: .25s!important;
    -moz-transition-delay: .25s!important;
    -ms-transition-delay: .25s!important;
    -o-transition-delay: .25s!important;
    -webkit-transition-delay: .25s!important;
}



.trsDelay6 {
    transition-delay: .3s!important;
    -moz-transition-delay: .3s!important;
    -ms-transition-delay: .3s!important;
    -o-transition-delay: .3s!important;
    -webkit-transition-delay: .3s!important;
}



.trsDelay7 {
    transition-delay: .35s!important;
    -moz-transition-delay: .35s!important;
    -ms-transition-delay: .35s!important;
    -o-transition-delay: .35s!important;
    -webkit-transition-delay: .35s!important;
}



.trsDelay8 {
    transition-delay: .4s!important;
    -moz-transition-delay: .4s!important;
    -ms-transition-delay: .4s!important;
    -o-transition-delay: .4s!important;
    -webkit-transition-delay: .4s!important;
}



.trsDelay9 {
    transition-delay: .45s!important;
    -moz-transition-delay: .45s!important;
    -ms-transition-delay: .45s!important;
    -o-transition-delay: .45s!important;
    -webkit-transition-delay: .45s!important;
}



.trsDelay10 {
    transition-delay: .5s!important;
    -moz-transition-delay: .5s!important;
    -ms-transition-delay: .5s!important;
    -o-transition-delay: .5s!important;
    -webkit-transition-delay: .5s!important;
}

.btn-action-global {
    background-color: #81B441;
    width: 56px;
    height: 56px;
    position: relative;
    float: right;
    border-radius: 50%;
    box-shadow: 0 2px 3px rgba(0,0,0,0.38);
    z-index: 999;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.btn-action-global .icon {
    position: absolute;
    width: 22px;
    height: 22px;
    background-image: url(../images/home_icon.png);
    background-size: 20px auto;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
}



.btn-action-global.active .icon {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.overlay-white {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 9998;
  display: none;
  background: rgba(255,255,255,0.1);
}


/************menu bot***************/
.kbtn{
  width: 100%;
  border: 1px #e24012 solid;
  background: #ee552a;
  color: white;
  text-shadow: none;
  -webkit-box-shadow: 0 1px 0 #b14700;
  -moz-box-shadow: 0 1px 0 #b14700;
  box-shadow: 0 1px 0 #b14700;
  margin: 0;
}
.kbtn:hover{
  background: #ee552a;
  border-color: transparent;
}
.kbtn:focus{
  outline: 0;
  background: #ee552a !important;
  border: 1px #e24012 solid;
}
.box_boder{
  border: 1px solid #CCC;
  border-radius: 5px;
  margin-bottom: 15px;
  box-sizing:border-box;
}
.box_boder .title {
  border-bottom: 1px solid #eee;
  line-height: 22px;
  text-transform: uppercase;
  /*margin-bottom:10px;*/
  padding:5px 10px;
  color: #0a3575;
  font-size: 14px;
  font-weight: bold;
}
#search_css.mb{
  display: block;
}
.login_m{
  display: none;
}
.box_bds_m{
  position: relative;
  margin-bottom: 1px;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
  color: #ffffff; 

}

.box_bds_m .hinh{
  max-height: 178px;
  overflow: hidden;
  position: relative;
}

.box_bds_m .hinh img{
  max-height: 100%;
}
.box_bds_m .link{
   /* background: rgba(0,0,0,0.1);  */
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.box_bds_m .link:before{
  position: absolute;
  content: '';
  width: 100%;
  top: 0;
    height: 40px;
    background: -webkit-linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0));
}
.box_bds_m .link:after{
  position: absolute;
  content: '';
  width: 100%;
  bottom: 0;
    height: 76px;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
}
.box_bds_m .btn_like{
  position: absolute;
  top: 5px;
  right: 15px;
  z-index: 3;
  display: none;
}
/*like*/
.basic{
  margin-left: 10px;
}
.box_bds_m .mota{
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #fff;
  padding: 0 15px;
  width: 100%;
  z-index: 3;
  height: 50px;
}
.box_bds_m .price{
  position: absolute;
  top: 0px;
  left: 15px;
  color: #fff;
  font-size: 28px;
  line-height: 40px;
  z-index: 3;
  font-family: 'Open Sans', open-sans, Arial, 'Helvetica Neue', sans-serif;
}
.box_bds_m .mota a{
  color: #fff;
  
}
.box_bds_m .mota .ten{
  height: 25px;
  overflow: hidden;
  margin-bottom: 0;
}
.box_bds_m .mota .ten a{
  font-size: 17px;
  font-weight: bold;
  font-family: 'Open Sans', open-sans, Arial, 'Helvetica Neue', sans-serif;
  text-transform: capitalize;
}
.box_bds_m .btn_like a{
  color: #fff;
}
.box_bds_m .mota .diachi{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 60%;
}
.box_bds_m .mota .diachi p{
  margin-bottom: 5px;
}
.box_bds_m .mota .diachi p i{
  margin-right: 2px;
}
.box_bds_m .mota .diachi p a{
  margin-right: 2px;
  margin-left: 3px;
}

.box_bds_m .mota .diachi p:nth-child(1){
  position: absolute;
  left: 15px;
  bottom: 0;
}
.box_bds_m .mota .diachi p:nth-child(2){
  position: absolute;
  right: 15px;
  bottom: 0;
  left: auto;
}
.duan-item {
  margin-bottom: 15px;
  border: 1px #eee solid;
}
.duan-item .hinh{
  position: relative;
}

.duan-item .mr{
  margin: 0 -10px;
}
.p5{
  padding: 5px;
}
.p0{
  padding: 0;
}
.k-header-admin{
  color: #36383a;
    height: 37px;
    line-height: 37px;
    font-weight: 600;
    border-bottom: 2px solid #e0e2e4;
}
.k-row-admin{
   border-bottom: 1px solid #e0e2e4;
}
.k-row-admin>div{
  line-height: 30px;
}
.k-row-admin:hover{
  background: #eee;
}
.detail_vip>p{
  padding: 0px 15px;
  line-height: 25px;
}
.select_box{
  position: relative;
}
.select_box .btn_sl{
  padding: 7px 10px;
  position: relative;
  background: #fff;
  z-index: 1111;
  border-radius: 2px;
}
.select_box .btn_sl>span{
  overflow: hidden;
  text-overflow: ellipsis;
  height: 21px;
}
.tuychontimkiem{
  padding: 0 7px;
  display: none;
}
.select_box .btn_sl:before{
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f078";
  right: 8px;
  top: 10px;
}
.select_box .btn_sl.active:before{
  content: "\f077";
  color: #81B441;
}
.select_box .btn_sl.active:after{
  content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 5px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #81B441;
}
.select_box .btn_sl span{
  width: 90%;
  text-align: left;
  vertical-align: middle;
    display: inline-block;
}
.select_box>ul{
  display: none;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 0;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 1112;
  max-height: 250px;
  overflow-y: scroll; 
}
.select_box ul li a{
  line-height: 33px;
  display: block;
  padding-left: 15px;
  color:#333232;
}
.select_box ul li a.selected{
  background: #81B441 !important;
  color: #fff;
}
.select_box ul li a:hover{
  background: #27a2b6;
  color: #fff;
}
.select_box .btn_sl{
  cursor: pointer;
}
.box_search{
  background: url(https://cdn101.nhadatso.com/images/common/crop/1920x350x0x200/search_bg.jpg) no-repeat center 1%;
}
.slider{
  background: url(https://cdn101.nhadatso.com/images/common/crop/1920x350x0x200/search_bg.jpg) no-repeat top;
  min-height: 300px;
  position: relative;
}
.s_content{
  position: relative;
  margin: 0 auto;
  min-height: 300px;
  padding-top: 60px;
}
.search_index{
  width: 100%;
  background: rgba(0,0,0,0.5);
  padding-top: 55px;
  padding-bottom: 25px;
}
.search_detail{
  background: #fff;
  padding-top: 0 !important;
}
.search_index .s_row{
  margin-bottom: 10px;
}
.search_index .s_row .type{
  float: left;
  width: 50%;
  border: 1px solid #81B441;
  color: #81B441;
  background: #fff;
  line-height: 34px;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.search_index .s_row .type.active:after{
  content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #81B441;
}
.search_index .s_row .type.active{
  color: #FFF;
  background: #81B441;
}
.m_search_content .type{
  float: left;
  width: 50%;
  border: 1px solid #81B441;
  color: #81B441;
  background: #fff;
  line-height: 34px;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: 15px;
}
.m_search_content .type.active:after{
  content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #81B441;
}
.m_search_content .type.active{
  color: #FFF;
  background: #81B441;
}
.search_index .s_row .txt{
  line-height: 36px;
  color: #fff;
  font-size: 20px;
  text-align: right;
}
.search_index .s_row .txt span{
  font-size: 30px;
  font-weight: bold;
  font-family: "Open Sans";
}
.search_index .s_row input{
  border: none;
  line-height: 43px;
  height: 43px;
  padding: 0 15px;
  font-size: 18px;
}
.search_index .s_row input[type=button]{
  background: #81B441;
  color: #fff;
}
.search_index .s_row input[type=button]:hover{
  background: #3a8107;
}
.search_index .s_row .txt_s{
  position: relative;
}
.search_index .s_row .txt_s input{
  width: 100%;
}
.pr{
  position: relative;
}
.box_autosearch{
  padding: 0 15px;
}
#text_price_min,
#text_price_max,
#text_area_min,
#text_area_max{
  border: 1px solid #eee;
  line-height: 34px;
  margin: 5px 2px;
  padding: 0;
  width: 96%; 
  padding-left: 15px;
  height: 34px;
  font-size: 15px;
}
.themboloc{
  border: 2px solid #fff;
  color: #fff;
  line-height: 31px;
  position: relative;
  cursor: pointer;
}
.themboloc:before{
      position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    right: 15px;
    top: 7px;
}
.themboloc.active:before{
    content: "\f077";

}
.themboloc>span{
  width: 90%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
}
.btn_reset{
  float: right;
  padding: 5px 10px;
    position: relative;
    background: #fff;
    cursor: pointer;
    text-align: center;
    margin-top: 48px;
    border-radius:4px;
}
.btn_submit{
  background: #81B441;
  float: right;
  width: 45%;
  padding: 5px 10px;
    position: relative;
    cursor: pointer;
    text-align: center;
    color: #fff;
}
#m_search{
  position: fixed;
  z-index: 20150;
  top: 150%;
  width: 100%;
  height: 100%;
  transition:0.25s all;
}
.m_search_title{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 2150;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    font-family: "Open Sans",open-sans,Arial,"Helvetica Neue",sans-serif;
}
.nsg_search,.nsg-button_primary,.nsg-button{
  position: absolute;
    top: 0;
    left: 5px;
    width: auto;
    height: 45px;
    line-height: 45px;
    color: #0074e4;
    text-transform: uppercase;
    background: 0;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.nsg-button{
  position: absolute;
    top: 0;
    left: 5px;
    width: auto;
    height: 45px;
    line-height: 45px;
    color: #0074e4;
    text-transform: uppercase;
    background: 0;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.nsg-button_primary{
  left: auto;
    right: 5px;
}
.m_search_content{
  position: absolute;
    top: 45px;
    left: 0;
    height: 120%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
}
.m_search_content .line_bottom{
  border-bottom: 1px solid #eee;
}
.m_search_content .select_box>ul{
  max-height: none;
  background: #eee;
}
/* filter*/
.box_filter{
  background: #f7f7f7;
}
.box_filter>ul{
  margin: 0;
  padding: 0;
}
.box_filter>ul>li{
  float: left;
  position: relative;
}
.box_filter>ul>li:last-child{
  float: right;
  margin-right: 15px;
}
.box_filter>ul>li:last-child>ul{
  left: auto;
  right: -15px;
}
.box_filter>ul>li>a{
  padding: 0 15px;
  line-height: 35px;
  position: relative;
  display: block;
  color: #555;
}
.box_filter>ul>li>a:after{
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  right: 0;
  top: 10px;
  content: "\f0d7";
}

.box_filter>ul>li>ul{
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9990;
  background: #fff;
  border: 1px #ddd solid;
  width: 220px;
  overflow-y: scroll;
  max-height: 350px;
}
.box_filter>ul>li>ul:after{
  content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 10px;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.box_filter>ul>li>ul:before{
  content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 11px;
    position: absolute;
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #ddd;
}
.box_filter>ul>li>ul>li>a{
  display: block;
  line-height: 35px;
  padding:0 15px;
  cursor: pointer;
  color: #333;
}
.box_filter>ul>li>ul>li>a:hover{
  background: #f7f7f7;
}
.box_filter>ul>li>ul>li>a.selected{
  background: #81B441 !important;
  color: #fff;
}
#txt_m_search{
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;

}
#txt_m_search_in{
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  border: 1px solid #ccc;
  border-right:none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;

}
.m_index_search{
  padding-top: 10px;
}
.m_index_search .type.active{
  color: #FFF;
    background: #81B441;
}
.m_index_search .type{
  float: left;
    width: 50%;
    border: 1px solid #81B441;
    color: #81B441;
    background: #fff;
    line-height: 34px;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
}
.m_index_search .type.active:after{
  content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #81B441;
}
.snc{
  line-height: 30px;
  display: block;
}
.title_total{
  clear:both;
  font-size: 16px; 
  color:#555;
  opacity: 0;
  line-height: 35px;
}
#wapper-footer .footer-lienket{
  background: #333333;
  padding-top: 20px;
}
#wapper-footer .footer-lienket ul>li{
  position: relative;
}
#wapper-footer .footer-lienket ul>li>h3{
  margin: 0;
  line-height: 14px;
}
#wapper-footer .footer-lienket ul>li>a{
  color: rgba(255, 255, 255, 0.701961);
}
#wapper-footer .footer-lienket ul>li>h3>a{
  color: rgba(255, 255, 255, 0.701961);
  font-size: 12px;
  line-height: 14px;
}
#wapper-footer .footer-lienket ul>li>a:hover{
  color: #fff;
}
#wapper-footer .footer-lienket ul>li:before{
  position: absolute;
  content: "\f101";
  font: normal normal normal 14px/1 FontAwesome;
  top: 4px;
  left: -15px;
  color: #81B441;
}
#wapper-footer .footer-lienket .ft-title{
  color: #fff;
  font-size: 20px;
  padding-left: 10px;
}
#wapper-footer .footer-lienket .ft-hotline{
  color: #fff;
  padding: 0 0 10px 0;
  font-size: 20px;
}
#wapper-footer .footer-lienket .ft-hotline span{
  float: left;
}
#wapper-footer .footer-lienket .ft-hotline a{
  font-weight: bold;
  font-size: 20px;
  padding-left: 10px;
}
#wapper-footer .footer-info{
  background: #202020;
  color: #fff;
  padding: 10px 0;
}
/*listting nhà đất 2 cột mới */
.box_nds{
  padding: 15px 19px 0;
  border:1px solid #dedede;
  margin-bottom: 30px;
  background-color: #fff;
}
.bg-w{
  background-color: #fff;
  
  border: 1px solid #dedede;
  margin-bottom: 30px;
}
.bg-w>h3{
  padding:5px 10px;
  margin: 0;
  margin-bottom: 4px;
  background-color: #dedede;
  font-size: 16px;
  font-weight: bold;
  
}
.box_nds .ten {
    margin-bottom: 8px;
}
.box_nds .ten a {
    color: #394041;
    font-size: 18px;
    display: block;
    height: 28px;
    overflow: hidden;
    text-transform: capitalize;
}
.box_nds .ten a:hover {
    color: #ec894d;
}
.nds_left {
    width: 50%;
    float: left;
    position: relative;
}
.nds_right {
    width: 50%;
    float: left;
    position: relative;
    color: #222;
}
.nds_right .bottom{
    padding: 16px 15px 0;
}
.nds_right .bottom p a:hover{
    color: #ec894d;
}
.nds_right .bottom_right{
    float: right;
    display: none;
}
.nds_right .nds_gia{
  background-color: #4dc7ec;
  color: #ffffff;
  font-size: 18px;
    padding: 8px 10px 10px 13px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    line-height: 20px;
}
.nds_meta{
  clear: both;
  margin: 0 -19px;
  background-color: #f5f5f5;
  min-height: 40px;
  padding:0 19px;
}
.nds_meta span{
  float: left;
    font-size: 12px;
    color: #394041;
    display: inline-block;
    border-right: 1px solid #dedede;
    padding: 10px 15px 10px 0;
    margin-right: 15px;
}
.nds_meta span i{
  margin-right: 5px;
}
/* box nhà đất 3 cột mới*/
.box_nds_3{
  margin-bottom: 40px;
  min-height: 250px;
}
.box_nds_3 .nds_hinh{
  position: relative;
}
.box_nds_3 .ten a {
    color: #394041;
    font-size: 14px;
    display: block;
    height: 67px;
    overflow: hidden;
    text-transform: capitalize;
}
.box_nds_3 .nds_bottom .nds_gia{
  color: #4dc7ec;
    font-weight: bold;
}
.mgr-15{
  margin-right: -15px;
}
.pdr-0{
  padding-right: 0;
}
.mb15{
  margin-bottom:15px;
}
.mt15{
  margin-top: 15px;
}

.nth-3>.row{
  padding-right: 2px;
  padding-left: 2px;
}
.nth-in-3>.row{
  padding-right: 2px;
  padding-left: 2px;
}
.nth-4>.row{
  padding-right: 2px;
  padding-left: 2px;
}
.box_bds_pc .fz18{
  font-size: 18px;
}

.box_bds_pc{
  position: relative;
  margin-bottom: 4px;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
  color: #ffffff;
}
/* .box_bds_pc:hover .mota{
  height: 90px;
}
.box_bds_pc:hover .link:after{
  height: 100px;
}
.box_bds_pc:hover .mota .ten{
  height: 65px;
} */
.box_bds_pc .hinh{
  max-height: 178px;
  overflow: hidden;
  position: relative;
}

.box_bds_pc .hinh img{
  max-height: 100%;
}
.box_bds_pc .link{
   /* background: rgba(0,0,0,0.1);  */
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.box_bds_pc .link:before{
  position: absolute;
  content: '';
  width: 100%;
  top: 0;
    height: 50px;
    background: -webkit-linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0));
}
.box_bds_pc .link:after{
  position: absolute;
  content: '';
  width: 100%;
  bottom: 0;
    height: 55px;
    background: rgba(0,0,0,0.5);
    transition:all 0.5s;
}
.box_bds_pc .btn_like{
  position: absolute;
  top: 5px;
  right: 15px;
  z-index: 3;
  display: none;
}
/*like*/

.box_bds_pc .mota{
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #fff;
  padding: 0 5px;
  width: 100%;
  z-index: 3;
  height: 50px;
  transition:all 0.5s;
}
.box_bds_pc .price{
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  z-index: 3;
  font-family: 'Open Sans', open-sans, Arial, 'Helvetica Neue', sans-serif;
  background-color: rgba(0,0,0,0.4);
  padding: 0 10px;
  text-shadow:none;
}
.box_bds_pc .mota a{
  color: #fff;
  
}
.box_bds_pc .mota .ten{
  height: 22px;
  overflow: hidden;
  margin-bottom: 0;
  transition:all 0.5s;
}
.box_bds_pc .mota .ten a{
  font-size: 15px;
  font-weight: bold;
  font-family: 'Open Sans', open-sans, Arial, 'Helvetica Neue', sans-serif;
  text-transform: capitalize;
}
.box_bds_pc .btn_like a{
  color: #fff;
}
.box_bds_pc .mota .diachi{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 60%;
}
.box_bds_pc .mota .diachi p{
  margin-bottom: 5px;
}
.box_bds_pc .mota .diachi p i{
  margin-right: 2px;
}
.box_bds_pc .mota .diachi p a{
  margin-right: 2px;
  margin-left: 3px;
}

.box_bds_pc .mota .diachi p:nth-child(1){
  position: absolute;
  left: 5px;
  bottom: 0;
}
.box_bds_pc .pub_up{
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 3;
}
.box_bds_pc .pub_up i{
  margin-right: 5px;
}
.search_listing{
  color: #7b8283;
  border-radius: 0px;
}
.search_listing .s_row .type{
  border: 1px solid #F3F2E4;
  color: #7b8283;
}
.search_listing .s_row .type.active{
  background-color: #F3F2E4;
  color: #7b8283;
}
.search_listing .s_row .type.active:after{
  border-top: 10px solid #F3F2E4;
}
.search_listing .s_row input[type=button]{
  background-color: #F3F2E4;
  color: #7b8283;
}
.search_listing .s_row input[type=button]:hover{
  background-color: #efeeda;
}
.s_row div.row .select_left{
  margin-bottom: 15px;
}
.select_left .btn_sl span{
  text-align: left;
}
.select_left ul{
  padding:0 2px;
}
.btn_search_listing{
  margin-top: 10px;
  padding: 0 2px; 
}
.btn_left_listing {
    border: 1px solid #CCC;
}
.wrap {
    background-color: #dedede;
    margin-bottom: 16px;
}
.wrap .title {
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 0 0 16px;
    font-size: 14px;
    line-height: 40px;
    color: #394041;
}
.wrap .price {
    background: url(../images/arrow-black.png) no-repeat left 0;
    float: right;
    margin: 0;
    padding: 0 0 0 15px;
}
.wrap .price .status-label {
    margin-right: -5px;
    padding-right: 28px;
    padding-left: 7px;
    background: url(../images/arrow-left.png) #292d2d no-repeat right 0;
}
.wrap .price span {
    display: inline-block;
    background-color: #555;
    margin-right: -1px;
    color: #fff;
    line-height: 40px;
}
.wrap .price span:last-child {
    padding-right: 20px;
}
.wrap .price {
    font-size: 20px;
    
}
.property-meta {
    border: 1px solid #dedede;
    margin: 0 17px 18px;
    padding: 0;
    background-color: #f5f5f5;
    border-color: #dedede;
    width: auto;
}
.property-meta span {
    padding-top: 11px;
    padding-bottom: 11px;
    border-right: 1px solid #dedede;
    color: #394041;
    min-height: 22px;
    height: auto !important;
    height: 22px;
    margin-left: 15px;
    padding-right: 15px;
    float: left;
}

.property-meta span a{
    color: #394041;
}
.property-meta span i{
  margin-right: 5px;
}
.property-content {
    padding: 0 20px 26px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
    border-bottom: 1px solid #dedede;
}
.property-extrainfo{
  overflow: hidden;
}
#xemthem{
  display: none;
  cursor: pointer;
  color:#337ab7;
  position: relative;
}
#xemthem:after{
  position: absolute;
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome;
  right: -15px;
  top: 4px;

}
#xemthem.active:after{
  content: "\f106";
}
#xemthem:hover{
  color: red;
}
.map-wrap {
    padding: 24px 25px 10px;
    position: relative;
    border-bottom: 1px solid #dedede;
}
.map-label {
    padding-left: 20px;
    padding-right: 25px;
    z-index: 1000;
}
.map-label,.share-label {
    background-color: #f5f5f5;
    display: inline-block;
    padding: 6px 17px 8px 14px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
}
#property_map {
    margin-bottom: 15px;
}
.share-networks {
    margin: 0 0 14px;
    border: 1px solid #dedede;
    background-color: #f5f5f5;
}
.share-label {
    position: static;
    margin: -1px 6px -1px -1px;
    padding: 12px 21px 13px 17px;
    border-right: none;
}
.share-networks .share-label {
    position: static;
    margin: -1px 6px -1px -1px;
    border-right: none;
}
.share-networks span {
    display: block;
    float: left;
    padding: 11px 23px 11px 21px;
    border-right: 1px solid #dedede;
    cursor: pointer;
    color: #337ab7;
}
.share-networks span i {
  margin-right: 5px;
}
.agent-detail {
    background-color: #fff;
    padding: 16px 24px;
    height: 385px;
}
.agent-detail h3 {
    
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    margin: 0 0 10px;
    text-transform: capitalize;
}
.left-box {
    float: left;
    width: 100%;
}
.left-box figure {
    float: left;
    margin: 4px 25px 20px 0;
    width: 212px;
    height: auto;
}
.left-box figure img {
    border: 1px solid #dedede;
    width: 210px;
    height: auto;
}
.contacts-list {
    float: left;
    width: 65.5%;
    margin-bottom: 8px;
    list-style: none;
    color: #394041;
    padding: 0;
}
.contacts-list li {
    border-bottom: 1px solid #dedede;
    line-height: 16px;
    padding: 10px 0;
}
.contacts-list li i{
    margin-right: 5px;
    font-size: 18px;
    text-align: center;
    width: 20px;
}
.agent-detail p {
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 20px;
}
.real-btn {
    
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 8px 16px;
    -webkit-padding-before: 7px;
    -webkit-padding-after: 7px;
    border-radius: 0;
    border: none;
    box-shadow: none;
    text-shadow: none;
    background-image: none;
    background-color: #ec894d;
    outline: none;
}
.real-btn:hover{
  color: #fff;
}
.contact-form {
    float: right;
    width: 100%;
}
.contact-form h3 {
    margin-bottom: 6px;
}
.contact-form textarea, .contact-form input[type="text"] {
    color: #7b8283;
    border: 1px solid #dedede;
    margin-bottom: 18px;
    background-color: #fff;
    width: 100%;
    padding: 3px 10px 5px;
}
.mt30{
  margin-top: 30px;
} 
.nth-3:nth-child(3n+1){
  clear: both;
} 
.nth-in-3:nth-child(3n+1){
  clear: both;
}
.nth-4:nth-child(4n+1){
  clear: both;
}

.tieude_nhadat{
  margin: 0;
  padding:10px 20px;
  font-size: 14px;
  background-color: #dedede;
  overflow: hidden;
  white-space: nowrap; 
  text-overflow: ellipsis;
}
.tt_search{
  clear: both;
  float: left;
  width: 100%;
  padding-left: 5px;
}
.share{
  float: right !important;
  border-left: 1px solid #dedede;
  border-right: none !important;
  padding-left: 15px;
  margin-left: 0 !important;
}
.property-addr{
  padding: 0 20px 26px;
  font-size: 16px;
}
.property-danhgia{
  padding: 0 20px 5px;
  font-size: 16px;
}
.property-danhgia b,.property-danhgia .basic{
  float: left;
}
.search_detail .s_row .type {
    border: 1px solid #F3F2E4;
    color: #333232 !important;
}
.search_detail .s_row .type.active {
    background-color: #F3F2E4;
    color: #333232;
}
.search_detail .s_row .type.active:after {
    border-top: 10px solid #F3F2E4;
}
.search_detail .s_row input[type=button] {
    background-color: #F3F2E4;
    color: #333232;
}
.search_detail .s_row input[type=button]:hover {
    background-color: #efeeda;
}
#tab_chitiet{
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 5px;
  border-top:1px solid #dedede;
}
#tab_chitiet li{
  float: left;
  margin-right: 5px;
  border:1px solid #dedede;
  margin-top: -1px;
}
#tab_chitiet li.active{
  border-top:1px solid #fff;
}
#tab_chitiet li span{
  padding:0 20px;
  line-height: 35px;
  display: block;
  color: #337ab7;
  cursor: pointer;
}
#tab_chitiet li span:focus{
  color: #337ab7;
}
.box_tin_right{

}
.box_right{
  margin-top: 50px;
  margin-bottom: 10px;
  padding: 0px 4px 0px 4px ;
  border: 1px solid #ccc;
}
.title_box_tin_right{
  font-size: 16px;
  color: #555555;
  font-weight: bold;
  margin-bottom: 10px;
}
.box_lienlac{
  margin:0 17px 18px;
  font-size: 20px;
  line-height: 50px;
}
.box_lienlac .name_ll{
  float: left;
}
.box_lienlac .phone_ll{
  float: left;
  margin: 0 13px;
}
.box_lienlac img{
  float: left;
}
.box_lienlac span{
  float: left;
  margin: 0 10px;
}
.duan_pc .hinh{
  margin-bottom: 5px;
  text-align: justify;
  font-size: 13px;
}
.duan_pc .hinh img{
  float: left;
  margin-right: 5px;
}
.tt_s{
  color: #fff;
  font-size: 16px;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
  margin-top: 10px;
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
  text-align: center;
}
.mt55{
  margin-top: 55px;
}
.ta-l{
  text-align: left !important;
}
.pdlr7{
  padding:0 7px; 
}
.pdlr8{
  padding:0 8px; 
}
.pdlr10{
  padding:0px 10px; 
}
.select_box .btn_small{
  padding: 4px 10px;
}
.select_box .btn_small:before{
  top: 7px;
}
.search_index1{
  width: 100%;
  background: rgba(0,0,0,0.5);
  padding-top: 55px;
  padding-bottom: 25px;
}
.search_index1 .s_row{
  margin-bottom: 10px;
}
.search_index1 .s_row .type{
  float: left;
  width: 50%;
  border: 1px solid #81B441;
  color: #81B441;
  background: #fff;
  line-height: 34px;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.search_index1 .s_row .type.active:after{
  content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #81B441;
}
.search_index1 .s_row .type.active{
  color: #FFF;
  background: #81B441;
}
.search_index1 .s_row .txt{
  line-height: 36px;
  color: #fff;
  font-size: 20px;
  text-align: right;
}
.search_index1 .s_row .txt span{
  font-size: 30px;
  font-weight: bold;
  font-family: "Open Sans";
}
.search_index1 .s_row input{
  border: none;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
}
.search_index1 .s_row input[type=button]{
  background: #81B441;
  color: #fff;
}
.search_index1 .s_row input[type=button]:hover{
  background: #3a8107;
}
.search_index1 .s_row .txt_s{
  position: relative;
}
.search_index1 .s_row .txt_s input{
  width: 100%;
}
.bg_group{
  background-color: rgba(0,0,0,0.6);
  padding-bottom: 10px;
  border-radius: 2px;
  margin: 0 -8px;
}
#searchNds{
  margin-bottom: 5px;
}
/* nút edit dự án*/
.item_duan .hinhanh{
  position: relative;
}
.item_duan .hinhanh:hover .edit_duan i{
  font-size: 20px;
}
.item_duan .hinhanh .edit_duan{
  position: absolute;
  top: 10px;
  right: 10px;
  
}
.item_duan .hinhanh .edit_duan i{
  color: #000;
  font-size: 0px;
  transition:all 0.25s;
}
.m_tinhethan{
  color: red;
  padding: 10px;
  border-radius: 4px;
  border: 2px red solid;
  position: absolute;
  top: 75px;
  left: 20px;
  z-index: 999;
  background-color: #fff;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.tinhethan{
  color: red;
  padding: 10px;
  border-radius: 4px;
  border: 2px red solid;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  background-color: #fff;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

/* danh sách tin text */
.box_bds_txt_pc{
  padding: 5px 0;
  font-size: 13px;
  width: 100%;
  line-height: 27px;
}

.nth-bg:nth-child(2n){
  background-color: #f3f6fb;

}
.box_bds_txt_pc .ten{
  float: left;
  width: 57%;
  padding: 0 10px 0 10px;
  position: relative;
  vertical-align: middle;

}
.box_bds_txt_pc .ten a{
  color: #555;
  text-transform: capitalize;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 27px;
    display: block;
    position: relative;

}

.box_bds_txt_pc .diachi{
  float: left;
  width: 22%;
  vertical-align: middle;
}
.box_bds_txt_pc i{
  margin-right: 2px;
}
.box_bds_txt_pc .gia{
  float: left;
  width: 10%;
  font-weight: bold;
  vertical-align: middle;
}
.box_bds_txt_pc .ngaydang{
  float: left;
  width: 8%;
  vertical-align: middle;
  padding-left: 7px;
}
.box_bds_txt_pc .hinh{
  float: left;
  width: 3%;
  vertical-align: middle;
}
.box_bds_txt_m{
  padding: 10px;
  font-size: 13px;
}
.box_bds_txt_m i {
  margin-right: 5px;
}
.box_bds_txt_m .gia{
  font-weight: bold;
}
.box_bds_txt_m .ten a{
  text-transform: capitalize;
  font-weight: bold;
}
.box_bds_txt_m .diachi a{
  color: #333232;
}
.maps-duan{
  padding-bottom: 62.5% !important;
}
/* search full text */
.search_top{
  position: relative;
  width: 34px;
  height: 34px;
  margin-top: 4px;
}
.search_top .icon_search{
  position: absolute;
  color: #fff;
  width: 100%;
  height: 100%;
}
.search_top .icon_search.active{
  background-color: #336F06;
}
.search_top .icon_search:after{
  position: absolute;
  top: 0;
  left: 0;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f002";
  font-size: 22px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 5px;

}
#search_fulltext{
  line-height: 30px;
  height: 28px;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 9999;
  border: none;
  padding: 0 5px;
  font-size: 14px;
  margin-top: 3px;
  width: 320px;
  color: #fff;
  background-color: rgba(255,255,255,0.3);
  transition: none;
  display: none;
}
.count_editor{
  float: right;
}
.count_editor span{
  margin-right: 10px;
}
.ft-browsers{
  text-align: center;
  
}
.ft-browsers img{
  max-width: 100%;
}
.ft-browsers p{
  color: rgba(255, 255, 255, 0.701961);
  padding-top: 5px;
}
.ft-browsers-tt{
  color: #fff;
    font-size: 20px;
    text-align: center;
}

.member-vip{
  background:url('http://nhadatso.com/res/02/uploads/vipmembership.png') no-repeat 150px center;
}
.bg_vip{
  background: rgba(255,255,255,0.8);
}
@media (max-width: 481px) {
.col-mk{
  width: 100% !important;
  padding-right:0 !important;
}
.col-mk:nth-child(2n){
  padding-left: 0 !important; 
}
#property-detail-flexslider {
    height: 150px !important;
}
#property-detail-flexslider .flex-direction-nav, #property-detail-flexslider .flex-viewport {
    max-width: 100%;
    height: 150px !important;
}
}
@media (max-width: 767px) {
.sidebar{
    display: none;
}
.container_right{
    margin-left: 0 !important;
    padding: 0 !important;
}
.per_count ul{
    padding: 0;
}
.per_count ul li{
    float: left;
    width: 46%;
    margin: 2%;
}
/*****/
.col-mk{
  width: 50%;
  float: left;
  padding-right: 0.5px; 
}
.search_index{
  padding-top: 25px;
}
.col-mk:nth-child(2n){
  width: 50%;
  float: left;
  padding-left: 0.5px;  
  padding-right: 0;
}
.col-mk:nth-child(2n+1){
  clear: both;  
}
.container{
  width:100%;     
}
.login{
  display: none;
}
.bds_right .ten{
  min-height: inherit;
  padding: 5px 0;
}
#search_css{
  right: 15px;
}
.login_m{
  display: block;
}
.duan-item .bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 5px 0;
    width: 100%;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
}
.duan-item .bottom a{
  color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.duan-item h4{
    color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
    font-size: 16px;
}
.duan-item img{
  border: none;
    padding: 0;
}

.duan-item .mr{
  margin: 0 -15px;
}
.maps_show_detail {
    padding-bottom: 66.6%;
}
.select_box>ul{
  position: relative;
}
.search_index .s_row .txt_s{
  margin-bottom: 5px;
}
.select_box{
  margin-bottom: 5px;
}
.search_index .s_row{
  margin-bottom: 0;
}
.search_index .s_row input[type=button]{
  margin-bottom: 5px;
}
.floating-action{
  bottom: 15px;
}
#property-detail-flexslider {
    height: 385px;
}
#property-detail-flexslider .jcarousel-container-vertical {
    width: 106px ;
    padding: 9px;
}
#property-detail-flexslider .flex-direction-nav, #property-detail-flexslider .flex-viewport {
    width: 768px;
    height: 385px;
}
#property-detail-flexslider .jcarousel-clip-vertical {
    height: 335px;
}
#property-detail-flexslider .flex-control-thumbs li {
    margin-bottom: 7px;
    height: 60px;
}
.box_bds_pc:nth-child(2n+1){
  clear: both;
}
#property-detail-flexslider {
    height: 200px;
}
#property-detail-flexslider .flex-direction-nav, #property-detail-flexslider .flex-viewport {
    max-width: 100%;
    height: 200px;
}
#property-detail-flexslider .flexslider .slides img {
    width: 100%;
}
.property-meta span {
    float: none;
    display: block;
    margin: 0;
    border: none;
    border-bottom: 1px solid #dedede;
    padding-left: 16px;
}

.wrap .title{
  padding: 0 0 0 6px;
  float: none;
}
.share-networks {
    border-bottom: none;
}
.share-networks .share-label {
    margin: -1px -1px 0;
    padding-left: 16px;
}
.share-networks span {
    display: block;
    float: none;
    padding: 11px 23px 11px 0;
    border: none;
    border-bottom: 1px solid #DEDEDE;
}

.share-networks a {
    font-size: 13px;
    color: #394041;
}
.share-networks a i {
    margin: 0 9px 0 12px;
    color: #929a9b;
}
.left-box figure img {
    width: 99%;
}
.left-box figure {
    float: none;
    margin: 0 0 20px;
    width: 100%;
}
.contacts-list {
    width: 99%;
    margin-bottom: 20px;
}
.pdr-0{
  padding-right: 15px;
  margin-bottom: 20px;
}
.wrap .price .status-label {
    background: #292D2D !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    display: inline-block !important;
    margin: 0 !important;
    width: 100% !important;
}
.wrap .price span {
    display: block !important;
    margin: 0;
}
.wrap .price {
    background: #4DC7EC !important;
    float: none !important;
    margin: 0 17px !important;
    padding: 0 !important;
}
.wrap .title {
  line-height: 30px;
  margin-bottom: 5px;
  padding-left: 20px;
}
.duan_pc .hinh img{
    float: left;
    margin-right: 5px;
}
.tuychontimkiem{
    padding: 0;
}
/*end media*/ 
}
/*end media*/
/*-----------col-sm-----------*/
@media (min-width: 768px) and (max-width: 991px) {
.container{
  width:768px;      
}
.box_header{
    width: 768px;
    margin: 0 auto;
}
#btn_search{
  float: right;
}

.bds_list .nth-cl:nth-child(3n+1){
  clear: none;
}
.bds_list .nth-cl:nth-child(2n+1){
  clear: both;
}
#property-detail-flexslider {
    height: 328px;
}
#property-detail-flexslider .jcarousel-container-vertical {
    width: 108px ;
    padding: 9px;
}
#property-detail-flexslider .flex-direction-nav, #property-detail-flexslider .flex-viewport {
    width: 658px;
    height: 328px;
}
#property-detail-flexslider .jcarousel-clip-vertical {
    height: 268px;
}
#property-detail-flexslider .flex-control-thumbs li {
    margin-bottom: 7px;
    height: 60px;
}
.pdr-0{
  padding-left: 0;
}
.nth-in-3:nth-child(3n+1){
    clear: none;
}
.nth-in-3:nth-child(2n+1){
    clear: both;
}
.nth-4:nth-child(4n+1){
    clear: none;
}
.nth-4:nth-child(3n+1){
    clear: both;
}
.left-box {
    width: 480px;
}
.contacts-list {
    width: 240px;
}
.contact-form {
    width: 200px;
}
.contact-form textarea, .contact-form input[type="text"] {
    width: 200px;
}
.maps_show_detail {
    padding-bottom: 42.85%;
}
.agent-detail{
    height: 328px;
}
.duan_pc .hinh img{
    width: 100%;
}


}
/* Medium devices (desktops, 992px and up) */
/*-----------col-md-----------*/
@media (min-width: 992px) and (max-width: 1199px) {
.container{
  width:992px;      
}
.box_header{
    width: 992px;
    margin: 0 auto;
}
.bds_list .nth-cl:nth-child(3n+1){
  clear: both;
}
.bds_list .nth-in:nth-child(3n+1){
  clear: none !important;
}
.bds_list .nth-cl:nth-child(2n+1){
  
}
.bds_list .nth-cl:nth-child(2n){
  
}
.select_box {
  padding: 2px 2px;
}
.left-box {
    width: 480px;
}
.contacts-list {
    width: 240px;
}
.contact-form {
    width: 200px;
}
.contact-form textarea, .contact-form input[type="text"] {
    width: 200px;
}
.maps_show_detail {
    padding-bottom: 42.9%;
}
.agent-detail{
    height: 318px;
}
.duan_pc .hinh img{
    width: 100%;
}
#property-detail-flexslider {
    height: 318px;
}
#property-detail-flexslider .jcarousel-container-vertical {
    width: 108px ;
    padding: 9px;
}
#property-detail-flexslider .flex-direction-nav, #property-detail-flexslider .flex-viewport {
    width: 633px;
    height: 318px;
}
#property-detail-flexslider .jcarousel-clip-vertical {
    height: 268px;
}
#property-detail-flexslider .flex-control-thumbs li {
    margin-bottom: 7px;
    height: 60px;
}
.maps-duan{
    padding-bottom: 85.25% !important;
}
/*end media*/
}
/*end media*/
/* Large devices (large desktops, 1200px and up) */
/*-----------col-lg-----------*/

/*end media*/

/*end media*/
@media (min-width: 1200px) and (max-width: 1499px){
.container{
  width:1200px !important;      
}
.box_header{
    width: 1200px;
    margin: 0 auto;
}
#property-detail-flexslider {
    height: 385px;
}
#property-detail-flexslider .jcarousel-container-vertical {
    width: 106px ;
    padding: 9px;
}
#property-detail-flexslider .flex-direction-nav, #property-detail-flexslider .flex-viewport {
    width: 792px;
    height: 385px;
}
#property-detail-flexslider .jcarousel-clip-vertical {
    height: 335px;
}
#property-detail-flexslider .flex-control-thumbs li {
    margin-bottom: 7px;
    height: 60px;
}
.left-box {
    width: 480px;
}
.contacts-list {
    width: 240px;
}
.contact-form {
    width: 320px;
}
.contact-form textarea, .contact-form input[type="text"] {
    width: 293px;
}
/******/
}

@media (min-width: 1500px){
.container{
  width:1500px !important;      
}
#property-detail-flexslider {
    height: 480px;
}
#property-detail-flexslider .jcarousel-container-vertical {
    width: 113px ;
    padding: 9px;
}
#property-detail-flexslider .flex-direction-nav, #property-detail-flexslider .flex-viewport {
    width: 1010px;
    height: 480px;
}
#property-detail-flexslider .jcarousel-clip-vertical {
    height: 433px;
}
#property-detail-flexslider .flex-control-thumbs li {
    margin-bottom: 7px;
    height: 66px;
}
.left-box {
    width: 480px;
}
.contacts-list {
    width: 240px;
}
.contact-form {
    width: 320px;
}
.contact-form textarea, .contact-form input[type="text"] {
    width: 293px;
}
.box_header{
    width: 1500px;
    margin: 0 auto;
}
.maps_show_detail {
    padding-bottom: 42.75%;
}
.agent-detail{
    height: 480px;
}
/*****/
}
.containfix{
  background-color: #e6e8ea !important;
}

.container_right{
    width: auto !important;
    margin-left: 240px;
    padding: 0 5px !important;
}
.sidebar {
    float: left;
    position: relative;
    top: 0;
    height: 100%;
    width: 240px;
    min-height: 100%;
    overflow-y: hidden;
    overflow-x:hidden;
    background-color: #fff;
    border-right: 1px #dddddd solid;
    transition:all 0.5s;
    padding-top: 20px;
}
.sidebar>nav {
    position: absolute;
    left: 0;
    width: 100%;
}
.sidebar .menu {
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
}
.sidebar .menu li a{
    padding: 5px 10px;
    color: #46484a;
    display: block;
    font-size: 13px;
}
.sidebar .menu li a.dropdown:after{
    position: absolute;
    margin-top: -2px;
    right: 12px;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    text-shadow: none;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.sidebar .menu li a.open:after{
    content: "\f107";
}
.sidebar .menu li a.active{
    background-color: #357ebd;
    color: #fff;
}
.sidebar .menu li ul li a.active{
    background:none ;
    color: #46484a;
    font-weight: bold;
}
.sidebar .menu li ul li a.active:hover{
    background:none ;
    color: #46484a;
    font-weight: bold;
}
.sidebar .menu li ul li a.active:hover i{
    color: #999;
    font-weight: bold;
}
.sidebar .menu li ul li a.active i{
  color: #999;
    font-weight: bold;
}
.sidebar .menu li a.active i{
  color: #fff;
}
.sidebar .menu li a.active:hover{
  background-color: #357ebd;
  color: #fff;
}
.sidebar .menu li a.active:hover i{
  color: #fff;
}
.sidebar .menu li a i{
    color: #999;
    margin-right: 5px;
    font-size: 15px;
    width: 1.28571429em;
}
.sidebar .menu li a:hover{
    color: #fff;
    background-color: #444;
}
.sidebar .menu li a:hover i{
    color: #fff;
}
.sidebar .menu li ul{
    padding-left:5px;
    display: none;
}
.separate{
    border-bottom: 1px solid #e2e2e2;
    margin: 8px 0;
}
#manager_div{
    border-radius: 4px;
    margin: auto;
    margin-bottom: 20px;
    position: relative;
    background-color: #fff;
    margin-top: 20px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    min-width: 498px;
}
#manager_div h4{
    padding: 10px 15px;
}
#manager_div .title{
    color: #31373d;
    line-height: 38px;
    height: 38px;
    background-color: #f5f6f7;
}
#manager_div .title span{
    float: left;
    line-height: 38px;
    padding: 0 15px;
    background-color: #fff;
    font-size: 13px;
}
#manager_div .title a{
    float: left;
    line-height: 38px;
    padding: 0 15px;
    color: #31373d;
}

/* Add margin for alert - flashSession */
.alert {
  margin: 18px;
}
.text-white{
  color: #fff;
}
.margin-top-5 { margin-top: 5px; }
.caribe-padding-left-right-0 {
  padding-left: 0px;
  padding-right: 0px;
}
/* CARIBE - DEFINITIONS */

.caribe-input {
    padding: 5px;
    border: 1px solid #109D59;
    border-radius: 3px;
    width: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.caribe-input:focus {
  border-color: #FCBE1F;
}


/* CARIBE - BUTTON */
.caribe-btn-success {
  padding: 5px;
  background: #109D59;
  border: 1px solid #109D59;
  border-radius: 3px;
  color: #fff;
}
.caribe-btn-success:hover {
  background: #81B441;
  border-color: #81B441;
  color: #fff;
}

.alert-success {
  color: #1A531B;
  background: #E5F9E7;
  border-color: #1A531B;
  border-radius: 25px;
  text-align: center;
  padding: 10px;
  font-weight: 600;
}

.alert-danger {
  color: #912D2B;
  background: #FFF6F6;
  border-color: #912D2B;
  border-radius: 25px;
  text-align: center;
  padding: 10px;
  font-weight: 600;
}

.alert-info {
  color: #206377;
  background: #F8FFFF;
  border-color: #206377;
  border-radius: 25px;
  text-align: center;
  padding: 10px;
  font-weight: 600;
}

.alert-warning {
  color: #7D5009;
  background: #FFFAF3;
  border-color: #7D5009;
  border-radius: 25px;
  text-align: center;
  padding: 10px;
  font-weight: 600;
}

.caribe-padding-left-right-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.caribe-padding-left-8 {
  padding-left: 8px;
}
.caribe-text-uppercase {
  text-transform: uppercase;
}
.caribe-padding-0 {
  padding: 0 !important;
}
.caribe-font-size-16 {
  font-size: 16px !important;
}
.fz16{
  font-size: 16px;
}
.cp{
  cursor: pointer;
}

/* Notifications */
.badge-warning {
  background: #FCB322;
}
.tRow.mark-as-read-0 {
  background-color: #d9edf7;
}
.badge-noti {
  margin-top: -3px;
  padding: 3px 6px;
}
.caribe-uppercase {
  text-transform: uppercase;
}
.caribe-margin-top-10 {
  margin-top: 10px;
}

#newsletter{
    background: #fff;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    min-height: 175px;
    max-width: 700px;
    width: 100%;
    z-index: 734626274;
}
.nl-close{
    position: absolute;
    top: -12px;
    right: -12px;
    text-decoration: none !important;
    display: block;
    width: 35px;
    height: 35px;
    background: url("../images/close.png") no-repeat scroll 0 0;
    z-index: 1500;
    cursor: pointer;
}
#newsletter-optin-bar{
  margin-bottom: 20px;
  clear: both;
}
.nl-bar{
      float: left;
    width: 25%;
    height: 11px;
    display: block;
}
.nl-red-bar{
  background-color: #ef3e36;
}
.nl-green-bar{
  background-color: #53b50a;
}
.nl-orange-bar{
  background-color: #f57826;
}
.nl-blue-bar{
  background-color: #17b4e9;
}
#nl-lightbox-case-study-header{
      min-height: 30px;
    padding: 15px;
    width: 100%;
}
#newsletter-title{
      color: #484848;
    font-family: arial;
    font-size: 32px;
    text-align: center;
}
#newsletter-tagline{
      color: #484848;
    font-family: arial;
    font-size: 24px;
    text-align: center;
        width: 100%;
    margin-bottom: 30px;
}
#newsletter-content{
      padding: 15px;
}
#newsletter-left{
      float: left;
    max-width: 280px;
    width: 100%;
    position: relative;
}
#newsletter-image-container{
      display: block;
    margin: 0 auto;
    text-align: center;
    height: auto;
    max-width: 100%;
}
#newsletter-right{
      float: right;
    max-width: 370px;
    width: 100%;
    background-color: #dadada;
    margin-right: -15px;
    padding: 25px 20px;
    position: relative;
}
#newsletter-arrow{
      position: absolute;
    width: 49px;
    height: 56px;
    left: -40px;
    top: -40px;
}
.nl-form-area input{
      background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 6px;
    overflow: hidden;
    outline: none;
    margin: 0 0 15px;
    vertical-align: middle;
    height: 46px;
}
.nl-form-area button.btn-submit{
    background: #484848;
    border: 1px solid #484848;
    width: 100%;
    color: #fff;
    font-size: 20px;
    padding: 12px 6px;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    height: 54px;
}
#newsletter-mask{
      display: none;
    background: rgba(0, 0, 0, 1.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1112;
}
#newsletter-open > img{
  cursor: pointer;
}

/* Menu HOT */
.hot_news_menu a {
    color: #fff;
}
/*span.hot_news_menu {
  font-size: 18px;
}*/
.box_thongke.hot_news_nav {
    margin: 0;
    height: 42px;
    padding: 5px;
    line-height: 22px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.hot_news_menu span.fa {
    font-size: 24px;
    position: absolute;
    top: 12px;
    margin-left: -5px;
}
p.hot_news {
    margin: 0;
    text-transform: uppercase;
}
/*.box_thongke .badge.badge-default {
    margin-top: -24px;
    margin-left: -2px;
    background: #FF9900;
    padding: 2px 5px;
    font-size: 10px;
}*/
.item_news_search h4 {
    display: inline;
    font-size: 13px;
}
.item_news_search img {
  margin-top: 0;
  height: 65px;
  width: 98px;
}
.item_news_search .top-news-title {
  display: block;
  margin-left: 108px;
}
.item_news_search .cate-news {
  color: #81b441;
  font-weight: 600;
  font-size: 12px;
}
.item_news_search .date-news {
  font-size: 12px;
}

.item_news_search .info-section {
  margin: 2px 0 0 0;
}
/* Top news Mobile */
#topnews_mobile {
  height: 0;
  width: 400px;
  -webkit-transition: height 300ms ease-in-out;
  -moz-transition: height 300ms ease-in-out;
  transition: height 300ms ease-in-out;
  top: 42px;
  left: 140px;
  right: 0;
  background: #fff;
  z-index: 99998;
  position: fixed;
  overflow: hidden;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
  box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
}
#topnews_mobile .topnews_header {
    height: 36px;
    position: fixed;
    visibility: hidden;
    width: 400px;
    top: 42px;
    z-index: 1;
    background: #fff;
    padding: 8px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
    box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
}
#topnews_mobile .topnews_header > span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
#topnews_mobile .topnews_header > span > span.fa {
    color: #FF9200;
}
#topnews_mobile .topnews_content {
    margin-top: 38px;
    position: relative;
    overflow: auto;
}
.active_topnews {
  height: 328px !important;
  /*height: 550px !important;*/
}
.active_topnews .topnews_content {
  height: 290px !important;
  /*height: 500px !important;*/
  position: relative;
  overflow: auto;  
}
.active_topnews .topnews_header {
  /*height: 36px !important;*/
  visibility: inherit !important;
}
.hot_news_nds {
    width: 52px !important;
    text-align: center;
    line-height: 1;
    margin-top: 0 !important;
    margin-right: 5px !important;
    height: 42px;
    padding-top: 7px;
    -webkit-transition: background 400ms ease;
    -moz-transition: background 400ms ease;
    transition: background 400ms ease;
}
.hot_news_nds span {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
.hot_news_nds span.hot_news_sort_desc {
  margin: 0;
  padding: 0;
  margin-top: -3px;
}
.topnews_active {
  /*background: #fff;*/
  /*color: #81b441 !important;*/
}
.caribe-overflow-hidden {
  overflow: hidden;
}
.caribe-box-shadow-none {
  box-shadow: none !important;
}
.topnews_content .item_news_search {
  width: 100%;
  float: none;
  font-size: 12px;
  line-height: 15px;
}
.topnews_content h3 {
  font-size: 12px;
}
/*.topnews_active span {
    color: #81b441 !important;
}
.topnews_active .hot_news_sort_desc {
    color: #81b441 !important;
}*/
.hot_news_nav a span.x-line {
    display: block;
    width: 28px;
    height: 3px;
    background: url(/res/v3/images/x-line.png) top left no-repeat;
    background-size: 28px;
    opacity: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    position: absolute;
    left: 50%;
    margin-left: -14px;
    margin-top: -6px;
}
.hot_news_nav.activated a span.x-line {
    opacity: 1;
    top: 25px;
}
.hot_news_nav.activated a span.line2 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.hot_news_nav.activated a span.line1 {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}
a.see-all-hotnews {
    padding: 15px;
    display: block;
    text-align: center;
    font-size: 13px;
    border: 1px solid;
    border-color: #337ab7;
    font-weight: 600;
    color: #337ab7 !important;
}
a.see-all-hotnews:hover {
    color: #fff !important;
    background: #337ab1;
}
.item_news.item_news_search.see-all.clearfix {
    padding: 0 !important;
    margin-top: 5px !important;
}
.hot_news_nav.activated {
  background: #fff;
  position: relative;
}
.item_news:nth-child(2n+1){
  clear: both;
}
.item_news_search:nth-child(2n+1){
  background: #F3F6FB;
}
.item_news_search {
  margin: 0 !important;
  width: 100% !important;
  padding: 10px 5px !important;
}
.item_news{
  margin: 10px 1%;
  width: 48%;
  float: left;
  text-align: justify;
  font-size: 13px;
  font-family: arial;
}
.item_news h3{
  margin: 0;
  display: inline-block;
  vertical-align: top;
  line-height: 14px;
  color: rgb(0, 89, 253);
  font-weight: 500;
}
.item_news h3 a{
  font-size: 14px;
}
.item_news a{
  color: #0059fd;
}
.item_news a:hover{
  color: #F00;
}
.item_news img{

  float: left;
  margin-right: 10px;
  border: 1px solid #CCC;
  padding:2px;
  width: 85px;
  height: 65px;
} 
.item_news i
{
  color: #bab7b7;
}
.item_news span
{
  color: #bab7b7;
  font-size: 13px;
}
.item_news a:hover
{
  color:#448812; 
}
.item_news h4{
  margin: 0px 0px 7px 0px;
  font-size: 15px;
  color: #345;
  font-weight: bold;
  font-size: 13px;
}
.item_news i{
  margin-left: 5px;
}

.caribe-z-index-9b {
  z-index: 900000000 !important;
}
.caribe-z-index-9b1 {
  z-index: 9000000001 !important;
}
.caribe-margin-top-n5 {
    margin-top: -5px;
    margin-left: 5px;
    position: relative;
    z-index: 2;
}
.caribe-cursor-pointer {
    cursor: pointer;
}
.packagesInfoOnLoad {
    font-weight: 200;
    color: #333;
    border-radius: 4px;
    text-align: left;
}
.label-avata {
    background-color: #FBBC05;
    color: #5d5d5d;
    font-size: 12px;
    margin-right: 8px;

    text-transform: uppercase;
    color: red;
    padding: 0 5px;
    z-index: 99;
    display: inline-block;
    font-weight: bold;
    margin-top: 5px;
    line-height: none;
    line-height: 24px;
}
.label-avata.label-Partner {
    background-color: #109D59;
    color: #fff;
    position: relative;
}
.label-avata.label-Vip {
    background-color: #FBBC05;
    color: #fff;
    position: relative;
}
.label-avata.label-Dealer {
    background-color: #4385F5;
    color: #fff;
    position: relative;
}
.label-avata.label-Partner:after {
        content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 7px solid #FBBC05;
    border-width: 12px 10px 12px 14px;
    right: -24px;
    top: 0;
    position: absolute;
    border-color: solid #109D59;
    border-color: transparent transparent transparent #109D59;
}

.label-avata.label-Vip:after {
        content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 7px solid #FBBC05;
    border-width: 12px 10px 12px 14px;
    right: -24px;
    top: 0;
    position: absolute;
    border-color: solid #109D59;
    border-color: transparent transparent transparent #FBBC05;
}
.label-avata.label-Dealer:after {
        content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 7px solid #FBBC05;
    border-width: 12px 10px 12px 14px;
    right: -24px;
    top: 0;
    position: absolute;
    border-color: solid #109D59;
    border-color: transparent transparent transparent #4385F5;
}
blockquote.fz12 {
    font-size: 12px;
    margin-top: 10px;
    background: #F1EFBF;
    margin: 10px auto 15px;
    color: #666;
    width: 98%;
    border-radius: 4px;
    border: 1px solid #CCB654;
}