/*hack*/
@media screen and (max-width: 768px){
.modal-dialog {
    width: 97%!important;
}
}
@media (min-width: 768px){
.form-horizontal .control-label {
  float:left!important;
}
}
.search-panel{
  background:#f9f9f9!important;
}
.form-horizontal.form-sm .control-label{
  font-size:12px!important;
}
.alert{
  z-index:100000!important;
}
.block{
  display:block!important;
  text-align:center;
}

.dropdown-menu.sgb{
  z-index: 1050!important;
}
.search-panel .form-horizontal .checkbox, .search-panel .form-horizontal .checkbox-inline,.search-panel .form-horizontal .radio, .search-panel .form-horizontal .radio-inline{
  font-size:12px!important;
  line-height:180%;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
  background-color: #337ab7!important;
    color: #fff!important;
    border: 1px solid #337ab7!important;
    border-radius: 0;
}
.modal-content,.dropdown-menu,.input-group-addon,.breadcrumb,
.panel,.panel-heading,.panel-footer,.btn,.form-control{
  border-radius: 0px!important;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt{
    padding-left: 20px!important;
}
.select-block{
  display:block!important;
  width:100%!important;

}
.dropdown-header{
  font-size: 14px!important;
  color: #000!important;
  font-weight: bold!important;
}
/*** customer theme : cne crm project ***/
body{
  /* min-width:600px; */
  background-color:#fff!important;
  /* margin-top:50px!important; */
}
.hidden{
  display:none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn,fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled]{
  cursor:default!important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
  padding-right: 5px!important;
    padding-left: 5px!important;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
  color: red!important;
}
.error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle,.has-error .form-control{
  border-color: red!important;
}
.f-c-white{
  color:#fff!important;
}
.fa-times.f-c-red{
  color:red!important;
}
.f-c-red{
  color:red!important;
}

.f-c-blue{
  color:#1485CC!important;
}
.form-group{
  margin-bottom:22px!important;
  margin-right: 0!important;
    margin-left: 0!important;
    position:relative;
}
.checkbox-inline, .radio-inline{
  height:34px!important;
}
.static-title{
  text-align:right;
}
.fixed{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:1000000;
}
/*print*/
.print-item{
  display:inline-block;
}
.print-item.enabled>a,.print-item.enabled>span{
  color:#ddd!important;
}
.print-panel{
  text-align:center;
}
.print-button{
  width:120px;
  color:#1485CC!important;
  font-size: 80px!important;
  margin:4px;
}
.print-button.tenpay{
  width:120px;
  height:50px;
  background:url('/tenpay.png') no-repeat center center;
  background-size: 100% auto;
}
.print-button.liandongPay{
  width:120px;
  height:50px;
  background:url('../img/liandong.png') no-repeat center center;
  background-size: 100% auto;
}
.print-button.paypal{
  width:120px;
  height:50px;
  background:url('../img/paypal.png') no-repeat center center;
  background-size: 100% auto;
}
.print-button.weixinPay{
  width:120px;
  height:50px;
  background:url('../img/weixinPay.png') no-repeat center center;
  background-size: 100% auto;
}
.print-button.payoneer{
  width:120px;
  height:50px;
  background:url('../img/payoneer.png') no-repeat center center;
  background-size: 100% auto;
}
.print-form{
  width:800px;
  min-width:800px;
}
.center{
  margin:20px auto;
}
.print-param{
  height:340px;
}
.print-counts{
  font-size:12px!important;
  font-wight:normal!important;
  margin:120px;
}
.btn-print{
  margin-left:30px;
}
.cne-print{
  text-decoration:none!important;
  color:#428bca!important;
  cursor:pointer;
}
.panel-heading .f-r{
  float:right!important;
  margin-top:-5px;
  margin-right:-10px;
}

img{
  width:100%;
}
.navbar-cne,.navbar-cne .navbar-brand,.navbar-cne .navbar-nav>li>a,.navbar-cne .navbar-nav>.open>a{
  background-color: #CC0000!important;
  color:#fff!important;
  border:none!important;
  margin-bottom:0!important;
}

.navbar-cne .navbar-nav>.open>a:focus, .navbar-cne .navbar-nav>.open>a:hover{
  background-color: #a5423b!important;
  color:#fff!important;
  border:none!important;
}

.pull-right .dropdown-menu{
  left:inherit;
  right:0;
  min-width: 84px;
  top: 98%;
}

#pull-right-collapse{
  background-color:#CC0000!important;
}

