ul.calc-types{
  list-style-type: none;
  float: left;
  width: 100%;
  padding:0px;
  margin: 0px;
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 20px;
}

ul.calc-types > li{
  float: left;
  margin-left: 1px;
  width: 100px;
  min-height: 100px;
  background-color: #e6e6e6;
  color: #FFF;
  padding: 15px;
}

ul.calc-types > li:first-child{
  margin-left: 0px;
}

ul.calc-types > li.active{
    /*background-color: #F1A10A;*/
    box-shadow: inset 0 -5px 0 #F1A10A;
}

ul.calc-types > li.active a{
  font-weight: bold;
}

ul.calc-types > li a{
  color: #515151 !important;
  font-size: 12px;
}

ul.calc-types > li a .title {
  text-align: center;
}

ul.calc-types > li a span{
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 10px;
}

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

.tab-container .tab-content{
  padding: 0px;
  border: none;
}

.calcType{

}

.leftTitle b.mTitle{
    width: 100%;
    float: left;
}

.selectPrintOpts{
  margin-top: 20px;
}

.selectPrintOpts .wrapp, .qtysProd .wrapp{
   border-bottom: 1px solid #b5b5b5;
  padding-bottom: 20px;
  float: left;
  width: 100%;
}

.leftTitle span.subTitle{
  width: 100%;
  float: left;
}

.addX::after{
  content: "X";
  position: absolute;
  right: 0px;
  top: 15px;
}

ul.print-formats{
  list-style-type: none;
  float: left;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

ul.print-formats li{
   float: left;
   margin-left: 1px;
}

ul.print-formats li.format-size{
  margin-left: 20px;
}

ul.print-formats li a{
   display: block;
   width: 50px;
   height: 50px;
   background: #e6e6e6;
   font-size: 22px;
   text-align: center;
   color: #515151;
   padding: 10px;
}

ul.print-formats li.active a{
  background: #b5b5b5;
}


.qtysProd {
  margin-top: 20px;
  border-top:1px solid #b5b5b5;
  padding-top: 20px;
}

.qtysProd .pricePerCom, .qtysProd .pricePerQtys{
   width: 100%;
   text-align: right;
   font-size: 16px;
   float: left;
}

.qtysProd .totalPricePerCom, .qtysProd .totalPricePerQtys{
    width: 100%;
   text-align: right;
   font-size: 22px;
   float: left;
}

.qtysProd .totalPricePerQtys{
  font-weight: bold;
}

.qtysProd .variation{
  font-size: 16px;
}

.addToAssembler .wrapp{
  float: left;
  width: 100%;
}

a.baseCalcBtn{
  background-color: #F1A10A;
  color: #FFF;
  padding: 9px 40px;
  float: left;
  font-size: 16px;
}

.addToAssembler .wrapp a{
  margin-top: 20px;
  margin-bottom: 20px;
}

.appendedItemOpt{
  margin-top: 15px;
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 10px;
}

.appToMaterials {
  margin-top: 15px;
  padding-bottom: 15px;
}

.appToMaterials .appMOPT{
  margin-top: 10px;
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 10px;
}

label.calclbl{
  margin-left: 10px;
}
label.calclbl:first-child{
  margin-left: 0px;
}

.showPrintListing{
  display: none;
}

.loadPrintList{
  display: none;
}

.showFolding{
  display: none;
}

.mainMachineList{
  border-top:1px solid #b5b5b5;
  padding: 12px 0px;
}

.appExtraItems{
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px solid #b5b5b5;
}

.mainExtraItemList{
  margin-top: 15px;
  border-top: 1px solid #b5b5b5;
  padding-bottom: 10px;
  padding-top: 15px;
}

.borderTop{
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 12px;
}

.fixedExtraItems{
  margin-top: 10px;
  border-top: 1px solid #b5b5b5;
  padding-top: 10px;
}

#cockpit .form-group{
  margin-bottom: 5px;
}

#cockpit .form-group label{
  padding-top: 5px;
}

.pre-container{
  display: block;
  width: 100%;
  position: relative;
}

.pre-container a.btnClearConsole{
    border-radius: 20px;
  background-color: #F1A10A;
  padding:8px 30px;
  position: absolute;
  right: 10px;
  color:#FFF;
  top: 20px;
}

div.consoleLog {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 1.42857;
    margin: 0 0 10px;
    overflow-wrap: break-word;
    padding: 9.5px;
    word-break: break-all;
}

div.consoleLog {
    background-color: #292b36;
    border: 1px solid #292b36;
    color: #fff;
    max-height: 800px;
    overflow: scroll;
    min-height: 200px;
    font-family: monospace,monospace;
    font-size: 1em;
}

.clonedFirst, .clonedSecond{
  padding-left: 20px;
}

