.fixed-width40px{
  width: 40px !important;
}
.screen {
  position:absolute;
  top:0;
  right:0;
  height:100%;
  width:100%;
  margin:0px auto;
  background-color:#3B3B3B;
}
.screen.login {
  padding:5mm;
}
.login-account-container {
  height:20%;
  background:#353535;
  border-radius:3px;
}
.login-account-text {
  width:100%;
  height:100%;
  font-size:15vh;
  color:#FFF;
  text-align:center;
  background:#3B3B3B;
  border:3px solid #FFF;
  letter-spacing:5.5vw;
  text-indent:5.5vw;
}
.screen-button-cotainer {
  float:left;
  width:25%;
  height:20%;
}
.screen-button-cotainer-height2x {
  height:40%;
  float:right;
}
.screen-button-cotainer-height3x {
  height:60%;
  float:right;
}
.screen-button-cotainer-width2x {
  width:50%;
}
.screen-button-cotainer-width3x {
  width:75%;
}
.screen-button {
  float:left;
  width:100%;
  height:90%;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#FFF;
  text-align:center;
  background:#3B3B3B;
  border-radius:3px;
  position:relative;
  top:100%;
  transform:translateY(-100%);
  font-size:7vh;
}
.screen-button:active {
  color:#F4F822;
  font-size:10vh;
}
.screen-button-gray {
  background:#6f6f6f;
  background-image:-webkit-linear-gradient(top,#6f6f6f,#515151);
  background-image:-moz-linear-gradient(top,#6f6f6f,#515151);
  background-image:-o-linear-gradient(top,#6f6f6f,#515151);
  background-image:linear-gradient(to bottom,#6f6f6f,#515151);
}
.screen-button-gray:active {
  background:#555;
}
.screen-button-red {
  background:#25CB55;
}
.screen-button-red:active {
  background:#25CB55;
}
.screen-button-yellow {
  background:#00B5FF;
}
.screen-button-yellow:active {
  background:#00B5FF;
}
.screen-button-blue {
  color:#E51C23;
}
.screen-button-blue:active {
  color:#00B5FF;
}
.screen-button-green {
  color:#25CB55;
}
.screen-button-green:active {
  color:#0E0E0E;
}
.screen-button-hot {
  background:#a50606;
  background-image:-webkit-linear-gradient(top,#e32020,#a50606);
  background-image:-moz-linear-gradient(top,#e32020,#a50606);
  background-image:-o-linear-gradient(top,#e32020,#a50606);
  background-image:linear-gradient(to bottom,#e32020,#a50606);
}
.screen-button-hot:active {
  background:#a50606;
}
.bgc-21 {
  background-color:#3B3B3B !important;
}
.height100 {
  height:100% !important;
}
.lt-ie8 .calc-display-input {
  width:152px;
}
/* border-box fix */
.lt-ie7 .calc-row {
  margin-left:-7px;
}
/* first-child fix */


.calc-button-height2x {
  height:95%;
}
.calc-button-height3x {
  height:96.667%;
}
.scanning-cotainer {
  margin:0 auto;
  position:relative;
  top:50%;
  transform:translateY(-50%);
  width:40%;
  height:20%;
}
.scanning-cotainer label {
  position:relative;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  text-align:center;
  color:#32c5d2;
  font-size:10vh;
}
.scanning-value {
  position:absolute;
  background-color:#3B3B3B;
  color:#3B3B3B;
  border-style:none;
  outline:none
}
.no-padding {
  padding:0px;
}
.calc-form-group {
  float:left;
  margin-bottom:1.2vh;
  width:49.5%;
  height:auto;
  color:#FFF;
}
.calc-form-group-item {
  float:left;
  border-style:none;
  border-radius:0px !important;
  height:6vh;
  line-height:6vh;
  font-size:3vh;
}
.calc-form-group-button {
  height:6vh;
  width:8vw;
  font-size:2.5vh !important;
  font-weight:bolder !important;
  margin-right:2vw;
}
.calc-form-group-label {
  margin-bottom:0px !important;
  padding:1px 0 1px 0;
  width:35%;
}
.calc-form-group-required {
  float:none;
  color:red;
}
.calc-form-group-input {
  width:60%;
  color:#3B3B3B;
}
.calc-form-group-content {
  width:65%;
}
.calc-form-group-datarange {
  width:25%;
  color:#3B3B3B;
}
.calc-form-group-datato {
  padding:1px 0 1px 0;
  margin-bottom:0px !important;
  width:10%;
  background-color:#AAA;
  text-align:center;
}
.calc-form-group-checkbox {
  float:left;
  display:block;
  zoom:2;
  width:auto;
  height:3vh;
  line-height:3vh;
  margin-top:0px !important;
}
.width-auto {
  width:auto;
}
.width-100-percent {
  width:100%;
}
.width-17-point-5-percent {
  width:17.5%;
}
.width-82-point-5-percent {
  width:82.5%;
}
.input-daterange-adjust {
  width:49.5% !important;
  display:block !important;
}
#softkey {
  position:absolute;
  bottom:0px;
  height:245px;
  width:100%;
  margin-left:0px;
  left:0px;
}
#virtualKeyboard {
  transform:scale(1.573,1.5);
  margin:auto;
  position:absolute;
  top:0;
  left:50%;
}
.scanning-submit {
  display:none;
}
.background-color-transparent {
  background-color:transparent !important;
}
.toast-message {
  font-size:2vh;
}
#menu {
  height:106px;
  width:100%;
  background-color:#3B3B3B;
  position:fixed;
  bottom:0px;
}
#menu-icons-left,#menu-icons-right {
  float:left;
  height:100%;
  width:calc((100% - 350px) / 2);
}
#menu-icons-left .menu-icon-container {
  float:left;
}
#menu-icons-right .menu-icon-container {
  float:left;
}
.menu-icon-container {
  height:100%;
  width:20%;
}
.menu-icon {
  display:block !important;
  height:42px;
  width:42px;
  margin:0px auto;
  margin-top:25px;
  /*background-image:url("../img/screen-icon-car.png");
  */
  background-repeat:no-repeat;
  background-size:100% 100%;
  -moz-background-size:100% 100%;
  color:#E51C23;
}
#menu-info {
  float:left;
  height:100%;
  width:350px;
}
#menu-info-profile-container {
  float:left;
  height:108px;
  width:25%;
  padding-left:15px;
}
#menu-info-profile {
  position:relative;
  top:47.5%;
  transform:translateY(-50%);
  height:54px;
  width:54px;
  margin:0 auto;
  /*background-image:url("../img/screen-icon-default-profile.png");
  */
  background-repeat:no-repeat;
  background-size:100% 100%;
  -moz-background-size:100% 100%;
  color:#E51C23;
}
#menu-info-personal-container {
  float:left;
  height:108px;
  width:70%;
}
#menu-info-personal {
  position:relative;
  top:50%;
  transform:translateY(-50%);
  height:54px;
  width:100%;
}
#menu-info-personal-name {
  height:27px;
  line-height:27px;
  font-size:16px;
  color:#E51C23;
}
#menu-info-personal-department {
  height:27px;
  line-height:27px;
  font-size:16px;
  color:#E51C23;
}
#sidebar {
  width:580px;
  background-color:#0E0E0E;
  position:absolute;
  top:0px;
  bottom:108px;
  left:0px;
}
#sidebar-title {
  height:128px;
  width:100%;
}
#sidebar-title-left-container {
  float:left;
  height:128px;
  width:184px;
}
#sidebar-logo {
  float:left;
  margin-top:20px;
  margin-left:20px;
  height:64px;
  width:164px;
}
#sidebar-datetime {
  float:left;
  margin-top:5px;
  margin-left:20px;
  height:24px;
  width:164px;
  font-size:16px;
  color:white;
  line-height:24px;
  text-align:center;
}
#sidebar-title-right-container {
  float:right;
  height:128px;
  width:396px;
}
#sidebar-pagename-chinese {
  float:right;
  margin-top:20px;
  margin-right:30px;
  height:64px;
  width:376px;
  color:white;
  font-size:40px;
  line-height:64px;
  text-align:right;
}
#sidebar-pagename-english {
  float:right;
  margin-top:5px;
  margin-right:30px;
  height:24px;
  width:376px;
  font-size:16px;
  color:white;
  line-height:24px;
  text-align:right;
}
#sidebar-line {
  height:2px;
  width:95%;
  background-color:white;
  margin:0 auto;
}
#sidebar-body {
  height:calc(100% - 128px - 2px);
  width:100%;
  overflow-x:hidden;
  overflow-y:scroll;
}
#sidebar-body::-webkit-scrollbar {
  display:none;
}
.sidebar-sales-order {
  float:left;
  height:100px;
  width:270px;
  margin:10px;
  border:2px solid #FFF;
  border-radius:10px;
}
.sidebar-sales-order.scanned {
  border-color:#E51C23;
}
.sidebar-sales-order.scanned > * {
  color:#E51C23;
}
.sidebar-sales-order.distributed {
  border-color:#25CB55;
}
.sidebar-sales-order.distributed > * {
  color:#25CB55;
}
.sidebar-sales-order.reversed {
  border-color:#D0021B;
}
.sidebar-sales-order.reversed > * {
  color:#D0021B;
}
/*#content {
  width:calc(100% - 580px);
  background-color:#50b19f;
  position:absolute;
  top:0px;
  bottom:108px;
  left:580px;
}
*/
#content-left-line {
  float:left;
  width:2px;
  height:100%;
  background-color:white;
}
#sales-order-operatings {
  display:table;
  float:left;
  height:128px;
  width:calc(100% - 2px);
  overflow-x:hidden;
  overflow-y:scroll;
  white-space:nowrap;
}
.sales-order-operating {
  float:left;
  height:108px;
  width:calc((100% - 80px) / 4);
  margin:10px;
  border:2px solid white;
  border-radius:10px;
}
.sales-order-operating:active,.sales-order-operating:active > * {
  color:#00B5FF;
  border-color:#00B5FF;
}
.sales-order-operating-chinese {
  float:left;
  text-align:center;
  height:68px;
  line-height:78px;
  width:100%;
  color:white;
  font-size:35px;
}
.sales-order-operating-english {
  float:left;
  text-align:center;
  height:40px;
  line-height:40px;
  width:100%;
  color:white;
  font-size:15px;
}
#sales-order-list-left {
  margin:10px;
  float:left;
  width:calc((100% - 48px) / 2);
  height:calc(100% - 148px);
  min-height:calc(100% - 148px);
  overflow-x:hidden;
  overflow-y:scroll;
  border:2px solid white;
  border-radius:10px;
}
#sales-order-list-left::-webkit-scrollbar {
  display:none;
}
#sales-order-list-right {
  margin:10px;
  float:left;
  width:calc((100% - 48px) / 2);
  height:calc(100% - 148px);
  min-height:calc(100% - 148px);
  overflow-x:hidden;
  overflow-y:scroll;
  border:2px solid white;
  border-radius:10px;
}
#sales-order-list-right::-webkit-scrollbar {
  display:none;
}
.order-detail {
  float:left;
  height:72px;
  width:100%;
  font-size:20px;
  color:white;
  border-bottom:2px solid white;
}
.order-detail-info {
  float:left;
  width:calc(100% - 154px);
  text-align:center;
}
.order-detail-name {
  height:48px;
  width:100%;
  line-height:24px;
  font-size:24px;
  display:table;
}
.order-detail-name span {
  display:table-cell;
  vertical-align:middle;
}
.order-detail-specification {
  float:left;
  height:20px;
  width:100%;
  line-height:20px;
  font-size:15px;
}
.order-detail-size {
  float:left;
  height:68px;
  width:50px;
}
.order-detail-size-text {
  float:left;
  height:20px;
  width:50px;
  line-height:20px;
  font-size:15px;
  text-align:center;
}
.order-detail-size-number {
  float:left;
  height:48px;
  width:50px;
  line-height:48px;
  font-size:24px;
  text-align:center;
}
@font-face {
  font-family:"Fertigo";
  font-style:normal;
  font-weight:normal;
  src:url("Fertigo Pro Regular.ttf") format("truetype");
}
.font-family-Fertigo {
  font-family:"Fertigo";
}
.font-family-heiti {
  font-family:"黑体";
}
#header {
  height:108px;
  width:100%;
  background-color:#3B3B3B;
}
#header-pageinfo {
  float:left;
  height:108px;
  width:500px;
  border-right:2px #E51C23 solid;
}
#pageinfo-left-container {
  float:left;
  height:108px;
  width:198px;
}
#pageinfo-right-container {
  float:right;
  height:108px;
  width:300px;
}
#pageinfo-logo {
  float:left;
  margin-top:10px;
  margin-left:20px;
  height:64px;
  width:164px;
}
#pageinfo-datetime {
  float:left;
  margin-top:5px;
  margin-left:20px;
  height:24px;
  width:164px;
  font-size:16px;
  color:#E51C23;
  line-height:24px;
  text-align:center;
}
#pageinfo-pagename-chinese {
  float:right;
  margin-top:10px;
  margin-right:30px;
  height:64px;
  width:376px;
  color:#E51C23;
  font-size:40px;
  line-height:64px;
  text-align:right;
}
#pageinfo-pagename-english {
  float:right;
  margin-top:5px;
  margin-right:30px;
  height:24px;
  width:376px;
  font-size:16px;
  color:#E51C23;
  line-height:24px;
  text-align:right;
}
#header-options {
  float:left;
  height:108px;
  width:calc(100% - 500px);
}
.header-option {
  float:left;
  height:88px;
  width:calc((100% - 80px) / 4);
  margin:10px;
  border:2px solid #E51C23;
  border-radius:10px;
}
.header-option:active,.header-option:active > * {
  color:#D1654E;
  border-color:#D1654E;
}
.header-option-chinese {
  float:left;
  text-align:center;
  height:58px;
  line-height:58px;
  width:100%;
  color:#E51C23;
  font-size:35px;
}
.header-option-english {
  float:left;
  text-align:center;
  height:30px;
  line-height:20px;
  width:100%;
  color:#E51C23;
  font-size:15px;
}
#dividing-line {
  float:left;
  height:2px;
  width:100%;
  background-color:#E51C23;
}
#content {
  height:calc(100% - 108px - 108px - 2px);
  width:100%;
  overflow-x:hidden;
  overflow-y:scroll;
}
#content::-webkit-scrollbar {
  display:none;
}
.sales-order {
  float:left;
  height:100px;
  width:31.3%;
  margin:1% 1% 0% 1%;
  border:2px solid #FFF;
  border-radius:10px;
}
.sales-order-customer {
  float:left;
  height:50px;
  width:260px;
  color:#FFF;
  font-size:18px;
  text-align:center;
  display:table;
  border-radius: 10px;
}
.sales-order-customer span {
  display:table-cell;
  vertical-align:middle;
  font-weight:bolder;
  border-radius: 10px;
}
.sales-order-inputer,.sales-order-datetime {
  float:right;
  padding-right:15px;
  height:25px;
  width:calc(100% - 260px);
  color:#FFF;
  font-size:13px;
  text-align:right;
  line-height:30px;
  border-radius: 5px;
}
.sales-order-detail,.sales-order-remark {
  float:left;
  margin-left:10px;
  height:20px;
  width:95%;
  color:#FFF;
  font-size:13px;
  text-align:left;
  line-height:30px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  border-radius: 5px;
}
#sales-products {
  float:left;
  height:100%;
  width:50%;
  border-right:2px solid #E51C23;
  overflow-x:hidden;
  overflow-y:scroll;
}
#sales-products::-webkit-scrollbar {
  display:none;
}
#scanned-products {
  position:relative;
  float:left;
  height:calc(100% - 42px);
  width:calc(50% - 2px);
  overflow-x:hidden;
  overflow-y:scroll;
}
#scanning-console {
  float:left;
  bottom:0px;
  width:50%;
  height:40px;
  border-top:2px solid #E51C23;
  background-color:#3B3B3B;
}
#scanned-products::-webkit-scrollbar {
  display:none;
}
#scanning-products {
  position:relative;
  float:left;
  height:100%;
  width:50%;
}
.sales-product,.scanning-product {
  float:left;
  width:48%;
  margin:8px 1% 0px 1%;
  height:88px;
  border:2px solid #FFF;
  border-radius:10px;
}
.sales-product-name,.sales-product-specification {
  float:left;
  height:48px;
  line-height:24px;
  font-size:22px;
  font-weight:bold;
  display:table;
}
.sales-product .sales-product-name {
  width:70%
}
.scanning-product .sales-product-name {
  width:70%
}