.volumn input{
  width:33.33%!important;
}
.f-s-12,.f-s-12 *{
  font-size:12px!important;
}

/*** default side bar ***/
#navi-pc{
  display:block;
}
#navi-mobile{
  display:none;
}
.collapse,.collapsing{
  padding:0!important;
  background-color:#3d3d3d!important;
}
.collapsing {
    overflow: hidden;
}

#navbar-collapse>ul>li.dropdown>ul.dropdown-menu{
  position: inherit!important;
  float: inherit!important;
  background: none;
}
.nav-pills>li>a{
  border-radius: 0px!important;
  color:#bdbdbd!important;
  border-top: 1px solid #5c5c5c;
  display:-webkit-box!important;
  -webkit-box-pack:justify;
  -webkit-box-align:center;
}
.nav-pills .caret{
  display:-webkit-box!important;
}
.nav-stacked>li+li{
  margin-top:0!important;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  color: #fff;
    background-color: #CC0000!important;
    border:0;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
  color: #fff!important;
    background-color: #303030!important;
    border-top: 1px solid #5c5c5c !important;
}
.nav-pills>li>a:focus,.nav-pills>li>a:hover{
  background-color: #303030!important;
}
.nav-pills .dropdown-menu>li>a:focus,.nav-pills .dropdown-menu>li>a:hover{
  background-color: #575757!important;
  color:#fff!important;
}
.nav-pills .dropdown-menu{
  width: 100%;
  position:inherit;
    background: none!important;
    border-top: 1px solid #5c5c5c !important;
    border-radius: 0px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    margin:0;
}
.nav-pills .dropdown-menu>li>a{
  color:#bdbdbd!important;
  padding: 6px 30px!important;
}
/*** cne-list-heading ***/
.cne-list-heading{
  margin:0!important;
  padding:0!important;

}
.cne-list-heading>ul{
  margin:0!important;
  padding:0!important;
  width:100%;
  overflow:hidden;
}
.cne-list-heading li:nth-child(1){
  padding-left:10px!important;
}
.cne-list-heading li{
  border:0!important;
  padding:15px 20px 15px 24px!important;
  font-size:16px;
  background: #ededed!important;
  color:#999!important;
  counter-increment: chapter;
  position:relative;
  border: 24px solid transparent;
    border-right: 0;
  border-left: 14px solid #d4d4d4;
}
.cne-list-heading li>span{
  color: #999;
}
.cne-list-heading li.done{
  cursor:pointer;
}
.cne-list-heading li.done>span{
  color: #468847;
}
.cne-list-heading li:before{
  width:10px;
  content:counter(chapter);
  border-radius: 9px;
  padding:2px 9px 3px 9px;
  margin:0 8px;
  font-size:12px;
  font-weight: bold;
  color:#fff;
  background-color: #999;
}
.cne-list-heading li.done:before{
  background-color: #468847;
}
.cne-list-heading li:after{
    border: 26px solid transparent;
    border-right: 0;
    border-left: 14px solid #ededed;
    content: " ";
    position:absolute;
    right:-14px;
    top:0px;
    z-index: 3;
}
.cne-list-heading li.active{
  background: #f1f6fc!important;
}
.cne-list-heading li.active>span{
  color: #3a87ad;
}
.cne-list-heading li.active:before{
  color:#fff;
  background-color: #3a87ad;
}
.cne-list-heading li.active:after{
  border: 26px solid transparent;
    border-right: 0;
    border-left: 14px solid #f1f6fc;
    position:absolute;
    right:-14px;
    top:0px;
}