.fold-thickness{
  display: none;
}
.offseto2.paddLeft{
  margin-left: 5px;
}
.factorClass{
  margin-top: 20px;
}

.factorClass h5{
  font-weight: bold;
}

.graphClass{
  margin-top: 20px;
}

.maxTblHeight{
  display: none;
}

.margTop20{
  margin-top: 20px;
}

.lineXYOffset{
   float: left;
   margin-left: 5px;
   width: 50px;
   height: 50px;
}
.lineXYOffset:first-child{
  margin-left: 0px;
}

.appLineXY{
  float: left;
}

.showMachineConfigOptions{
  display: none;
}

.plastificationExtra{
  display: none;
}

.showPlastificationOpts{
  display: none;
}

.plastSecondRow{
  margin-top: 15px;
  padding-bottom: 15px;
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.typesOfBinding,.addWidget{
  border-bottom: 1px solid #b5b5b5;
  padding:20px 0px;
}

.multiPrintWidget{
  border-bottom: 1px solid #b5b5b5;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  margin-top: 10px;
}

.multiPrintWidget:last-child{
  border-bottom: none;
}

.widgetHeader{
  border-bottom: 1px solid #b5b5b5;
  border-top:  1px solid #b5b5b5;
  padding: 15px 0px 15px 25px;
  border-left: 5px solid #F1A10A;
  margin-bottom: 15px;
}

.widgetHeader h3{
  padding: 0px;
  margin: 0px;
}

.pageRepeats label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.pageRepeats label > input + div.pageRepeat{
  cursor:pointer;
  border:2px solid transparent;
}

.pageRepeats label > input:checked + div.pageRepeat{ /* (RADIO CHECKED) IMAGE STYLES */
   background-color: #b5b5b5;
}

div.pageRepeat{
  background-color: #e6e6e6;
  padding: 10px;
}

div.pageRepeat span{
   font-size: 25px;
   color: #000;
}

.copyDefaultValues{
  display: none;
}

#cockpitChange{
  /*float: left;*/
  width: 100%;
  margin-bottom: 20px;
}

.collectorData .cProductDB .wrapper{
  float: left;
  width:100%;
  border-bottom: 1px solid #b5b5b5;
}

.collectorData .assemblerFooter{
  border-top: 1px solid #b5b5b5;
}

.lightColBtn{
   border: solid 1px #F1A10A;
   font-family: 'MyriadPro-Regular';
   font-size: 16px;
   text-align: center;
   color: #F1A10A;
   padding: 8px 5px;
   float: left;

}
.lightColBtn:hover{
  color: #F1A10A;
}

.blueColBtn{
  background-color: #F1A10A;
  font-family: 'MyriadPro-Regular';
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  padding: 8px 5px;
  float: left;
}
.blueColBtn:hover{
  color: #FFF;
}

.assemblerFooter .btnFull{
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.assemblerFooter .lightColBtn,.assemblerFooter .blueColBtn{
  min-width: 200px;
}

.mTop10{
  margin-top: 10px;
}

.cItems .form-control.lowerH{
   height: 38px;
}

.cItems .wrapper{
  float: left;
  width:100%;
  border-bottom: 1px solid #b5b5b5;
}



.assemblerProd{
   /*padding-top: 15px;
   padding-bottom: 25px;*/
}

.assemblerProd .lft, #tabprod .lft{
  border-right: 1px solid #d8d8d8;
}

.assemblerProd .wrapper, #tabprod .wrapper{
  float: left;
  width: 100%;
  border-bottom: 1px solid #b5b5b5;
}

.assemblerProd h4, #tabprod h4{
  font-family: 'MyriadPro-Regular';
  font-size: 22px;
  color: #515151;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.assemblerProd .lft span, #tabprod .lft span{
  color: #515151;
  font-size: 14px;
  /*font-family: 'MyriadPro-Regular';*/
  float: left;
  width: 100%;
}

.assemblerProd .lft hr, #tabprod .lft hr{
  float: left;
  width: 100%;
}

.assemblerProd span.subPType, #tabprod span.subPType{
  margin-bottom: 5px;
  font-weight: bold;
  font-family: 'MyriadPro-Regular';
}

.assemblerProd .rght .as-qty-variation, #tabprod .rght .as-qty-variation{
  float: left;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #d8d8d8;
}

.assemblerProd .rght .as-qty-variation .asqty, .assemblerProd .rght .as-qty-variation .asvariat,#tabprod .rght .as-qty-variation .asqty, #tabprod .rght .as-qty-variation .asvariat{
  float: right;
  font-size: 16px;
}

.assemblerProd .rght .as-qty-variation .asqty span, .assemblerProd .rght .as-qty-variation .asvariat span, #tabprod .rght .as-qty-variation .asqty span, #tabprod .rght .as-qty-variation .asvariat span{
  font-size: 22px;
  padding-left: 10px;
}