.sales-product-specification {
  width:30%;
}
.sales-product-amount,.sales-product-oddment,.sales-product-size {
  float:left;
  width:31.3%;
  height:30px;
  margin:0% 1% 0% 1%;
  line-height:30px;
  font-size:18px;
  font-weight:bold;
  display:table;
}
.sales-product-name span,.sales-product-specification span,.sales-product-amount span,.sales-product-oddment span,.sales-product-size span {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  color:#FFF;
}
#scanning-code {
  float:left;
  width:40%;
  height:40px;
  line-height:40px;
  padding-left:5px;
  font-size:20px;
  color:#E51C23;
  text-align:left;
}
#scanning-amount,#scanning-weight,#scanning-oddment {
  float:left;
  width:20%;
  height:40px;
  line-height:40px;
  padding-right:5px;
  font-size:20px;
  color:#E51C23;
  text-align:right;
}
/*.screen-icons {
  background:url(../img/screen-icons.png)
}
.screen-icons.truck {
  background-position:0px 0px;
  transform:scale(0.5,0.5);
}
.screen-icons.normal-order {
  background-position:-100px 0px;
  transform:scale(0.5,0.5);
}
.screen-icons.cancel-order {
  background-position:-300px 0px;
  transform:scale(0.5,0.5);
}
.screen-icons.logout {
  background-position:-200px 0px;
  transform:scale(0.5,0.5);
}
*/
.menu-icon-text {
  width:100%;
  height:20px;
  color:#E51C23;
  font-size:15px;
  text-align:center;
}
.menu-icon.active,.menu-icon-text.active {
  color:#D1654E;
}