.cne-list-heading .form-group{
  margin:4px 0px!important
}

.cne-list-footer{
  padding:6px 4px 0px 4px!important;
  min-height:47px;
}
.cne-list-footer .form-group{
  margin:4px 0px!important
}

/*** page-content ***/
.page-content{
  background-color:#fff;
  padding:10px 10px 0 10px!important;
}
.sidebar-logo{
  background-color: #CC0000!important;
  max-height: 94px;
    overflow: auto;
    border-bottom:1px solid #fff;
}
.sidebar-logo>img{
  max-width:328px;
}
.form-inline{
  width:14%!important;
}
.container-fluid{
  position:relative;
}
.panel-footer .text-center{
  margin-bottom:0px;
}
.panel-footer .pagination{
  margin:0!important;
}
.panel-default{
  padding:0!important;
}
@media (max-width: 768px){
  .cne-error{
    display:block;
  }

}
@media (min-width: 768px){
  .sidebar-logo{
      border-bottom:0;
  }
  .page-content{
    width:auto!important;
    margin: 0 0 0 180px;
  }
  #navbar-collapse{
    display: block!important;
    height: auto!important;
    width: 180px;
    z-index: 101;
    position: fixed;
    top:50px;
    bottom:0;
    overflow-y: auto;
  }
}

/*** min sidebar ***/
.nav-min{
  margin-top:7px;
  outline:none!important;
  border: 1px solid rgba(255,255,255,0.5)!important;
}
.nav-min:active{
  background:rgba(255,255,255,0.3)!important;
}

/* #navbar-collapse{
  overflow-y:auto!important;
} */
.min #navbar-collapse{
  display:block;
  width:50px!important;
}
.min .page-content{
  margin: 0 0 0 50px;
}
.min .nav-pills>li>a>span{
  display:none;
}
.min .nav-pills .dropdown-menu{
  position: absolute!important;
  left:50px!important;
  top:0px;
  background:#3d3d3d!important;
  width: 190px;
}
.min #navbar-collapse.collapse.in{
  overflow:hidden!important;
}

/*oSingleEnter*/
#step2,#step3,#step4{
  display:none;
}
#step1 .form-horizontal,
#step2 .form-horizontal,
#step3 .form-horizontal,
#step4 .form-horizontal{
  width:95%;
}