.assemblerProd .rght .as-qty-variation .asvariat, #tabprod .rght .as-qty-variation .asvariat{
  margin-left: 20px;
}

.assemblerProd .rght .as-oneqty-percent, .assemblerProd .rght .as-totprod-price, #tabprod .rght .as-oneqty-percent, #tabprod .rght .as-totprod-price{
  float: left;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 16px;
  text-align: right;
}

.assemblerProd .rght .as-oneqty-percent span, .assemblerProd .rght .as-totprod-price span, #tabprod .rght .as-oneqty-percent span, #tabprod .rght .as-totprod-price span{
  font-size: 22px;
  padding-left: 10px;
}

.assemblerProd .as-btns{
  list-style-type: none;
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.assemblerProd .as-btns li{
  float: left;
  width: 100%;
  margin-top: 5px;
}

.assemblerProd .as-btns li:first-child{
  margin-top: 0px;
}

.assemblerProd .as-btns li a{
  border-radius: 20px;
  background-color: #1e314b;
  padding: 8px 15px 4px 15px;
  display: block;
}

.assemblerProd .as-btns li a span{
   font-size: 14px;
   color: #FFF;
}

.deleteBtn, .assemblerProd .as-btns li a.deleteBtn{
  background-color: #d71f36;
}

input.inptPrchPrice{
  position: relative;
}

input.inptPrchPrice::after{
    content: "<span class=\"icon-price_buy\"></span>";
    color: #d72036;
    position: absolute;
    left: -5px;
}

.cTotalPrices .wrapper {
    border-bottom: 1px solid #b5b5b5;
    float: left;
    width: 100%;
}
.cTotalPrices .fullWidth{
    float: left;
    width: 100%;
}

.borderLGreyBottom{
  border-bottom: 1px solid #d8d8d8;
}
.cartTotalPrices .fullWidth{
    float: left;
    width: 100%;
    padding: 8px 0px;
}

.cartTotalPrices{
  font-size: 16px;
}

.cartTotalPrices span{
  font-size: 22px;
  float: right;
}

.cartCustomer{
  border: solid 1px #d8d8d8;
  margin-top: 20px;
  position: relative;

  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  color: #515151;
}

.cartCustomer .dWrapp{
  float: left;
  width: 100%;
  position: relative;
}

.cartCustomerAddressess{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 30px;
}

.wrappTopBott{
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
}

.bordAbsRight::after{
  content: '';
  background-color: #d8d8d8;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
}

.cartCustomer h4{
  font-size: 28px;
  font-weight: 300;
  font-family: 'MyriadPro-Light';
}

.cartCustomer span.mainP{
    font-family: 'MyriadPro-Bold';
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #515151;
    float: left;
    width: 100%;
}

.cartCustomer span.subMainP{
    font-size: 14px;
    text-align: center;
    color: #b5b5b5;
    float: left;
    width: 100%;
}

.cartCustomer hr{
  float: left;
  width: 100%;
  padding: 0px;
  margin: 10px 0px;
}

.appProccMachines .appMOPT{
  padding-bottom: 15px;
}

.loadPrintSVG{
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.boldTxt{
  font-weight: bold;
}

.orderedDates{
  font-size: 14px;
  text-align: right;
  color: #b5b5b5;
}

.tab-inner-nav ul{
  list-style-type: none;
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
}

.tab-inner-nav ul li{
  float: left;
  margin-left: 10px;
}

.tab-inner-nav ul li:first-child{
  margin-left: 0px;
}

.tab-inner-nav ul li a{
    font-size: 16px;
  text-align: center;
  color: #515151;
    padding: 15px 20px 20px;
}

.tab-inner-nav ul li.active a{
   border-bottom: 2px solid #F1A10A;
   font-weight: bold;
}

.bgWhite{
  background: #FFF;
}

.cronusBig{
  padding: 10px 30px 8px;
}

.widthInpt100{
  width: 100px;
}

.floatLeft{
  float: left;
}

.width100per{
  width: 100%;
}

.orderView{
  font-size: 16px;
  text-align: left;
  color: #515151;
}

.orderView h2{
  font-size: 28px;
  font-weight: 300;
  text-align: left;
  color: #515151;
  font-family: 'MyriadPro-Light';
}

.orderNumberG{
  padding: 15px 0px 15px;
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  margin-bottom: 25px;
}

.orderView table tr td{
    padding: 3px 10px 3px 0px;
    border:none;
}

.orderView span.lightTxt{
  font-size: 16px;
  text-align: left;
  color: #b5b5b5;
}

.wrapp{
  float: left;
  width: 100%;
}

.borderTop{
  border-top: 1px solid #b5b5b5;
}

.borderBott{
  border-bottom: 1px solid #b5b5b5;
}

.cronGreenTxt{
  color: #7ed321;
}

ul.customerInfo{
  list-style-type: none;
  padding: 0px;
}

ul.customerInfo li{
  margin-bottom: 5px;
}

.orderView .prodWrapper{
  float: left;
  width: 100%;
  border-bottom: 1px solid #b5b5b5;
  padding-top: 15px;
  padding-bottom: 15px;
}

#tabprod .prodStatusWrap{
  float: left;
  width: 100%;
}

#tabprod span.prodStatusTxt{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #515151;
}


