body, html{
  font-family: 'Source Sans Pro', sans-serif;
  height: 100%;
}
.clear{
  clear: both;
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.bold{
  font-weight: bold;
}
.posRel{
  position: relative;
}
.tab-content > .tab-pane {
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.tab-content > .active{
  display: block;
  opacity: 1;
  height: auto;
  overflow: visible;
}
.main-wrapper, .push-nav {
  height: 100%;
}
.right-body{
  min-height: 100%;
}
.font12{
  font-size: 12px;
}
.font13{
  font-size: 13px;
}
.font14{
  font-size: 14px;
}
.margin0{
  margin: 0;
}
.margin-right-5{
  margin-right: 5px;
}
.margin-top-5{
  margin-top: 5px;
}
.margin-left-5{
  margin-left: 5px;
}
.margin-bottom-5{
  margin-bottom: 5px;
}
.margin-right-10{
  margin-right: 10px;
}
.margin-top-10{
  margin-top: 10px;
}
.margin-left-10{
  margin-left: 10px;
}
.margin-bottom-10{
  margin-bottom: 10px;
}
.margin-right-20{
  margin-right: 20px;
}
.margin-top-20{
  margin-top: 20px;
}
.margin-left-20{
  margin-left: 20px;
}
.margin-bottom-20{
  margin-bottom: 20px;
}
.margin-right-25{
  margin-right: 25px;
}
.margin-top-25{
  margin-top: 25px;
}
.margin-left-25{
  margin-left: 25px;
}
.margin-bottom-25{
  margin-bottom: 25px;
}
.margin-right-30{
  margin-right: 30px;
}
.margin-top-30{
  margin-top: 30px;
}
.margin-left-30{
  margin-left: 30px;
}
.margin-bottom-30{
  margin-bottom: 30px;
}
.margin-right-40{
  margin-right: 40px;
}
.margin-top-40{
  margin-top: 40px;
}
.margin-left-40{
  margin-left: 40px;
}
.margin-bottom-40{
  margin-bottom: 40px;
}
.padding-top-10{
  padding-top: 10px;
}
.padding-left-10{
  padding-left: 10px;
}
.padding-bottom-10{
  padding-bottom: 10px;
}
.padding-right-20{
  padding-right: 20px;
}
.padding-top-20{
  padding-top: 20px;
}
.padding-left-20{
  padding-left: 20px;
}
.padding-bottom-20{
  padding-bottom: 20px;
}
.padding-right-25{
  padding-right: 25px;
}
.padding-top-25{
  padding-top: 25px;
}
.padding-left-25{
  padding-left: 25px;
}
.padding-bottom-25{
  padding-bottom: 25px;
}
.padding-right-30{
  padding-right: 30px;
}
.padding-top-30{
  padding-top: 30px;
}
.padding-left-30{
  padding-left: 30px;
}
.padding-bottom-30{
  padding-bottom: 30px;
}
.padding-right-40{
  padding-right: 40px;
}
.padding-top-40{
  padding-top: 40px;
}
.padding-left-40{
  padding-left: 40px;
}
.padding-bottom-40{
  padding-bottom: 40px;
}
.lbcxlogo{
  background: url('../images/lbcx-logo.png') no-repeat;
  width: 177px;
  height: 28px;
  display: inline-block;
}
.login{
  width: 400px;
  margin: 0 auto;
  padding: 100px 0 0;
  text-align: center;
  color: #414141;
}
.login .logo-text{
  font-size: 18px;
  font-weight: 600;
}
.login h5{
  margin: 20px 0 10px;
  font-weight: 600;
  font-size: 14px;
}
.login .login-box{
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 30px 40px;
  text-align: left;
}
.login .login-box .lbcx-input{
  width: 100%;
}
.wd240{
  width: 240px;
}
.header3{
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 20px 0;
}
a:hover, a:active, a:visited, a:focus{
  text-decoration: none;
  cursor: pointer;
}
.logo{
  background: url('../images/logo-admin.png') no-repeat;
  width: 72px;
  height: 72px;
  display: inline-block;
}
.main-wrapper{
  width: 100%;
  min-width: 1350px;
}
.push-nav{
  padding-left: 130px;
  padding-top: 70px;
}
.navigation{
  width: 130px;
  text-align: center;
  padding: 15px 0;
  background: #333;
  color: #ccc;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;  
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.navigation::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.navigation ul{
  margin: 30px 0 0 0;
  padding: 0;
}
.navigation li{
  border-left: 2px solid #333;
  border-bottom: 1px solid #3c3c3c;
  list-style: none;
  -webkit-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.15);
  box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.15);
}
.navigation li p{
  margin: 0;
}
.navigation li:last-child{
  border-bottom: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navigation li.selected{
  border-left: 3px solid #f14950;
  background: #fff;
}
.navigation li.selected a{
  color: #333;
}
.navigation li a{
  color: #cccccc;
  font-size: 12px;
  display: block;
  padding: 5px 0 10px;
}
.navigation li span{
  color: #5c5c5c;
  font-size: 16px;
}
.navigation li.selected span{
  color: #f14950;
}
.right-body{
  position: relative;
}
header{
  background: #f9f9f9;
  width: 91%;
  min-width: 1200px;
  height: 70px;
  padding: 15px 0px;
  position: fixed;
  z-index: 999;
  top: 0;
  border-bottom: 1px solid #e7e7e7;
}
header a, header a:hover, header:focus, header:active{
  color: #333333;
  cursor: default;
}
.header-info{
  margin-left: 30px;
}
.header-info .header-info-1{
  font-size: 24px;
  font-weight: 300;
}
.header-info .header-info-2{
  font-size: 13px;
  font-weight: 300;
  text-transform: capitalize;
}
.header-info .header-info-2 .fa{
  color: #999999;
  font-size: 12px;
  margin: 0 10px;
}
footer{
  padding: 10px 0px 20px 0;
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 20px;
  border-top: 1px solid #f2f2f2;
}
footer span{
  color: #999999;
  font-size: 12px;
  font-weight: 300;
}
.arrow-down{
  color: #798186;
  font-size: 12px;
  margin: 0 0 0 5px;
  position: relative;
}
header .lbcx-select{
  display: inline-block;
  float: left;
  width: 35%;
  border-radius: 4px 0 0 4px;
  -moz-box-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}
header .lbcx-select .dropdown.btn-group,
header .lbcx-select .selectpicker.dropdown-toggle.btn.btn-default{
  width: 100%;
}
header  .lbcx-select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
  width: 100%;
}
header .lbcx-select .btn-default, header .lbcx-select select{
  border: 1px solid #e0e0e0;
  background: #fff;
  font-size: 12px;
  color: #414141;
  height: 38px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 4px 0 0 4px;
  -moz-box-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}
.lbcx-select .bootstrap-select.btn-group .dropdown-toggle .bs-caret{
  display: inline-block;
  font-family: 'FontAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #798186;
  font-size: 12px;
  margin: 0;
  position: relative;
}
.lbcx-select .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret{
  position: relative;
  top: auto;
  right: auto;
  margin-top: auto;
  vertical-align: inherit;
  border-top: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
.lbcx-select .bootstrap-select.btn-group .dropdown-toggle .bs-caret .caret:before{
  content: "\f078";
}
.lbcx-select .btn-group.open .dropdown-toggle{
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: #fff;
  outline: 0;
}
.lbcx-select .bootstrap-select .dropdown-toggle:focus{
  outline: 0!important;
  border: 1px solid #e0e0e0;
}
.inputselect{
  position: relative;
  width: 220px;
}
.inputselect input{
  width: 100%;
  border: 1px solid #ccc;
  padding: 0 13px;
  background: #fff;
  font-size: 12px;
  color: #414141;
  height: 34px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 4px;
  -moz-box-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.inputselect input:disabled{
  color: #999;
}
.inputselect .bs-caret{
  display: inline-block;
  font-family: 'FontAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #798186;
  font-size: 12px;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 17px;
  right: 22px;
}
.inputselect .bs-caret .caret{
  position: relative;
  top: auto;
  right: auto;
  margin-top: auto;
  vertical-align: inherit;
  border-top: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
.inputselect .bs-caret .caret:before{
  content: "\f078";
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus{
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: #fff;
  outline: 0;
  border-color: #e0e0e0;
}
.lbcx-select .bootstrap-select.btn-group .dropdown-menu{
  padding: 0;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .1);
  border: 1px solid #d3d9dc;
  z-index: 50;
}
.lbcx-select .bootstrap-select.btn-group .dropdown-menu.inner{
  min-width: 140px;
  padding: 0;
  margin: 0;
  border: 0px;
}
.lbcx-select .bootstrap-select.btn-group .dropdown-menu.inner li a{
  border-bottom: 1px solid #d3d9dc;
  padding: 9px 10px;
}
.lbcx-select .bootstrap-select.btn-group .dropdown-menu.inner li:last-child a{
  border: 0;
}
.lbcx-select .bootstrap-select.btn-group .dropdown-menu.inner > li > a:hover,
.lbcx-select .bootstrap-select.btn-group .dropdown-menu.inner > li > a:focus{
  background: #f6f8f9;
}


header .custom-input{
  border: 1px solid #e0e0e0;
  color: #414141;
  border-left: 0;
  height: 38px;
  font-size: 12px;
  width: 65%;
  padding: 0 5px;
  border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
}
.custom-input:focus{
  outline: 0;
}
.btn-search{
  position: absolute;
  border: 0;
  background: none;
  font-size: 16px;
  right: 10px;
  top: 8px;
  color: #999;
}
.login-name{
  padding: 10px 0 0 30px;
  margin: 0 20px 0 0;
  color: #414141;
}
.login-name a{
  color: #414141;
  cursor: pointer;
  position: relative;
  z-index: 10;
}
.login-name a span, .login-name a:hover{
  color: #f14950;
}
.content-body{
  padding: 10px 20px 51px 30px;
}
.datepicker .form-date{
  width: 120px;
  display: inline-block;
  float: left;
  margin: 0 10px;
  position: relative;
}
.datepicker .form-date .popover{
  font-size: 12px;
}
.datepicker .form-date .popover .popover-content{
  padding: 3px;
}
.datepicker .form-date .popover-title{
  font-size: 12px;
}
.datepicker .form-date .form-control{
  font-size: 12px;
  border: 1px solid #d3d9dc;
  color: #414141;
  height: 37px;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,247,248,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f7f8', GradientType=0 );
}
.datepicker.birthday .form-date{
  float: none;
  margin: 0;
  width: 100%;
}
.datepicker .form-date input.form-control::-webkit-input-placeholder {
  color: #414141;
}
.datepicker .form-date input.form-control:-moz-placeholder { /* Firefox 18- */
  color: #414141;
}
.datepicker .form-date input.form-control::-moz-placeholder {  /* Firefox 19+ */
  color: #414141;
}
.datepicker .form-date input.form-control:-ms-input-placeholder {
  color: #414141;
}
.datepicker .fa{
  position: absolute;
  right: 10px;
  top: 10px;
  color: #b7c3c8;
  z-index: 10;
  cursor: pointer;
}
.datepicker .dash{
  float: left;
  font-size: 20px;
}
.btn-gray{
  color: #fff;
  padding: 0 10px;
  border: 1px solid #c8cacb;
  background: rgba(216,216,216,1);
  background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(216,216,216,1)), color-stop(100%, rgba(163,163,163,1)));
  background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  background: -o-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  background: linear-gradient(to bottom, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#a3a3a3', GradientType=0 );
  height: 37px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a.btn-gray{
  padding: 7px 10px;
  display: inline-block;
}
a.btn-gray:hover{
  text-decoration: none;
  color: #fff;
}
.lbcx-form input.btn-upload{
  border: 0;
  background: none;
  font-size: 13px;
  padding: 0;
}
.lbcx-tabs.nav-tabs > li{
  margin-bottom: 0;
  margin: 0 0 0 20px;
}
.lbcx-tabs.nav-tabs > li > a{
  font-size: 18px;
  color: #0375d9;
  margin: 0;
  line-height: normal;
  border: 0;
  border-radius: 0;
  padding: 10px 5px;
}
.lbcx-tabs.nav-tabs > li > a span.countnumber{
  background: #d1d1d1;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin: 0 15px;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 15px;
}
.lbcx-tabs.nav-tabs > li.active > a span.countnumber{
  background: #666666;
}
.countnumber2{
  background: #d1d1d1;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  float: right;
  position: relative;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 15px;
}
.countnumber3{
  background: #d1d1d1;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  float: right;
  position: relative;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 15px;
}
.classnew.countnumber3, .classnew.countnumber2{
  padding: 2px 12px;
}
.lbcx-tabs.nav-tabs > li.active{
  border-bottom: 2px solid #333;
}
.lbcx-tabs.nav-tabs > li > a:hover{
  background: none;
  border: 0;
}
.lbcx-tabs.nav-tabs > li.active > a, .lbcx-tabs.nav-tabs > li.active > a:hover, .lbcx-tabs.nav-tabs > li.active > a:focus{
  color: #333333;
  cursor: default;
  background-color: #fff;
  border: 0;
}
.lbcx-tabs.second-tab.nav-tabs{
  background: #dbdbdb;
  border-bottom: 1px solid #cccccc;
}
.lbcx-tabs.second-tab.nav-tabs > li > a{
  color: #999999;
}
.lbcx-tabs.second-tab.nav-tabs > li.active > a, .lbcx-tabs.nav-tabs > li.active > a:hover, .lbcx-tabs.nav-tabs > li.active > a:focus{
  color: #333333;
  cursor: default;
  background: none;
  border: 0;
}
.lbcx-tabs.second-tab.nav-tabs > li.active{
  border-bottom: 2px solid #f8a54b;
}
.smallfont.lbcx-tabs.nav-tabs > li > a{
  font-size: 14px;
}


.lbcx-table{
  font-size: 14px;
  width: 100%;
  color: #414141;
}
.lbcx-table.fixed{
  table-layout: fixed;
}
.wd5, .lbcx-input.wd5{
  width: 5%;
}
.wd15, .lbcx-input.wd15{
  width: 15%;
}
.wd25, .lbcx-input.wd25{
  width: 25%;
}
.wd33, .lbcx-input.wd33{
  width: 33%;
}
.wd35, .lbcx-input.wd35{
  width: 33%;
}
.wd40, .lbcx-input.wd40{
  width: 40%;
}
.wd50, .lbcx-input.wd50{
  width: 50%;
}
.wd60, .lbcx-input.wd60{
  width: 60%;
}
.wd65, .lbcx-input.wd65{
  width: 65%;
}
.wd75, .lbcx-input.wd75{
  width: 75%;
}
.wd85, .lbcx-input.wd85{
  width: 85%;
}

.shadow{
  -webkit-box-shadow: 4px 0px 5px -3px rgba(0,0,0,0.26);
  -moz-box-shadow: 4px 0px 5px -3px rgba(0,0,0,0.26);
  box-shadow: 4px 0px 5px -3px rgba(0,0,0,0.26);
  position: relative;
  z-index: 4;
}
.withscroll{
  overflow-x: scroll;
}
.withscroll .jspHorizontalBar{
 background: none;
}
.wd85 .lbcx-table, .wd75 .lbcx-table, .wd65 .lbcx-table{
  width: 1300px;
}
#addresses .wd35 .lbcx-table tr td{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 220px;
}
.wd40 .lbcx-table{
  width: 800px;
}
.lbcx-table .h71 td{
  height: 71px;
}
.lbcx-table thead{
  border: 1px solid #d3d9dc;
  border-left: 0;
  border-right: 0;
  background: #fcfdfd;
  font-weight: 200;
  color: #414141;
}
.lbcx-table tr{
  height: 50px;
}
.lbcx-table tr th, .lbcx-table tr td{
  padding: 10px 0 10px 40px;
  position: relative;
  font-family: 'Source Sans Pro', sans-serif;
  border-bottom: 1px solid #f0f0f0;
}
.lbcx-table tr th{
  white-space: nowrap;
}
.lbcx-table tr td a{
  color: #0375d9;
}
.lbcx-table tr:nth-child(even){
  background: #fcfdfd;
}
.lbcx-table .imgcase{
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 56px;
}
.lbcx-table .imgcase img{
  width: 100%;
}
.lbcx-table .imgcase span.fa{
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(102, 102, 102, 0.5);
  color: #fff;
  font-size: 15px;
  display: none;
}
.lbcx-table .imgcase:hover span.fa{
  display: inline-block;
}
.lbcx-table .imgcase span.fa::before{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 15px;
  width: 15px;
  display: block;
  margin: auto;
}
.lbcx-table .doubleline p{
  font-size: 12px;
}
.lbcx-dropdown label{
  margin: 0 10px 0 0;
  font-weight: 600;
  font-size: 14px;
}
.lbcx-dropdown .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
  width: auto;
}
.lbcx-dropdown .bootstrap-select .btn{
  background: #f2f2f2;
  width: 65px;
  height: 34px;
  border: 0;
  outline: 0;
  font-size: 14px;
  font-weight: 600;
}
.lbcx-dropdown .bootstrap-select.open .btn, .lbcx-dropdown .bootstrap-select .btn:active,
.lbcx-dropdown .bootstrap-select.open .btn:focus{
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
  background: #f2f2f2;
}
.lbcx-dropdown .bootstrap-select .bs-caret{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lbcx-dropdown .bootstrap-select .bs-caret .caret{
  display: none;
}
.lbcx-dropdown .bootstrap-select .bs-caret:before{
  content: "\f078";
}
.pagination > li > a, .pagination > li > span{
  color: #414141;
  font-size: 13px;
}
.lbcx-back, .lbcx-back:hover, .lbcx-back:active, .lbcx-back:focus,
.lbcx-link, .lbcx-link:hover, .lbcx-link:active, .lbcx-link:focus {
  color: #0375d9;
  font-size: 13px;
}
.back-box{
  height: 18.5px;
}
.customer p{
  margin: 0;
  color: #333333;
}
.customer.name{
  font-size: 20px;
}
.customer.name span{
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-left: 10px;
  color: #fff;
}
.customer.name span.archived{
  background: #999999;
}
.customer.name span.active{
  background: #33b773;
}
.customer.name span.vip{
  background: #ffc629;
}
.customer.name span.vip:before{
  content: '';
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url('../images/crown.png') no-repeat;
  background-size: cover;
  margin: 0 3px 0 0;
}
.customer.acctnum{
  font-size: 14px;
}
.lbcx-form{
  padding: 20px 0 0 0;
}
.lbcx-form .input-group-btn{
  width: auto;
}
.lbcx-form .btn-lbcx.dropdown-toggle{
  width: 140px;
  text-align: left;
  font-size: 12px;
  border: 1px solid #d3d9dc;
  color: #414141;
  height: 37px;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,247,248,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,247,248,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f7f8', GradientType=0 );
}
.lbcx-form .btn-lbcx.dropdown-toggle span.arrow-down{
  border-left: 1px solid #b7c3c9;
  padding: 0 0 0 10px;
  height: 16px;
}
.btn-lbcx ~ .dropdown-menu{
  min-width: 140px;
  border: 1px solid #d3d9dc;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .1);
  padding: 0;
  margin: 5px 0 0 0;
}
.btn-lbcx ~ .dropdown-menu li a{
  border-bottom: 1px solid #d3d9dc;
  padding: 9px 10px;
}
.btn-lbcx ~ .dropdown-menu li:last-child a{
  border: 0;
}
.btn-lbcx ~ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  background: #f6f8f9;
}
.lbcx-form label{
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #414141;
  margin: 0 0 5px 0;
}
.lbcx-form input{
  border: 1px solid #b8c3c8;
  background: #fff;
  font-size: 14px;
  padding: 0 10px;
  height: 37px;
  margin: 0 0 10px 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: 100%;
}
.lbcx-form input.overlay{
  background: #f2f2f2;
}
input[type="checkbox"].lbcx-check {
  display:none;
}
input[type="checkbox"].lbcx-check + label{
  display: inline-block;
}
input[type="checkbox"].lbcx-check + label span {
  display:inline-block;
  color: #fff;
  margin: 0 5px 0 0;
  vertical-align: top;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b8c3c9;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(243,246,247,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f6f7', GradientType=0 );
}
input[type="checkbox"].lbcx-check + label span:hover{
  border: 1px solid #00a55b;
}
input[type="checkbox"].lbcx-check + label span:before{
  position: relative;
  top: 2px;
  display: none;
}
input[type="checkbox"].lbcx-check:checked  + label span:before{
  display: inline-block;
}
input[type="checkbox"].lbcx-check + label p {
  color: #414141;
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
}
input[type="checkbox"].lbcx-check:checked + label span{
  background: #00a55b;
  background-image: url('../images/check-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 0;
}

input[type="radio"].lbcx-radio {
  display:none;
}
input[type="radio"].lbcx-radio + label{
  display: inline-block;
}
input[type="radio"].lbcx-radio + label span {
  display:inline-block;
  color: #fff;
  margin: 0 5px 0 0;
  vertical-align: top;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b8c3c9;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(243,246,247,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,246,247,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f6f7', GradientType=0 );
}
input[type="radio"].lbcx-radio + label span:hover{
  border: 1px solid #00a55b;
}
input[type="radio"].lbcx-radio + label p {
  color: #414141;
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
}
input[type="radio"].lbcx-radio:checked + label span{
  border: 1px solid #00a55b;
  position: relative;
}
input[type="radio"].lbcx-radio:checked + label span:before{
  content: '';
  display: inline-block;
  background: #00a55b;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.lbcx-btn-colorblue{
  border: 0;
  outline: 0;
  background: none;
  color: #0375d9;
}
.lbcx-btn-colorblue span{
  color: #323232;
}
.lbcx-btn-blue{
  border: 0;
  outline: 0;
  color: #0375d9;
  padding: 10px 30px;
  height: 39px;
  background: none;
}

.lbcx-btn-orange{
  border: 0;
  outline: 0;
  color: #fff;
  font-weight: 600;
  padding: 0 30px;
  height: 39px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: rgba(255,162,62,1);
  background: -moz-linear-gradient(top, rgba(255,162,62,1) 0%, rgba(246,142,30,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,162,62,1)), color-stop(100%, rgba(246,142,30,1)));
  background: -webkit-linear-gradient(top, rgba(255,162,62,1) 0%, rgba(246,142,30,1) 100%);
  background: -o-linear-gradient(top, rgba(255,162,62,1) 0%, rgba(246,142,30,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,162,62,1) 0%, rgba(246,142,30,1) 100%);
  background: linear-gradient(to bottom, rgba(255,162,62,1) 0%, rgba(246,142,30,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa23e', endColorstr='#f68e1e', GradientType=0 );
}
.forprocessing{
  font-size: 11px;
  font-weight: bold;
  background: #999999;
  text-transform: uppercase;
  padding: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #fff;
}
.tip{
  background: url('../images/i.png') no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 41%;
  background-size: cover;
}
.lgthumb .modal-content{
  padding: 40px 20px 20px;
}
.lgthumb .imgcase img{
  width: 100%;
  border: 1px solid #cdcdcd;
}
.lgthumb .close{
  position: absolute;
  top: 0;
  right: 10px;
}
.sent{
  text-transform: uppercase;
  background: #33b773;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 6px;
  margin: 0 5px 0 0;
  color: #fff;
}
.resent{
  text-transform: uppercase;
  background: #999999;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 6px;
  margin: 0 5px 0 0;
  color: #fff;
}
.sent::before{
  content:'';
  display: inline-block;
  background: url('../images/sent.png') no-repeat;
  width: 17px;
  height: 11px;
  background-size: cover;
  margin: 0 5px 0 0;
  position: relative;
  top: 1px;
}
.resent::before{
  content:'';
  display: inline-block;
  background: url('../images/resent.png') no-repeat;
  width: 21px;
  height: 11px;
  background-size: cover;
  margin: 0 5px 0 0;
  position: relative;
  top: 1px;
}
.consolidated{
  color: #f8a54b;
  border: 1px solid #f8a54b;
  font-size: 12px;
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}
.scrollito {overflow-y: auto; max-height: 50px;}
.setter{height: 71px;}
.for_payment{
  color: #ffd154;
  border: 1px solid #ffd154;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}
.in-transit{
  color: #20b6a7;
  border: 1px solid #20b6a7;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}
.paid{
  color: #019557;
  border: 1px solid #019557;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}
.pending{
  color: #c57218;
  border: 1px solid #c57218;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}
.rejected{
  color: #be161d;
  border: 1px solid #be161d;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}
.canceled{
  color: #f2142b;
  border: 1px solid #be161d;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}
.delivered{
  color: #008dc2;
  border: 1px solid #008dc2;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}

.in_transit{
  color: #3bbfb5;
  border: 1px solid #3bbfb5;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}

.lightgraybox{
  background-color: #cccccc;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}
.confirmed{
  background-color: #999999;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 3px;
}
.emaillogsdetails ul {
  list-style: none;
  padding: 0;
  font-size: 14px;
  margin: 0 0 0 20px;
}
.autoresponders .box-contain{
  width: 520px;
  margin: 0 0 0 20px;
}
.autoresponders .bordered-box{
  font-size: 16px;
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #dddcda;
  margin: 10px 0;
}
.autoresponders .bordered-box p{
  margin: 0 0 20px 0;
}
.autoresponders .bordered-box a{
  color: #0177d2;
  text-decoration: underline;
}
.autoresponders .packinfo{
  color: #666666;
  font-size: 20px;
  font-weight:600;
}
.autoresponders .question{
  display: block;
}
.autoresponders table{
  padding: 0px 0 0px 0;
  background-color: #f9f9f9;
  width: 80%;
  margin: 10px auto;
}
.autoresponders table tr td:first-child{
  background-color: #f4f4f4;
  padding: 5px 15px 5px 15px;
  font-weight: 600;
  border-bottom: 1px solid #ffffff;
  width: 50%;
}
.autoresponders table tr td:last-child{
  padding: 5px 15px 5px 15px;
  border: 1px solid #ffffff;
  width: 50%;
}

.status{
  padding: 7px 40px 7px 40px;
  border-radius: 5px;
  font-family: ‘Roboto’, sans-serif;
  font-size: 34px;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin: 20px auto;
}
.status.accepted{
  border: 3px solid #51ca8c;
  color: #51ca8c;
}
.autoresponders .question:before{
  content: '';
  display: inline-block;
  background: url('../images/sprite_question.png') no-repeat;
  width: 22px;
  height: 22px;
  background-size: cover;
  margin: 0 5px 0 0;
  position: relative;
  top: 3px;
}
.autoresponders .lbcx-social, .autoresponders .lbcx-footerlink{
  padding: 0;
  margin: 15px 0;
  list-style: none;
  text-align: center;
}
.emaillogsdetails .autoresponders .lbcx-social li{
  display: inline-block;
  margin: 0 10px;
  width: 40px;
}
.emaillogsdetails .autoresponders .lbcx-social li img{
  width: 100%;
}
.emaillogsdetails .autoresponders .lbcx-footerlink li{
  display: inline-block;
  margin: 0 0 0 10px;
  border-right: 1px solid #999;
  padding: 0 10px 0 0;
}
.emaillogsdetails .autoresponders .lbcx-footerlink li:last-child{
  border: 0;
}
.emaillogsdetails .autoresponders .lbcx-footerlink li a{
  color: #999999;
}
.uppcase{
  text-transform: uppercase;
}
.emaillogsdetails .footer{
  color: #999999;
}
.disInline{
  display: inline-block;
}
.disBlock{
  display: block;
}
.datepicker{
  display: block;
  position: relative;
}
.datepicker .dropdown .btn-gray{
  width: 100px;
}
.datepicker .dropdown .btn-gray:hover,
.datepicker .dropdown .btn-gray:focus{
  color: #fff;
  background: rgba(216,216,216,1);
  background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(216,216,216,1)), color-stop(100%, rgba(163,163,163,1)));
  background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  background: -o-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  background: linear-gradient(to bottom, rgba(216,216,216,1) 0%, rgba(163,163,163,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#a3a3a3', GradientType=0 );
}
.datepicker .dropdown .dropdown-menu{
  min-width: auto;
  left: auto;
  right: 0;
}
.datepicker .input-group .input-group-addon{
  display: none;
}
.dropdown .fa{
  position: relative;
  color: #fff;
  display: inline-block;
  top: 0;
  right: 0;
}
.modal-detail .modal-dialog{
  width: 850px;
}
.modal-detail .modal-dialog .modal-content{
  padding: 15px 0px;
  font-size: 14px;
}
.modal-detail .lbcx-table{
  text-align: left;
}
.modal-detail .lbcx-table tr td{
  padding: 1px 5px;
  vertical-align: bottom;
  min-height: 40px;
  overflow-wrap: anywhere;
}
.modal-detail .lbcx-table tr td:first-child{
  font-weight: 600;
  width: 150px;
}

.modal-detail .carousel {
  height: 320px;
}

.modal-detail .imgcase{
  background: url('../images/cameraicon.png') no-repeat;
  background-position: center;
  min-height: 320px;
  position: relative;
  overflow: hidden;
}
.modal-detail .imgcase img{
  width: 100%;
  border: 1px solid #cccccc;
  position: absolute;
   margin: auto;
   min-height: 100%;
   min-width: 100%;

   /* For the following settings we set 100%, but it can be higher if needed
   See the answer's update */
   left: -100%;
   right: -100%;
   top: -100%;
   bottom: -100%;
}
.modal-detail .status.active,
.item-details .status.active{
  color: #fff;
  background: #33b773;
  text-transform: uppercase;
  font-size: 11px;
  height: auto;
  padding: 3px 10px 0;
  margin: 0 5px 0 0;
  font-weight: 600;
}
.modal-detail .status.forprocessing,
.item-details .status.forprocessing{
  color: #fff;
  background: #999999;
  text-transform: uppercase;
  font-size: 11px;
  height: auto;
  padding: 3px 10px 0;
  margin: 0;
  font-weight: 600;
}
.modal-detail .lbcx-btn-colorblue{
  margin: 20px auto;
  display: block;
}
.modal-detail .tip{
  position: relative;
  left: 5px;
  top: 3px;
  display: inline-block;
}
.modal .carousel-control.left,
.modal .carousel-control.right{
  background: none;
  margin: auto;
  padding: 0;
  height: 0px;
}
.floatnone{
  float: none !important;
}
.noteBox{
  padding: 0 50px;
}
.noteBox p{
  color: #414141;
  font-size: 14px;
  margin: 10px 0;
}
.note{
  background: url('../images/quotearrow.png') no-repeat;
  background-size: contain;
}
.note div{
  width: 95%;
  padding: 20px 5px;
  margin: 0 auto;
  position: relative;
}
.note div p{
  line-height: 22px;
}
.note div span{
  font-size: 34px;
}
.lbcx-input.note-style{
  height: 44px;
  width: 100%;
  margin:10px 0;
}
.note .item-note{
  padding:0px 5px;
}
.ship-customer-details .vertical-border{
  background: #d3d9dc;
  width: 1px;
  height: 98px;
  float: left;
}
.ship-customer-details .left-content{
  width: 60%;
  min-width: 60%;
  border: 1px solid #d3d9dc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.cargodetails{
  background: #fff9f2;
  border-bottom: 1px solid #d3d9dc;
}
.cargodetails .aircargo-icon::before{
  content: '';
  display: inline-block;
  width: 36px;
  height: 34px;
  background: url('../images/aircargo.png') no-repeat;
  background-size: cover;
}
.cargodetails .aircargo-icon{
  font-size: 14px;
  font-weight: 600;
  width: 100px;
  display: inline-block;
  text-align: center;
  float: left;
  margin: 23px 0 0 0;
}
.cargodetails .seacargo-icon{
  font-size: 14px;
  font-weight: 600;
  width: 100px;
  display: inline-block;
  text-align: center;
  float: left;
  margin: 23px 0 0 0;
}
.cargodetails .seacargo-icon::before{
  content: '';
  display: inline-block;
    width: 36px;
    height: 34px;
  background: url('../images/sprite.png') no-repeat;
  background-position: 0 -36px;
}
.cargodetails .infos ul li{
  float: left;
  list-style: none;
  width: 24%;
  margin: 0 20px;
}
.cargodetails .infos ul li h3{
  font-size: 14px;
  margin: 5px 0;
}
.cargodetails .infos ul li p{
  font-size: 12px;
  margin: 0;
  word-break: break-word;
}
.box-tracking {
  margin: 30px 20px;
  padding: 0 0 20px;
  border: 1px solid #d3d9dc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.box-tracking .box-header{
  background: #fff9f2;
  height: 80px;
}
.box-tracking .box-header h2{
  font-size: 18px;
  font-weight: 700;
  margin: 30px 0;
}
.box-tracking h4{
  font-size: 14px;
  font-weight: 700;
  margin: 5px 0;
}
.box-track-infos table {
  width: 45em;
  color: #333333;
  font-size: 12px;
  table-layout: fixed;
  word-break: break-all;
}
.box-track-infos table th, .box-track-infos table td{
  padding: 5px 10px;
  width: 70px;
}
.box-track-infos table .item-name {
  width: 200px;
}
.box-track-infos table th:first-child, .box-track-infos table td:first-child{
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
.box-track-infos table tbody tr{
  border-bottom: 1px solid #e6e6ed;
}
.box-track-infos table tbody tr:last-child{
  border: 0;
}
.box-track-infos table thead{
  background-color: #fbfbfb;
  border-top: 1px solid #e6e6ed;
  border-bottom: 1px solid #e6e6ed;
}
.box-track-infos table .total{
  font-size: 14px;
  font-weight: 700;
}
.ship-dimension label{
  margin: 10px 0 0 10px;
}
.ship-dimension input{
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  text-align: center;
  width: 57px;
  height: 32px;
  background: #fff;
}
.ship-history{
  font-size: 12px;
  border: 1px solid #e2e2e2;
  border-right: 0;
  border-left: 5px solid #eaeaea;
  padding: 0 0 0 10px;
}
.ship-history p{
  font-size: 13px;
  margin: 0;
}
.ship-history .paypal span{
  font-size: 11px;
}
.ship-history .paypal{
  border-bottom: 1px dotted #999999;
}
.ship-customer-details .right-content{
  width: 37%;
  min-width: 37%;
  font-size: 14px;
  position: absolute;
    right: 20px;
    top: 140px;
}
.ship-customer-details .right-content h4 {
  font-weight: 700;
  font-size: 14px;
}
.ship-customer-details .right-content{
  background-color: #f8f8f8;
  padding: 10px 20px;
}
.ship-customer-details .right-content table{
  width: 100%;
  table-layout: fixed;
}
.ship-customer-details .right-content table td{
  padding: 3px 10px;
  border: 1px solid #e6e6ed;
  color: #333;
}

.ship-customer-details .right-content table tr:nth-child(odd){
  background-color: #fff;
}
.ship-customer-details .right-content .ship-total{
  border: 1px solid #d3d9dc;
  background-color: #fff9f2;
  padding: 15px;
}
.ship-customer-details .right-content .ship-total table td{
  border: 0;
  border-bottom: 1px solid #d3d9dc;
}
.ship-customer-details .right-content .ship-total table td:first-child{
  text-align: right;
  font-weight: 700;
}
.ship-customer-details .right-content table td:last-child{
  color: #666666;
}
.ship-customer-details .right-content .ship-total table tr:last-child td{
  border: 0;
  color: #333;
}
.ship-customer-details .right-content .ship-total table tr:nth-child(odd){
  background: none;
}
.info-note{
  font-size: 10px;
  color: #999999;
}
.info-note span{
  font-size: 14px;
  margin: 0 5px;
}
.ship-note{
  color: #e4b883;
  border-bottom: 10px #fff9f2 solid;
  margin: 0 0 0 20px;
  padding: 10px 0;
}
.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 32px;
}
.switch input {
  display:none;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  background-image: url('../images/x-bg.png');
  background-position: 38px;
  background-size: 14px;
  background-repeat: no-repeat;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #33b773;
  background-image: url('../images/check-bg.png');
  background-position: 15px;
  background-size: 14px;
  background-repeat: no-repeat;
}

input:focus + .slider {
  box-shadow: 0 0 1px #33b773;
}

input:checked + .slider:before {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.lbcx-table tr td a.delete{
  text-decoration: none;
  color: #ed1c24;
  font-size: 14px;
}
.cms p{
  margin: 0;
}
.fileupload{
  border: 1px dashed #999999;
  text-align: center;
  margin: 0 auto;
  width: 540px;
  height: 94px;
  background: #fff9f2;
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
}
.fileupload:before{
  content: '';
  display: inline-block;
  background: url('../images/cloud-upload.png') no-repeat;
  width: 48px;
  height: 39px;
  position: relative;
  top: 15px;
  margin: 10px 0 0;
}
.fileupload .btn-upload{
  display: inline-block;
  width: 160px;
  height: auto;
  position: relative;
  margin: 0 0 0 10px;
}
.fileupload span{
  position: relative;
  top: -10px;
  margin-left: 10px;
}
.fileupload span a{
  color: #0375d9;
}
.media .imgHolder{
  background: url('../images/img1.png') no-repeat;
  background-position: center;
  width: 48px;
  height: 48px;
  display: block;
}
.media .imgHolder img{
  width: 100%;
}
.media td:last-child{
  padding: 0;
}
.media .progress{
  background: #cccccc;
  height: 8px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  width: 90%;
}
.media .progress-bar{
  background: #00a550;
}
.media .progress-label{
  width: 90%;
}
.media .progress-label p{
  color: #999999;
  font-size: 12px;
}
.lbcx-input{
  border: 1px solid #e0e0e0;
  color: #414141;
  height: 38px;
  font-size: 12px;
  padding: 0 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.cms-create .datepicker .form-date{
  margin: 0 10px 0 0;
}
.cms-create h4{
  color: #414141;
  font-size: 14px;
  margin: 15px 0 5px;
}
.cms-create .datepicker .fa{
  margin: 0 0 5px 0;
}
.cms-create label{
  font-size: 14px;
  font-weight: 400;
  margin: 5px 0 0 0;
}
.sort-icon{
  display: inline-block;
  background: url('../images/sort.png') no-repeat;
  width: 13px;
  height: 19px;
}
.create-form{
  padding: 0 25px 20px;
  width: 40%;
  min-width: 40%;
  color: #414141;
}
.create-form .lbcx-textarea{
  border: 1px solid #b8c3c8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 10px;
}
.create-form textarea{
  width: 100%;
  resize: none;
  min-height: 150px;
  max-height: 150px;
  border: 0;
  outline: 0;
}
.charactercount{
  font-size: 10px;
  color: #414141;
  padding: 0 10px;
  margin: 0;
}
.create-form h4{
  font-size: 14px;
  margin: 15px 0 10px;
  font-weight: 700;
}
.create-form .bootstrap-select.btn-group .dropdown-toggle .filter-option{
  border-right: 1px solid #b7c3c9;
}
.create-form  .datepicker .form-date{
  margin: 0 10px 0 0;
}
.create-form .fileupload{
  width: 100%;
}
.mediaupload{
  border: 1px dashed #999999;
  text-align: center;
  margin: 10px auto;
  width: 100%;
  height: 94px;
  background: #fff9f2;
  vertical-align: middle;
  display: inline-block;
}
.mediaupload .imgHolder{
  float: left;
      margin: 5px;
      width: 70px;
      position: absolute;
      clip: rect(0px,100px,82px,0px);
}
.mediaupload .imgHolder img{
  width: 100%;
}
.mediaupload .lbcx-btn-colorblue{
    margin: 35px 80px;
}
.bulk-upload{
  width: 30%;
  padding: 10px;
  background: #f9f9f9;
  margin: 0 0 0 20%;
}
.bulk-upload .btn-gray{
  height: 28px;
  color: #333333;
  font-size: 11px;
  background: #bfbfbf;
}
.bulk-upload h4{
  font-size: 14px;
}
.icon-i{
  background: url('../images/iicon.png') no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  float: left;
}
.bulk-upload p{
  display: inline-block;
  width: 90%;
  float: left;
  margin: 0 0 0 10px;
}
.dottedhr{
  border-top: 1px dotted #e0e0e0;
  margin: 0 25px;
  width: 80%;
}
.create-form textarea.onelinetextarea{
  height: 42px;
  min-height: 42px;
  max-height: 100px;

  border: 1px solid #b8c3c8;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 padding: 10px;
}
span.stats{
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0px 7px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #fff;
  margin-left: 5px;
}
span.stats.greenactive{
  background: #33b773;
}
span.stats.grayinactive{
  background: #cccccc;
}
span.stats.yellow{
  background: #ffbf4f;
}
.promocode-details .promoCode{
  font-size: 20px;
  display: inline-block;
}
.promocode-details .promoType{
  margin: 0;
  font-size: 14px;
}
.promocode-details h4{
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.promocode-details h3{
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 10px;
}
.promocode-details .promoUL{
  padding: 0 0 0 25px;
  margin: 0;
  width: 81%;
  min-width: 81%;
}
.promocode-details .promoUL li{
  list-style: none;
  position: relative;
  border-bottom: 1px dotted #999999;
  padding: 3px 0;
}
.promocode-details .promoUL li span.colorblue{
  color: #428bca;
}
.promocode-details .promoUL li a.download{
  color: #428bca;
  font-size: 13px;
}
.promocode-details .promoUL li a.download:before{
  content: "\f019";
  font-family: 'FontAwesome';
  margin: 0 5px 0 0;
}
.promocode-details .promoUL li:last-child{
  border: none;
}
.promocode-details .promoUL li ul{
  padding: 0 0 0 13px;
}
.promocode-details .promoUL li ul li{
  border: none;
  list-style: disc;
  padding: 0;
  margin: 0;
}
.promocode-details .promoUL li ul li:before{
  display: none;
}
.promocode-details .promoUL li:before{
  content: "\f00c";
  font-family: 'FontAwesome';
  position: absolute;
  left: -20px;
  color: #40b262;
  font-size: 16px;
}
.promocode-details .promoUL li p.label{
  font-size: 11px;
  color: #999999;
  margin: 0;
  font-weight: normal;
  padding: 0;
  text-transform: uppercase;
}
.promocode-details .promoUL li p.output{
  font-size: 14px;
  color: #333333;
  margin: 0;
  font-weight: bold;
  padding: 0;
}
.promocode-details .promoUL li .datepicker .form-date{
  margin: 0;
}
.promocode-details .promoUL li .datepicker .form-date .form-control{
  height: 28px;
  padding: 8px;
}
.promocode-details .promoUL li .datepicker .form-date p.form-control{
  padding: 4px 8px;
  margin: 0 5px;
  width: 110px;
}
.promocode-details .promoUL li .datepicker .dash{
  font-size: 18px;
}
.promocode-details .lbcx-btn-colorblue{
  font-size: 14px;
  margin: 3px 0 0 0;
}
.promocode-details .graybox{
  background: #f9f9f9;
  padding: 0px 15px 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.promocode-details .graybox table{
  width: 100%;
}
.promocode-details .graybox table tr{
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
}
.promocode-details .graybox table tr:first-child{
  border-top: 1px solid #f0f0f0;
}
.promocode-details .graybox table tr:nth-child(odd){
  background-color: #f8f9f9;
}
.promocode-details .graybox table tr:nth-child(odd) td:last-child{
  background-color: #fcfdfd;
}
.promocode-details .graybox table tr:nth-child(even){
  background-color: #f5f5f5;
}
.promocode-details .graybox table tr:nth-child(even) td:last-child{
  background-color: #f9f9f9;
}
.promocode-details .graybox table tr td:first-child{
  text-align: right;
}
.promocode-details .graybox table tr td{
  padding: 15px 15px;
}
td.promotion-description {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.useraccess{
  width: 80px;
  display: block;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 3px;
  text-transform: uppercase;
}
.useraccess.sadmin{
  background: #333333;
}
.useraccess.admin{
  background: #999999;
}
.useraccess.customer{
  background: #cccccc;
}
.userlogs{
  width: 700px;
  margin: 0 auto;
  padding: 0 0 30px;
}
.userlogs .date{
  font-size: 12px;
  float: left;
  margin: 35px 0px 0 0;
}
.userlogs .line-container{
  float: left;
  width: 65px;
  height: 110px;
  margin: 0px 20px 0px;
  position: relative;
}
.userlogs .box:last-child .line-container{
  height: 84px;
}
.userlogs .line-container .line{
  z-index: 1;
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #ccc;
}
.userlogs .circle-time{
  border: 1px solid #cccccc;
  padding: 25px 0;
  border-radius: 50px;
  text-align: center;
  width: 65px;
  height: 65px;
  vertical-align: middle;
  font-size: 12px;
  display: block;
  position: relative;
  z-index: 9;
  margin: 10px 0 0;
  background: #fff;
}
.userlogs .logs-message{
  float: right;
  border: 1px solid #cccccc;
  background: #fcfdfd;
  width: 510px;
  padding: 5px 10px 10px 30px;
  position: relative;
  height: max-content;
  height: moz-max-content;

}
.userlogs .logs-message:before {
  content: '';
  display: inline-block;
  background: url('../images/mini-arrow.png') no-repeat;
  width: 6px;
  height: 11px;
  position: absolute;
  left: -6px;
  top: 35px;
}
.userlogs .logs-message hr{
  margin: 5px 0;
  border-top: 1px solid #f1f1f1;
}
.userlogs .logs-message p{
  margin: 0;
}
.user-create{
  margin: 30px 0 30px 20px;
}
.user-create h3{
  margin: 0 0 30px;
  font-size: 14px;
  font-weight: 700;
}
.user-create h4{
  font-size: 14px;
  margin: 0 0 5px;
  font-weight: 700;
}
.user-create input{
  margin: 0 0 30px;
  width: 100%;
}
.user-create .box{
  width: 25%;
}
.username h2{
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  margin: 0;
}
.username p{
  font-size: 14px;
  font-weight: 300;
  display: block;
  margin: 5px 0;
}
.collapse-box{
  border-top: 1px solid #d3d9dc;
  padding: 20px;
}
.collapse-box:nth-child(4){
  border-bottom: 1px solid #d3d9dc;
}
.collapse-box:last-child{
  border-bottom: 1px solid #d3d9dc;
}
.collapse-box:nth-child(even){
  background: #fcfdfd;
}
.collapse-content{
  display: none;
  margin: 30px 0 0 0;
}
.collapse-box.opened{
  background: #fff9f2;
}
.collapse-box h2{
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.collapse-content h4{
  font-size: 14px;
  font-weight: 700;
  margin: 10px 0 5px;
}
.collapse-content .wdsmall{
  width: 50px;
}
.location-list {
  margin: 20px 0;
}
.location-list .box{
  padding: 20px 15px;
}
.location-list .box:nth-child(odd){
  background: #fcfdfd;
}
.location-list .box{
  border-bottom: 1px solid #d3d9dc;
  font-size: 14px;
}
.location-list .box p{
  margin: 0;
  font-weight: 600;
}
.location-list .box:first-child{
  border-top: 1px solid #d3d9dc;
}
.linkbtn{
  color: #0375d9;
  font-size: 14px;
  margin: 0 10px;
}
.flag{
  width: 30px;
  height: 20px;
  display: inline-block;
  margin: 0 10px 0 0;
  float: left;
  position: relative;
  top: 2px;
}
.flag.us{
  background: url('../images/us.png') no-repeat;
}
.flag.uk{
  background: url('../images/uk.png') no-repeat;
}
.flag.malaysia{
  background: url('../images/malaysia.png') no-repeat;
}
.flag.au{
  background: url('../images/au.png') no-repeat;
}
.flag.kr{
  background: url('../images/kr.svg') no-repeat;
  background-size: cover;
}
.flag.jp{
  background: url('../images/jp.svg') no-repeat;
  background-size: cover;
}
.addlocation h3, .addlocation h4{
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.uploadimgcase{
  width: 165px;
  height: 165px;
  border: 1px dashed #d2d2d2;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 0 20px 0 0;
}
.uploadimgcase .imgHolder img{
  width: 100%;
}
.uploadimgcase .imgHolder .fa{
  font-size: 50px;
  color: #9e9e9e;
  margin: 45px 0 5px;
}
.uploadimgcase .imgHolder .lbcx-btn-colorblue{
  margin: auto;
  width: 120px;
}
.lbcx-search{
  border: 1px solid #e0e0e0;
  background: #fff;
  width: 445px;
  height: 43px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
}
.lbcx-search.disabled .textbox{
  background: #f2f2f2;
}
.lbcx-search.disabled button{
  cursor: default;
}
.lbcx-search.disabled .txtlabel, .lbcx-search.disabled input{
  opacity: 0;
}
.lbcx-search .textbox{
  width: 77.4%;
  padding: 0 0 0 10px;
  height: 41px;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}
.lbcx-search input{
  margin: 7px 0;
  width: 100%;
  max-width: 155px;
  min-width: 150px;
  padding: 3px 10px 0 0;
  border: 0;
  outline: 0;
}
.lbcx-search .btn-search{
  font-size: 25px;
  right: 7px;
  top: 6px;
}
.lbcx-search .txtlabel{
  margin: 0 10px 0 0;
  padding: 10px 0;
  color: #414141;
  font-weight: 500;
}
.lbcx-search .txtlabel span{
  margin: 0 0 0 10px;
  color: #999999;
  font-weight: lighter;
}
.lbcx-search .dropdown.mainselect{
  height: 43px;
  width: 100px;
  margin: 0;
  border-right: 1px solid #e0e0e0;
}
.lbcx-search .dropdown.mainselect a{
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  color: #414141;
  padding: 10px;
  display: block;
}
.lbcx-search .dropdown.mainselect a .fa{
  color: #999999;
  font-size: 18px;
  font-weight: 800;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 19px;
  right: 10px;
}
.lbcx-search .dropdown-menu{
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.lbcx-search .dropdown-submenu, .lbcx-search .dropdown-submenu li{
  position:relative;
  border-bottom: 1px solid #f1f3f5;
}
.lbcx-search .dropdown-submenu:last-child{
  border-bottom: none;
}
.lbcx-search .dropdown-submenu .dropdown-menu{
  top:0;
  left:100%;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
  box-shadow: none;
}
.lbcx-search .dropdown.mainselect .dropdown-submenu > a,
.lbcx-search .dropdown.mainselect .dropdown-menu > li > a{
  font-size: 13px;
  padding: 15px 10px;
  display: block;
  position: relative;
}
.dropdown-submenu > a:after{
  font-family: 'FontAwesome';
  font-size: 16px;
  content: "\f105";
  float: right;
  margin-top: 0;
  right: 10px;
  color: #eeeeee;
  position: absolute;
}
.lbcx-search .dropdown-submenu.pull-left{
  float: none;
}
.lbcx-search .dropdown-submenu.pull-left>.dropdown-menu{
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.lbcx-search .dropdown-menu > li:first-child{
  border-radius: 4px 4px 0 0;
}
.lbcx-search .dropdown-menu > li:last-child{
  border-radius: 0px 0px 4px 4px;
}
.lbcx-search .dropdown-menu > li:hover, .lbcx-search .dropdown-menu > li:focus{
  background: #f1f3f5;
}
.lbcx-search .dropdown-menu > li > a:hover, .lbcx-search .dropdown-menu > li > a:focus{
  background: none;
}
.lbcx-search .dropdown-menu > li:hover > a:after, .lbcx-search .dropdown-menu > li:focus > a:after{
  color: #999999;
}


.lbcx-info{
  color: #333;
  font-size: 12px;
  background-color: #E5F1FB;
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
}
.lbcx-successful{
  color: green;
  font-size: 12px;
  border: 1px solid green;
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
}
.lbcx-error{
  color: red;
  font-size: 12px;
  border: 1px solid red;
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
}
.lbcx-successfulP{
  color: green;
  font-size: 12px;
  border: 1px solid green;
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
    right: 440px;
    bottom: 25px;
}
.lbcx-errorP{
  color: red;
  font-size: 12px;
  border: 1px solid red;
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
    /*right: 440px;*/
    right: 473px;
    bottom: 25px;
}
.lbcx-successfulbulk{
  color: green;
  font-size: 12px;
  border: 1px solid green;
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  right: 10px;
  bottom:43px;
}
.lbcx-errorbulk{
  color: red;
  font-size: 12px;
  border: 1px solid red;
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  right: 10px;
  white-space: pre-line;
}
.lbcx-searchresults{
  font-size: 16px;
  font-style: italic;
}
.lbcx-searchresults span{
  font-weight: 700;
}


/*zein added*/

.margin-bottom-60{
  margin-bottom: 60px !important;
}

.dropdown-menu.post-page {min-width: 145px !important;}
.dropdown-menu.post-page li {border-bottom: 1px solid #f1f3f5;}
.dropdown-menu.post-page li:last-child {border-bottom: none;}

.bold label {font-weight: bold;}
.bold2 {font-weight: bold;}

.nodeco {text-decoration: none; color: inherit;}

.greencheck {color:#55B975;}

.note-group-select-from-files {
  display: none;
}

.error-text {border-color: red !important;}
.lbcx-form label.error-label ,label.error-label { color: red !important; margin: 0 5px !important; font-weight: normal !important; font-size: 12px; display: block;}

.gray-draft{
  color: gray;
}

.name span{
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-left: 10px;
  color: #fff;
}

 span.archived{
  background: #999999;
}
 span.active{
  background: #33b773;
}
 span.vip{
  background: #ffc629;
}
span.vip:before{
  content: '';
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url('../images/crown.png') no-repeat;
  background-size: cover;
  margin: 0 3px 0 0;
}
#search_label{
  text-transform: capitalize;
}

 .notify .sc-alert.sc-alert-danger {
    margin: 0px 0px 20px 20px;
    width: max-content;
}

.sc-alert.sc-alert-danger {
    background-color: #fff6f7;
    border-color: #ffdbdc #ffdbdc #ffdbdc #ed1c24;
    width: max-content;
    width: -moz-max-content;
}
.sc-alert {
    color: #414141;
    border-radius: 5px;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    padding: 8px 25px 8px 12px;
    min-width: 100px;
}

.sc-alert.sc-alert-danger i.sc {
    background-position: -66px -33px;
    height: 20px;
    width: 20px;
}

.sc-alert i.sc {
    margin-right: 5px;
    vertical-align: middle;
}

.sc {
    background-image: url('../images/sprite2.png');
    background-repeat: no-repeat;
}
.sc {
    display: inline-block
}
.sc-alert {
    color: #414141;
}

/* Item details page */
.item-detail-image img{
  width: 100%;
}

/* Shipment Details confirmation modal */
.confirmation-modal {
  width: 30em;
}
.confirmation-modal .close {
  background: #414141;
  color: white;
  opacity: 1;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  top: -10px;
  right: -10px;
  position: absolute;
}

.confirmation-modal .modal-body {
  text-align: center;
}

.confirmation-modal .cancel {
  text-decoration: underline;
}
.modal-action {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 0;
}
.modal-action > * {
  margin: 10px;
}

.btn-cancel {
  margin: 5px;
  background: #e0e0e0;
  border: none;
  padding: 5px 10px;
  box-shadow: 1px 1px 3px #958989;
  border-radius: 6px;
}

.btn-cancel:hover {
  box-shadow: none;
}

.disabled {
  background: rgb(235, 235, 228) !important;
}

/* Item details */
.item-details {
  padding: 30px 0;
}

.item-details .lbcx-table tr td:first-child {
  text-align: right;
  width: 27%;
}

.item-details .note {
  padding: 10px;
}

.item-last-update {
  margin-top: 10px;
  border-top: 1px solid #f0f0f0;
  padding: 10px 0;
}

.item-details .item-dimensions input {
  text-align: center;
}
.item-update-button {
  padding: 30px;
}

.item-details .customer-acct .fa-spin {
  margin-left: -20px;
}

.autosuggest {
  position: absolute;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 0;
  list-style-type: none;
  z-index: 5;
}

.autosuggest > li {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px;
  cursor: pointer;
}

.autosuggest > li > span {
  font-style: italic;
  font-size: 12px;
  margin-left: 5px;
}

.autosuggest > li:last-child {
  border: none;
}

/* Item details gallery */
.item-details .thumbnails{
  padding: 0;
}

.item-details .thumbnails > div {
  position: relative;
  display: flex;
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #f0f0f0;
}

.item-details .thumbnails > div > img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  transform: scale(1.6);
}

.item-details .thumbnails > .add-image {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #a3a3a3;
  margin-bottom: 10px;
}

.item-details .thumbnails > .upload-progress > .overlay{
  position: absolute;
  background: #fafafaa6;
  width: 100%;
  height: 100%;
  z-index: 9;
  transform: scale(1.3);
}

.item-details .selected > img {
  border: 1px solid #f0f0f0;
  width: 100%;
}

.item-details .selected > .delete-image > i{
  margin-right: 10px;
  color: #a3a3a3;
}

.image-note{
font-size: 12px;
margin: 0;
line-height: 1;
font-weight: 600;
}

.icon-hope{
  height: 20px;
  width: 20px;
  background: url(../images/project-hope-icon.png) no-repeat center;
  background-size: 12px;
  position: absolute;
}
.tag-item{
  margin-top: -215px;
  padding: 20px;
}
.child-collapse-box{
  border-bottom: 1px solid #d3d9dc;
  padding: 20px;
}
.child-collapse-box:nth-child(1){
  border-top: 1px solid #d3d9dc;
}
.child-collapse-box:nth-child(even){
  background: #fcfdfd;
}
.child-collapse-content{
  /* display: none; */
  margin: 30px 0 0 0;
}
.child-collapse-box.opened{
  background: #fff9f2;
}
.child-collapse-box h2{
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  text-transform: capitalize;
}
.modal-log .modal-dialog{
  width: 70%;
}
.modal-log .modal-dialog .modal-content{
  padding: 15px 0px !important;
  font-size: 14px !important;
}
.modal-log .lbcx-table tr th{
  padding: 14px 18px;
}
.modal-log .lbcx-table{
  text-align: left !important;
}
.modal-log .lbcx-table tr td{
  padding: 10px 15px !important;
  min-height: 40px !important;
}
.modal-log .lbcx-table tr td:first-child{
  font-weight: 600 !important;
  width: 150px !important;
}
.align-top {
  vertical-align: top;
}
.lbcx-table pre {
  max-width: 425px;
  white-space: pre-wrap;
}
.tag-item{
  margin-top: -215px;
  padding: 20px;
}
.tag-title{
  top: 60px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 700;
}
.tag-body{
  margin-bottom: 10px;
  margin-left: 120px;
}
.load-more {
  cursor: pointer;
  text-align: center;
  padding: 10px;
}
.icon-damaged {
  height: 20px;
  width: 20px;
  background: url(../images/damageFlag.svg) no-repeat center;
  background-size: 12px;
}
.reupload-rma {
  background-color: #FEF6E7;
  border: 1px dashed #FEAB10;
  border-radius: 3px;
  padding: 10px;
  margin: 10px 0px;
  text-align: center;
}
.icon-vas {
  height: 18px;
  width: 18px;
  background-image: url(../images/icon-admin-vas.svg);
}

.text-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.loader-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0,0,0, .3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #AA0E0E;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.icon-mid-mile {
  height: 18px;
  width: 18px;
  background-image: url(../images/icon-admin-midmile.svg);
}