/*celltable*/
.table-relative{
  position:relative;
}
.table-head-select{
  position:absolute!important;
  left:8px;
  top:4px;
}
.panel-heading:after{
  content:" ";
  clear:both;
}
.m-center{
  margin:0 auto;
}
.com-google-gwt-user-cellview-client-CellTable-Style-cellTableSelectedRow,.com-google-gwt-user-cellview-client-CellTable-Style-cellTableOddRow,.com-google-gwt-user-cellview-client-CellTable-Style-cellTableEvenRow{
  height:40px!important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableKeyboardSelectedCell input{
  width:40px!important;
}
.com-google-gwt-user-cellview-client-CellTable-Style-cellTableSelectedRowCell {
  border : 2px solid #628cd5;
}
.com-google-gwt-user-cellview-client-CellTable-Style-cellTableKeyboardSelectedCell {
  border : 2px solid red;
}
.gwt-DialogBox{
  z-index: 3000;
}
/*dara grid*/
.panel .collapse,.panel .collapsing{
  background:none!important;
}
.panel-body .label{
  float:left;
  margin:0 5px 5px 0;
}
.label.hands{
  cursor:pointer;
}
.label.active{
  box-shadow: 0px 0px 9px orangered;
}
.panel-body .row{
  overflow:auto;
}
.table{
  max-width:none!important;
  margin-bottom:0!important;
}
.gwtb3-cell{
  height:42px;
}
.gwtb3-cell input{
  width:100%;
}
.gwtb3-cell input[type=checkbox]{
  width:auto;
  margin-right:4px;
}
.table th{
  padding:0 8px!important;
  font-weight: normal!important;
    font-size: 12px!important;
}
th{
  /*padding:0 8px!important;*/
  font-weight: normal!important;
  font-size: 12px!important;
}
.overflow{
  overflow:hidden;
  overflow-y:auto;
}

/*cne select*/
.bootstrap-select.btn-group .dropdown-menu>li>a:hover,
.bootstrap-select.btn-group .dropdown-submenu:hover>a {
  text-decoration:none;
  color:#fff;
  background:#2b8cc8!important;
  border:0px!important;
  box-shadow:0 0 0 0 #fff!important;

  border:0px;
  outline-style: none;
    -webkit-appearance: none;
}

.bootstrap-select.btn-group .dropdown-menu>li>a:focus,
.bootstrap-select.btn-group .dropdown-submenu:focus>a{

  border:0px!important;
  box-shadow:0 0 0 0 #fff!important;

  border:0px;
  outline-style: none;
    -webkit-appearance: none;

}

/*autoTag*/
.noboder{
  border:0px;
  outline-style: none;
    -webkit-appearance: none;
}
.inline{
  display:inline-block;
}
.float-l{
  float:left;
  margin-left:4px;
}
.m-t-md{
  margin-top:6px;
}
.m-l-md{
  margin-left:6px;
}
.border-c-1{
  color:#333;
  border:1px solid #adadad;
  border-radius: 4px;
}
.btn-default.float-l{
  position:relative;
}
.btn-default>input.gwt-TextBox{
  position:absolute;
  right:-154px;
  top:-2px;
}

/*ul.nav.nav-tabs*/
ul.nav.nav-tabs{
  border-bottom:0px;
}
.w50p{
  width:50%;
  float:left;
}
.w90p{
  width:90%!important;
}

/*login*/
.fullscreen{
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index:1;
  background:#fff;
}
.loginform{
  width:300px;
  margin:80px auto;
}

/*dialog*/
.dialog-confirm .modal-dialog{
  top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    margin-top: -250px;
}
.dialog-confirm .modal-body{
  padding:40px 0 80px 20px!important;
}
.width-auto{
  width:auto!important;
}
.modal-open{
  overflow:hidden;
  overflow-y:scroll;
}
.modal-title{
  text-align:center;
}
.body-content{
  margin:10px 0;
}
.body-content .car-list-name span{
  width:100%;
  overflow:hidden;
   text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.fade{
  -webkit-transition: opacity .05s linear!important;
    -o-transition: opacity .05s linear!important;
    transition: opacity .05s linear!important;
}
.modal.fade.in{
  display:block!important;
  background:rgba(0,0,0,.4);
}

.modal.fade.in.wkt-box{
  display:-webkit-box!important;
  z-index:1031;
}
.modal.fade.in.wkt-box.show{
  display:-webkit-box!important;
}
.modal.fade.in.wkt-box.hide{
  display:none!important;
}

/* .yc-loading-circle{
  width:60px;
  height:60px;
  background:url('./icon-loading-bg.png') no-repeat 4px center !important;
    background-size: 50px auto!important;
    -webkit-animation: loading 0.8s linear infinite;
    animation: loading 0.8s linear infinite;
} */

@keyframes loading{
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes loading{
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

.wkt-box{
  width:100%;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  scrollbar-face-color: #fcfcfc;
}

[role=menubar] table{
  width:100%;
}
.dropdown-menu .item{
  padding:5px;
}

.dropdown-menu .item-selected {
  color:#fff!important;
    background-color: rgba(43,140,200,1)!important;
}
.btn-del-goodlist{
  float:right;
  margin-right:-40px;
  text-align:center;
}

/*error*/
.cne-error{
  font-size: 12px;
    position: absolute;
    bottom: -15px;
    left:0;
    color: red;
    margin-left:6px;
    overflow: hidden;
    height: 17px;
}

/*cne-import-item*/
.cne-import-item{
  margin:0px 10px 3px;
  width: 600px;
    float: left;
}
.cne-import-item:after{
  content:' ';
  display:block;
  clear:both;
}
.cne-import-title{
  display: block;
    width: 120px;
    float: left;
    height: 34px;
    line-height: 34px;
}

.cne-import-title.head,.cne-import-select.head,.cne-import-default.head{
    text-align:center;
}
.cne-import-select{
  width:380px;
  float:left;
    line-height: 34px;
    position:relative;
}
.cne-import-select .dropdown-menu>li>a{
  float: left!important;
  clear: inherit!important;
}
.cne-import-select .dropdown-menu .divider{
  clear:both;
}
.cne-import-select .bootstrap-select.btn-group .dropdown-menu li:after{
  content:' ';
  clear:both;
  margin-top:4px;
}
.cne-import-default{
  display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-top: 2px;
    margin-left:2px;
}
.cne-import-default .checkbox{
  margin:5px!important;
}
.cne-import-default.txt{
  width:80px;
}
.cne-import-default.txt input{
  text-align:center;
}
.cne-excel-validate-msg{
  font-size:12px;
  color:red;
}
.scroll{
  overflow:auto;
}
.visibility{
  position:absolute;
  visibility:hidden;
}
.request-base{

  font-size: 12px;
}
.request-base.form-fixed{

  position: fixed;
    right: 14px;
    z-index:3;
}
.request-base:first-child{
  width:480px;
}
.base-fieldname{
  width: 100px;
    height: 17px;
    float: left;
    padding-left: 10px;
}
.base-exceltitle{
  width: 100px;
    float: left;
    text-align: right;
    padding-right: 10px;
}

.validate-form{
  display: block;
    min-height: 70px;
    width: 107px;
    float: left;
}
.validate-item{
  cursor:pointer;
}
.validate-form:after{
  content:' ';
  clear:both;
  display:block;
}
.validate-pane{
  min-height:100px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding:10px;
  box-sizing:border-box;
}
.validate-pane:after{
  content:' ';
  clear:both;
  display:block;
}
.validate-enable{
  width:210px;
  float:left;
}
.clear-after:after{
  content:' ';
  clear:both;
  display:block;
}

.bg-opacity-0{
  background:rgba(0,0,0,0)!important;
}

.bg-opacity-0 .modal-content{
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0)!important;
    box-shadow: 0 3px 9px rgba(0,0,0,0)!important;
}

.bind-delete{
  position: absolute;
    right: -118px;
    top: 2px;
}
.notify-time{
  float: right;
    font-size: 12px;
}
.bootstrap-select.btn-group .dropdown-menu li a.select-delete{

    display: block;
  width: 48px;
    float: right;
    margin-top: -26px;
    text-align: center;
    background:none!important;
    color:#000!important;
    font-weight:bold;
}

/*order search*/
.select-type{
  z-index:10!important;
}
.select-hide-item{
  display:none;
}
.select-hide-div.col-lg-8 {
  min-height:49px;
}
.cne-pagination button{
  color: #337ab7!important;
}
.cne-pagination button:first-child{
  border-top-left-radius: 3px!important;
    border-bottom-left-radius: 3px!important;
}
.cne-pagination button:last-child{
  border-top-right-radius: 3px!important;
    border-bottom-right-radius: 3px!important;
}
.cne-pagination .label{
  margin-top:5px!important;
}
.noraduis{
  border-radius:0px!important;
}
.page-sm{
  /* max-width: 140px!important; */
}

.select-field{

}

.select-field{
  width:380px;
  float:left;
    line-height: 34px;
    position:relative;
}

.select-field .dropdown-menu>li>a{
  width:33%;
  float: left!important;
  clear: inherit!important;
  position:relative;
}

.select-field .dropdown-menu .divider{
  clear:both;
}

.select-field .bootstrap-select.btn-group .dropdown-menu li:after{
  content:' ';
  clear:both;
  margin-top:4px;
}

.v-application div p{
  margin-bottom: 0;
}
.v-application a.btn-primary{
  color: #fff;
}

/* .bootstrap-select.btn-group .dropdown-toggle .filter-option{
  text-align:center!important;
} */