span.glyphicon,span.input-group-addon
{
  float: none !important;
  width: auto !important;
  cursor: pointer;
}


#tabprod .uploadFiles h5{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #515151;
  margin-top: 20px;
}
#tabprod .uploadFiles{
  font-size: 14px;
  text-align: left;
  color: #515151;
}

.orderView table.allowBorder tr td{
  border-top:1px solid #d8d8d8;
  padding-top: 10px;
}

.table .table{
  background: none;
}

.table .table tr td{
  border-top:1px solid #d8d8d8 !important;
}

.table > thead > tr > th{
  border-bottom: 1px solid #d8d8d8;
  padding: 8px 0;
}

.uploadFiles .prodFile{
  float: left;
  width: 100%;
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #d8d8d8;
}

.uploadFiles .prodFile:first-child{
  border-top: solid 1px #d8d8d8;
}

.uploadFiles .prodFile span{
  float: left;
  width: auto !important;
  margin-left: 15px;
}
.uploadFiles .prodFile span:first-child{
  margin-left: 0px;
}
.uploadFiles .prodFile a{
  text-decoration: underline;
}

.appendDeliveryNotes a{
  margin-left: 10px;
  float: left;
}

.appendDeliveryNotes a:first-child{
  margin-left: 0px;
}

.margR30{
  margin-right: 30px;
}
.margR20{
  margin-right: 20px;
}
.margR15{
  margin-right: 15px;
}
.margR10{
  margin-right: 10px;
}


ul.prodcalc-types{
  list-style-type: none;
  float: left;
  width: 100%;
  padding:0px;
  margin: 0px;
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 1px;
}

ul.prodcalc-types > li{
  float: left;
  margin-left: 1px;
  width: auto;
  font-size: 14px;
  text-align: left;
  color: #515151;
  padding: 15px;
}

ul.prodcalc-types > li:first-child{
  margin-left: 0px;
}

ul.prodcalc-types > li.active{
    box-shadow: inset 0 -5px 0 #F1A10A;
}

ul.prodcalc-types > li.active a{
  font-weight: bold;
}

ul.prodcalc-types > li a{
  color: #515151;
  font-size: 12px;
}

ul.prodcalc-types > li a .title {
  text-align: center;
}

ul.prodcalc-types > li a span{
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 10px;
  float: left;
}

ul.prodcalc-types > li a span.icon-finalprod{
  background: url('../img/finalprod-icon.svg');
  width: 23px;
  height: 29px;
}

.prodPrintOpts .portLand{
  float: left;
  width: auto;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control span{
  position: absolute;
  top: 30%;
  left: 20%;
  z-index: 10;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 50px;
  width: 50px;
  background: #e6e6e6;
}
.control--radio{
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 1px;
}
.control--radio .control__indicator {

}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #b5b5b5;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #b5b5b5;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}

.prodPrintOpts .formatSizes {
    float: left;
    margin-left: 15px;
}

.prodPrintOpts .formatSizes .control span{
    left: 30%;
}

.prodPrintOpts .formatsSz{
    margin-top: 5px;
}

.cronusRoundBtn{
  border-radius: 20px;
  background-color: #F1A10A;
  padding: 7px 15px 6px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.cronusRoundBtn:hover{
  color: #FFF;
}

span.help{
    font-size: 11px;
}


/* PANEL HEADING */


.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default > .panel-heading, .panel-default > .panel-footer {
  border-color: #edf1f2;
}
.panel-default .panel-heading {
  background-color: #f6f8f8;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.font-bold {
  font-weight: 700;
}
.panel-heading {
  border-radius: 2px 2px 0 0;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-body {
  padding: 15px;
}

.panel-default {
  border-color: #dee5e7;
}
.panel {
  border-radius: 2px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0px;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  
  user-select: none;
  -webkit-user-select: none;
}
.select2-container--bootstrap4 .select2-selection--single{
  height: 48px !important;
  border-radius: 0px;
  line-height: 48px;
  padding: 0px;
}

.wrapper {
  padding: 15px;
}

.assemblerProd .wrapper-2, #tabprod .wrapper-2 {
  float: left;
  width: 100%;
  border-bottom: 1px solid #b5b5b5;
}

.collectorData .cProductDB .wrapper-2{
  border-bottom: 1px solid #b5b5b5;
}

.mt-24{
  margin-top: 24px;
}

a{
  text-decoration: none !important;
}