.sales-order.ordered,.sales-product.ordered {
  border-color:#ec8484 !important;
  background-color:#E51C23 !important;
}
.sales-order.ordered span,.sales-order.ordered > *,.sales-product.ordered span,.sales-product.ordered > * {
  background-color:#E51C23 !important;
  color:#FFF;
}

.sales-order.ordered.delivery-unread,.sales-product.ordered.delivery-unread {
  border-color:#ec8484 !important;
  background-color:#E51C23 !important;
}
.sales-order.ordered.delivery-unread span,.sales-order.ordered.delivery-unread > *,.sales-product.ordered.delivery-unread span,.sales-product.ordered.delivery-unread > * {
  color:#FFF !important;
}

.sales-order.scanned,.sales-product.scanned {
  border-color:#e0e49f !important;
  background-color:#EBEF03 !important;
}
.sales-order.scanned span,.sales-order.scanned > *,.sales-product.scanned span,.sales-product.scanned > * {
  color:#3B3B3B !important;
  font-weight: bolder;
}

.sales-order.paid,.sales-product.paid {
  border-color:#2c50b4 !important;
  background-color:#1E367B !important;
}
.sales-order.paid span,.sales-order.paid > *,.sales-product.paid span,.sales-product.paid > * {
  background-color:#1E367B !important;
  color:#FFF;
}
/*.sales-order.paid .sales-order-customer span{
  color: #FFF !important;
}*/

