html, body {font-family: 'Kanit', sans-serif;height: 100%;margin: 0;padding: 0;}
.content{background-color: #dde5fe;}
.dv-banner-full-width{background-size: auto 70%;background-image:url(../img/banner-logistics.png);background-position: right 0px top 80px;background-repeat: no-repeat;padding: 15px!important;}
.dv-banner-full-width h1, .dv-banner-full-width h4{width:55%;}
.text-bold{font-weight:bold;}
.txt-blue{color:#160c86;}
.whitebox{background-color: #ffffff;}
.bigLink{color:#160c86;font-size:36px;}

.top-menu{color:#ffffff;background-color: #160c86;padding:10px 0 0 0;border-bottom: 2px solid #ffffff;}
.top-menu a{color:#ffffff;text-decoration:underline;}
.dropdown-menu{padding:10px;}
.dropdown-menu a{color:#000000;text-decoration:none;}
.blue-box{background-color: #dde6fe;padding:10px;}
.search-box{background-color: #160c86;padding:10px;color:#ffffff;}
.search-box2{background-color: #160c86;padding:10px;color:#ffffff;}
.top-pad-10{margin-top:10px;}
.banner-authenticate{padding-right:0px;background-image:url(../img/banner-authenticate.png);background-size: 90% auto;min-height: 300px;background-repeat: no-repeat;}
.sidebar-column{padding-right:0px;background-image:url(../img/sidebar-menu.png);background-size: 90% auto;min-height: 600px;background-repeat: no-repeat;background-position: left 15px top 200px;}
.sidebar-menu{list-style-type: none;margin: 0;padding: 0;}
.sidebar-menu li{cursor:pointer;background-repeat: no-repeat;padding:15px;padding-left:50px;background-position: left 10px bottom 12px;color:#190e8d;}
.sidebar-menu .selected{background-color: #ffffff;color:#46478d;}
.sidebar-menu .list{background-image:url(../img/icon-list.png);}
.sidebar-menu .map{background-image:url(../img/icon-map.png);}
.no-logo{background-color: #e6ebf9;width: 100%;height: 100px;}
.dv-detail{background-color: #ffffff;}
.dv-detail-blue{background-color: #dde6fe;border-radius:5px;padding:10px;}

.item-news{background-color: #ffffff;padding:10px;font-size:12px;border-radius:5px;}
.item-news .title{margin:0;padding:0;font-size:16px;font-weight:bold;color:#46478d;}
.item-news hr{margin:10px 0;}
.item-news .dv-footer{display: flow-root;margin-top:10px;}
.item-box{background-color: #ffffff;padding:10px;margin-bottom:5px;}
.item-box h2{font-size:16px;font-weight:bold;color:#46478d;}
.item-box h4{font-size:14px;font-weight:normal;color:#494bf3;}
.item-box .hashtag{font-size:14px;font-weight:normal;color:#494bf3;margin-right:5px;}
.icon-type{height:50px;background-repeat:no-repeat;background-position: center center;}
.title-type{color:#46478d;padding-bottom:10px;}
.icon-entrepreneur{background-image:url(../img/icon-entrepreneur.png);}
.icon-logistic{background-image:url(../img/icon-logistic.png);}
.dv-left{float:left;}
.dv-right{float:right;}
.close{color:#ff0000;opacity:1;}

.result-text{font-size:1.2em;color:#b73333;}
.result-logo{width:100%;height:100px;display:block;background-size: contain;background-position: center top;background-repeat: no-repeat;}
.result-title{display:block;font-size:1.7em;}
.result-location{display:block;font-size:1.2em;color:#f38915;}
.result-type{display:block;font-size:1.5em;}
.result-tag{display:block;font-size:0.8em;color:#4cae4c;}

.menu-area{padding-right:0;}
.menu-result, .menu-detail{cursor:pointer; border: 1px solid #cccccc; padding:10px;font-size:1em;border-right:0;}
.menu-result.selected, .menu-detail.selected{background-color: #b73333;color:#ffffff;}
.result-area{border-left: 1px solid #cccccc;}

.dv-map{display:none; height: 700px;}
.modal-header .close {margin-top: -30px;}
.btn-full-width{width:100%;}
.btn-blue{background-color: #160c86;color:#ffffff;}
.btn-yellow{background-color: #f4d918;color:#000000;}

.dv-list-item{margin:15px;padding:10px;border: 1px solid #fabdbd;border-radius:20px;}
.footer{background-color: #160c86;color:#ffffff;min-height: 100px;}
.chk{margin-top:10px!important;}
.dv-detail1{display:block;}
.dv-detail2{display:none;}

.top-menu .icon{display: inline-block;width:20px;height:20px;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;}
.top-menu .icon-home{background-image:url(../img/icon/home.png);}
.top-menu .icon-search{background-image:url(../img/icon/search.png);}
.top-menu .icon-matching{background-image:url(../img/icon/matching.png);}
.top-menu .icon-contact{background-image:url(../img/icon/contact.png);}
.top-menu .link{padding: 5px 15px;color:#9eb0e8;font-size:1em;text-decoration:none;margin-right: 20px;text-align:center;display: inline-block;}
.top-menu .link.selected{color:#ffffff;border-bottom: 4px solid #f4d918;}
.top-menu .link span{color:#ffffff;}
.top-menu .noti{font-size:10px;background-color: #cf4444;border-radius:50%;padding:3px;top:-5px;right: -20px;margin-left:5px;position: absolute;color:#ffffff;width: 20px;height: 20px;text-align:center;font-weight:500;font-family: inherit;}

.tag{font-size:12px;background-color: #117911;border-radius:10px;padding: 5px 10px;color:#ffffff;margin-right:5px;}
ul {list-style-type: none;margin: 0;padding: 0;}
.rd{margin-left:10px;}
.dvRequireOwner{padding:10px;}
.dvRequire{min-height:100px;background-color:#ffffff;border-radius:5px;padding:10px;}
.dvRequireAdd{min-height:100px;background-color:#cccccc;border-radius:10px;cursor:pointer;}
.title{color:#46478d;font-weight:bold;}
.company{color:#009900;font-weight:bold;}
.description{padding:15px;font-size: 0.8em;}
.vertical-center {
  margin: 0;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 3em;
}
.imgLogo{width:70%;min-height:100px;}
.imgLogoThumbnail{width:100%;}
.message.error{background-color:#febcbc;padding: 5px 10px; margin-bottom: 10px;}
.message.success{background-color:#b1d3be;padding: 5px 10px; margin-bottom: 10px;}

.table-list{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;font-size:12px;}
.table-list th {padding:1em;background:#63add7;border-bottom:1px solid #ffffff;color:#ffffff;}
.table-list th a{color:#ffffff;}
.table-list td {padding:1em;background:#edf7fc;border-bottom:1px solid #ffffff;}
.table-list tr:hover td{background:#bddeef;}
.btn-action{width:120px;}
.section-detail{background:#dbf4e6;padding-top:10px;padding-bottom:10px;padding-left:10px;}
.spDetail{font-size:0.8em;color: #ff8c16;line-height: 0.5em;}
.percentageLabel{font-size:10px;}
.percentage{background:#1d9251;padding:2px 0px;color:#ffffff;display:inline-block;font-size:10px;text-align:center;border-top-right-radius:5px;border-bottom-right-radius:5px;min-width:5%!important;}
.percentage0, .percentage1{background:#c94d00;}
.percentage2{background:#c99e00;}
.percentage3{background:#cac407;}
.percentage4{background:#1d9251;}
.percentage5{background:#056a32;}
.search-box2 select{
    text-indent: 15px;
}
.search-box2 i{
  position:absolute;
  margin:10px;
  color: #cccccc;
}
.lang_select{padding:2px 5px;border:1px solid #ffff00;}
blink, .blink {
    -webkit-animation: blink 1s step-end infinite;
    -moz-animation: blink 1s step-end infinite;
    -o-animation: blink 1s step-end infinite;
    animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink { 67% { opacity: 0 }}
@-moz-keyframes blink {  67% { opacity: 0 }}
@-o-keyframes blink {  67% { opacity: 0 }}
@keyframes blink {  67% { opacity: 0 }}

.main-content .popular {
  background: #fff;
}
.main-content .popular .item {
  float: left;
  width: 25%;
  text-align: left;
  position: relative;
  padding:10px;
  padding-bottom: 20px;
}
.main-content .popular .item:after {
  content: "";
  width: 2px;
  height: 100%;
  background: #f5f5f5;
  position: absolute;
  right: 0;
  top: 0;
}
.main-content .popular .item p {
  text-align: left;
  padding-left: 20px;
}
.main-content .popular .item p a {
  font-size: 16px;
  color: #414a56;
}
.bx-wrapper{-webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;}
  
.slide-banner .bx-wrapper{margin-bottom: 10px!important;}
  
@media (max-width: 829px) {
  .dv-banner-full-width {
      background-size: auto 60%;
      background-image: url('../img/banner-logistics.png');
      background-position: right top 40px;
      background-repeat: no-repeat;
      padding:15px!important;
  }
  .dv-banner-full-width h1, .dv-banner-full-width h4 {
      width: 100%;
  }
  .main-menu{
      border-bottom:1px solid #cccccc;margin-bottom:10px;
  }
  .text-xs-center {
    text-align: center;
  }
  .text-xs-left {
    text-align: left;
  } 
  .text-xs-right {
    text-align: right;
  } 
}

@media (max-width: 414px) {
  .dv-banner-full-width {
      background-size: auto 60%;
      background-image: url('../img/banner-logistics.png');
      background-position: right top 150px;
      background-repeat: no-repeat;
      padding:15px!important;
  }
  .dv-banner-full-width h1, .dv-banner-full-width h4 {
      width: 100%;
  }
  .main-menu{
      border-bottom:1px solid #cccccc;margin-bottom:10px;
  }
  .text-xs-center {
    text-align: center;
  }
  .text-xs-left {
    text-align: left;
  } 
  .text-xs-right {
    text-align: right;
  }
  .sidebar-column {
    min-height: 60px;
    margin-top: 10px;
  }
  .sidebar-menu li {
    display: inline-block;
  }
}