.sales-order.shipping,.sales-product.shipping {
  border-color:#07A414 !important;
}
.sales-order.shipping span,.sales-order.shipping > *,.sales-product.shipping span,.sales-product.shipping > * {
  color:#07A414 !important;
}

.sales-order.distributed,.sales-product.distributed {
  border-color:#6af077 !important;
  background-color:#00B612 !important;
}
.sales-order.distributed span,.sales-order.distributed > *,.sales-product.distributed span,.sales-product.distributed > * {
  background-color:#00B612 !important;
  color:#FFF;
}

.sales-order.reversed,.sales-product.reversed {
  border-color:#C746BB !important;
}
.sales-order.reversed span,.sales-order.reversed > *,.sales-product.reversed span,.sales-product.reversed > * {
  color:#C746BB !important;
}

.scanning-product.scanned{
    border-color:#40C55E !important;
}
.scanning-product.scanned span,.scanning-product.scanned > *{
    color:#40C55E !important;
}


.manufacture .header {
  width:100%;
  height:150px;
  float:left;
}
.manufacture .header .logo {
  width:250px;
  height:120px;
  float:left;
  margin-left:45px;
  margin-top:10px;
  background:url("/static/assets/layouts/layout/img/logo_screen_red.png") no-repeat;
  background-size:cover;
}
.manufacture .header .logo:active {
  background:url("/static/assets/layouts/layout/img/logo_screen_darkred.png") no-repeat;
  background-size:cover;
}
.manufacture .header .title {
  width:calc(100% - 450px);
  height:150px;
  float:left;
}
.manufacture .header .title .chinese-title {
  margin-top:30px;
  margin-right:30px;
  color:#E51C23;
  font-size:40px;
  line-height:64px;
  text-align:center;
  font-weight: bolder;
}
.manufacture .header .title .english-title {
  margin-top:5px;
  margin-right:30px;
  font-size:24px;
  color:#E51C23;
  line-height:24px;
  text-align:center;
  font-weight: bolder;
}
.manufacture .header .title:active > * {
  color:#BD1017;
}
.manufacture .header .logout {
  background-color:blue;
  width:150px;
  height:150px;
  float:left;
  background:url("/static/assets/layouts/layout/img/manufacture-logout-red.png") no-repeat 0px 8px;
  background-size:auto;
}
.manufacture .header .logout:active {
  background:url("/static/assets/layouts/layout/img/manufacture-logout-darkred.png") no-repeat 0px 8px;
  background-size:auto;
}
.manufacture .content {
  height:calc(100% - 150px);
  width:100%;
  float:left;
}
.manufacture .content .authoritiy {
  float: left;
  height: 100px;
  width: 230px;
  margin-left: 72px;
  margin-top: 72px;
  padding-top: 10px;
  border-radius: 10px;
  border: 1px solid #BBBBBB;
  font-size: 28px;
  color: #FFF;
  text-align: center;
}
.manufacture .content .process {
  float:left;
  height:120px;
  width:230px;
  margin-left:72px;
  margin-top:72px;
  border-radius:10px;
  border:1px solid #BBBBBB;
  font-size:32px;
  color:white;
  text-align:center;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;  
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
}
.manufacture .content .base-weight{
  float:left;
  height:178px;
  width:385px;
  margin-left:170px;
  margin-top:70px;
  border-radius:10px;
  border:1px solid #BBBBBB;
  font-size:48px;
  color:white;
  text-align:center;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;  
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
}
.bgc-FFD246 {
  background-color:#F4F822 !important;
}
.bgc-FFD246:active {
  background-color:#EDDD1C !important;
}
.bgc-FFD246.products-table-item {
  background-color:#F4F822 !important;
  color:#3B3B3B;
  font-weight: bolder;
}
.bgc-D03531 {
  background-color:#B6181E !important;
}
.bgc-D03531:active {
  background-color:#8F050A !important;
}
.bgc-FFC277 {
  background-color:#FFC277 !important;
}
.bgc-FFC277:active {
  background-color:#DFA359 !important;
}
.bgc-E51C23 {
  background-color:#CE1017 !important;
}
.bgc-E51C23:active {
  background-color:#BD1017 !important;
}
.bgc-98C0F3 {
  background-color:#1E367B !important;
}
.bgc-98C0F3:active {
  background-color:#5284C3 !important;
}
.bgc-79B34A {
  background-color:#00B612 !important;
}
.bgc-79B34A:active {
  background-color:#477324 !important;
}
.bgc-3F51B5 {
  background-color:#29367F !important;
}
.bgc-3F51B5:active {
  background-color:#1E285C !important;
}
.bgc-AAAAAA{
  background-color:#AAAAAA !important;
}
.bgc-AAAAAA:active{
  background-color:#808080 !important;
}
.color-FFD246 {
  color:#F4F822 !important;
}
.color-FFD246:active {
  color:#EDDD1C !important;
}
.color-D03531 {
  color:#E51C23 !important;
}
.color-D03531:active {
  color:#D1654E !important;
}
.color-FFC277 {
  color:#FFC277 !important;
}
.color-FFC277:active {
  color:#DFA359 !important;
}
.color-E51C23 {
  color:#CE1017 !important;
}
.color-E51C23:active {
  color:#BD1017 !important;
}
.color-98C0F3 {
  color:#1E367B !important;
}
.color-98C0F3:active {
  color:#5284C3 !important;
}
.color-79B34A {
  color:#00B612 !important;
}
.color-79B34A:active {
  color:#477324 !important;
}
.color-3F51B5 {
  color:#29367F !important;
}
.color-3F51B5:active {
  color:#1E285C !important;
}
.color-F4D03F{
  color:#F4D03F !important;
}
.color-F4D03F:active{
  color:#DCBB39 !important;
}
.manufacture .weigh-content,.manufacture .scan-prompt {
  height:500px;
  width:100%;
  color:#FFF;
  font-size:36px;
  line-height:500px;
  text-align:center;
}
.manufacture .scan-prompt.muti{
  height:100px;
  width:100%;
  color:#FFF;
  font-size:36px;
  line-height:100px;
  text-align:center;
}
.manufacture .input-content{
  float: left;
  height:100px;
  width:100%;
  color:#FFF;
  font-size:36px;
  text-align:center;  
}
.manufacture .input-content input{
  height:50px;
  width: 200px;
  color: #3B3B3B
}
.input-specification,.input-specification{
  float: left;
  width: 50%;
  text-align: center;
  height: 100px;
  padding-top: 25px;
}
.manufacture .weigh-content{
  font-size:150px;
}
.manufacture .weigh-action .action-button,.manufacture .scan-action .action-button,.manufacture .input-action .action-button{
  float:left;
  height:80px;
  width:230px;
  margin-left:60px;
  margin-top:0px;
  background-color:blue;
  border-radius:10px;
  border:1px solid #BBBBBB;
  line-height:80px;
  font-size:32px;
  color:white;
  text-align:center;
}
.manufacture .weigh-action .action-button.confirm-disabled{
  background-color: #AAA !important;
}
.manufacture .scan-action .action-button{
  margin-top:60px;  
}
.manufacture .weigh-action .action-button.first {
  margin-left:235px !important;
}
.manufacture .scan-content .marterial-info {
  display:block;
  width:100%;
  margin-top:30px;
  margin-right:30px;
  padding-left:60px;
  color:#FFF;
  font-size:30px;
  line-height:64px;
  text-align:left;
}
.manufacture .scan-content .tag-info{
  height: 50px;
  width: 100%;
  color: #FFF;
  font-weight: bolder;
  font-size: 25px;
  line-height: 25px;
  padding-left:60px;
  text-align:left;  
}
.scan-value {
  position:absolute;
  background-color:#3B3B3B;
  color:#3B3B3B;
  border-style:none;
  outline:none
}
.proportionate-content{
  width: 100%;
  height: 650px
}
.proportionate-content #cron-container{
  float: left;
  height: 400px;
  width: 500px;
  margin-left: 100px;
  margin-top: 50px;
}
.proportionate-content .knob{
  margin: 0 auto;
  z-index: 1;
}
.proportionate-item{
  margin-bottom: 5px;
}
.proportionate-content .weigh-action{
  position: fixed;
  height: 100px;
  width: 600px;
  float: left;
  margin-top: -50px;
  margin-left: -50px;
  z-index: 9999;  
}
.proportionate-content .action-button{
  width: 150px !important;
}
.proportionate-content .action-button.firstone{
  margin-left: 15px !important;
}
.proportionate-list{
  color: white;width: 600px;height: 600px;float: right;font-size: 28px;margin-top: 50px;
}
.proportionate-list .proportionate-item.weighted{
  color: #26C281;
}
.manufacture-body{
  background-color: #3B3B3B;
}
.shipping-order-print-tag-line{
  display: table;
  width: 100%;
  height: 14mm;
  border-bottom:1px solid #000;
  float: left;
  color:#FFF;
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
}
.shipping-order-logo{
  display: table;
  float: left;
  width: 30mm;
  height: 14mm;  
}
.shipping-order-customer-name{
  display: table;
  float: left;
  width: 75mm;
  height: 14mm;  
}
.shipping-order-customer-name span{
  display: table-cell;
  vertical-align: middle;
}
.shipping-order-code{
  display: table;
  float: left;
  width: 75mm;
  height: 14mm;  
}
.shipping-order-code span{
  display: table-cell;
  vertical-align: middle;
}
.shipping-order-product-name{
  display: table;
  float: left;
  width: 65mm;
  height: 14mm;  
}
.shipping-order-product-name span{
  display: table-cell;
  vertical-align: middle;
}
.shipping-order-specification{
  display: table;
  float: left;
  width: 20mm;
  height: 14mm;  
}
.shipping-order-specification span{
  display: table-cell;
  vertical-align: middle;
}
.shipping-order-packaging-type{
  display: table;
  float: left;
  width: 20mm;
  height: 14mm;  
}
.shipping-order-packaging-type span{
  display: table-cell;
  vertical-align: middle;
}
.shipping-order-bigbox-amount,.shipping-order-middlebox-amount,.shipping-order-smallbox-amount{
  display: table;
  float: left;
  width: 15mm;
  height: 14mm;  
}
.shipping-order-bigbox-amount span,.shipping-order-middlebox-amount span,.shipping-order-smallbox-amount span{
  display: table-cell;
  vertical-align: middle;
}
.shipping-order-allbox-amount{
  display: table;
  float: left;
  width: 15mm;
  height: 14mm;  
}
.shipping-order-allbox-amount span{
  display: table-cell;
  vertical-align: middle;
}
.next-page{
  page-break-after:always;
}
.shipping-order-remark{
  display: table;
  float: left;
  width: 150mm;
  height: 14mm;  
}
.shipping-order-remark span{
  display: table-cell;
  vertical-align: middle;
}
#print-minor-proportionate #product-info{
  margin-top:50px;
  color: #FFF;
    text-align: center; 
} 
#print-minor-proportionate #product-info #product-name{
  font-size: 100px;
}

#print-minor-proportionate #product-info #product-weight{
  font-size: 120px;
}

#print-minor-proportionate #product-info .action-button{
  margin-left: 525px;
  margin-top: 20px;
}
#delivery-type{
  width: 800px;
  height: 500px;
  margin-top: 50px;
  margin-left: 240px;
} 

.showMaskLayout {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(10, 10, 10, 0.5);
}

.showMaskModal {
    position: absolute;
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
    background-color: #3B3B3B;
    border-radius: 10px;
}

.showMaskButton{
  float: left;
  padding: 10px;
  height: 160px;
}
.showMaskButton span{
  display: block;
  width: 100%;
  height: 100%;
  line-height: 140px; 
  border-radius: 10px;
  border:1px solid #E51C23;
  color: #E51C23;    
  font-size: 60px;
  text-align: center;
}
.showMaskButton:active,.showMaskButton:active > * {
  color:#D1654E;
  border-color:#D1654E;
}
@keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}
.fade2000{
    animation: fade 2000ms infinite;
    -webkit-animation: fade 2000ms infinite;
}
.basic-form-group{
  float: left;
  width: 50%;
  text-align: left;
  height: 60px;
  padding-left: 40px;
  margin-top: 20px;
  font-size:28px;
}
.basic-form-group .basic-radio{
  margin-top: 10px;
  float: left;  
  height: 35px !important;
}
.basic-form-group .basic-checkbox{
  float: left;
  height: 35px !important;
  width: 60px;
  color: #3B3B3B;
}
.basic-form-group .basic-lable{
  display: block;
  float: left;  
  height: 60px;
  line-height: 60px;
  width: 200px;
  color: white;
}
.basic-form-group .basic-input{
  float: left;
  height: 60px !important;
  width: 200px;
  color: #3B3B3B;
}
.basic-form-group .basic-button{
  float:left;
  height:60px;
  width:200px;
  background-color:blue;
  border-radius:10px;
  border:1px solid #BBBBBB;
  line-height:60px;
  font-size:32px;
  color:#FFF;
  text-align:center;  
}
.basic-form-group .basic-img-button{
  height: 60px;
  width: 60px;
  float: left;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center 0;  
}
.basic-form-group .long{
  width: 400px !important;
}
.basic-form-group .long-10{
  width: 390px !important;
}
.basic-form-group .middle{
  width: 300px !important;
}
.basic-form-group .middle-50{
  width: 250px !important;
}
.basic-form-group .short{
  width: 100px !important;
}
.basic-form-group .tiny{
  width: 50px !important;
}
.font-bolder{
  font-weight: bolder;
}
.font20{
  font-size:20px !important;
}
.font24{
  font-size:24px !important;
}
.font28{
  font-size:28px !important;
}
.minus-ten{
  background-image: url('/static/assets/layouts/layout/img/minus-ten.png');
}
.minus-ten:active{
  background-image: url('/static/assets/layouts/layout/img/minus-ten-active.png');
}
.minus-one{
  background-image: url('/static/assets/layouts/layout/img/minus-one.png');
}
.minus-one:active{
  background-image: url('/static/assets/layouts/layout/img/minus-one-active.png');
}
.plus-one{
  background-image: url('/static/assets/layouts/layout/img/plus-one.png');
}
.plus-one:active{
  background-image: url('/static/assets/layouts/layout/img/plus-one-active.png');
}
.plus-ten{
  background-image: url('/static/assets/layouts/layout/img/plus-ten.png');
}
.plus-ten:active{
  background-image: url('/static/assets/layouts/layout/img/plus-ten-active.png');
}
.bdt-2dw{
  border-top: 2px dotted white;
}
.color3B{
  color: #3B3B3B !important;
}