.header_style{overflow:auto!important;position:fixed;top:0;right:0;zoom:1;width:100%;height:100%;display:block;transition:all 0.3s;text-align:center;background:#B3B3B3;opacity:0.7;z-index:900000}.header_style_load{overflow:auto!important;position:fixed;top:0;right:0;zoom:1;width:100%;height:100%;display:block;transition:all 0.3s;text-align:center;background:#B3B3B3;opacity:0.7;z-index:900000}.content_style{padding:50px 90px 50px;position:fixed;border:1px;background:#fff;max-width:480px;width:auto;height:auto;max-height:650px;z-index:900000;overflow:auto;border-radius:5px}.bapreview_close{cursor:pointer;position:absolute;top:4px;right:12px;font-size:17px}.bapreview_generated{color:#979797}.bapreview_wrap_button{background-color:#10b0e4;border-radius:25px;margin-top:25px;margin-bottom:5px;text-align:center}.bapreview_button{display:block;color:#fff;padding:10px 13px;text-decoration:none}.bapreview_wrap_a{text-align:center; padding-top:20px}.documentpreview_a{cursor:pointer;border-bottom:1px dotted; color:#333!important}.product_template .product_template_head{border-bottom:1px solid #ccc;margin-bottom:6px;padding-bottom:4px}.panel{float:left;width:100%}.panel-footer{float:left;width:100%;margin:0!important}#show_list_shortcodes:hover{background-color:#2980b9}#show_list_shortcodes{padding:25px; transition: 0.3s;font-size:2em; background-color:#10b0e4; color:#FFF;width:100%;margin-bottom:20px;float:left;border-radius:4px;text-align:center;cursor:pointer}.documenthemix_invoice th.center select,.documenthemix_invoice th.center input,.documenthemix_deliveryslip th.center input,.documenthemix_deliveryslip th.center select{margin:0 auto}#documenthemix_invoice div.panel{border-top-left-radius:0!important}.image_helpperlist img{width:30px}.riverroad{display:block;float:left}.form-element .description{font-style:italic;color:#666}.form-element input[type="date"]{display:block;width:100%;height:27px;padding:4px 8px;font-size:12px;line-height:1.42857;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;-o-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s}#custom-number-form .panel .panel-footer{margin:15px -20px -20px!important;clear:both;width:auto;float:none}input.invoice_reset{position:relative;top:2px}iframe{min-height:200px!important}
#content.bootstrap .documenthx-row .panel {border-top-left-radius: 0px!important;
border-bottom-left-radius:  0px!important; margin-bottom: 0px; border: 0px; background-color:#f7f9fb}
#content.bootstrap .documenthx-row .panel-heading {font-size: 1.2em; font-weight: bold; height: auto; padding:20px; margin-left:-20px; background-color: #fff}
#content.bootstrap .documenthx-row .panel-heading .badge {
  border:0px;
  color:#fff; font-weight: normal;background-color: #e84393}
#content.bootstrap .documenthx-row .panel-heading .panel-heading-action {background-color: #e84393;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  top:auto;
  right: 20px;
}
#content.bootstrap .documenthx-row .module_confirmation.conf.confirm {
  position: absolute;
width: 80%;
top: 20px;
z-index: 99999;
}
#content.bootstrap .documenthx-row table[class*="documenthemix_"] tbody > tr > td.column-name.left.name {padding-left: 15px}
#content.bootstrap .documenthx-row .documenthx_overflow_y {height:500px; overflow-y: scroll;}
#content.bootstrap .documenthx-row .panel-heading .panel-heading-action i {color:#FFF}
#content.bootstrap .documenthx-row .panel-heading .panel-heading-action a:first-child {border:0}
#content.bootstrap .documenthemix .nav-tabs > li > a {
  background-color: #fff; margin-right: 0px; border: 0px; text-align: left;
  font-size: 1em; text-transform: none;
}
#content.bootstrap .documenthemix .nav-tabs > li { width: 100%}
#content.bootstrap .documenthemix .nav-tabs > li.active > a {
  background-color: #e84393; color:#fff; border-radius:0!important;cursor: pointer;
}
#content.bootstrap .documenthemix .nav-tabs > li.documenthx_logo {
  text-align: center; margin: 25px 0px;
}
#content.bootstrap .documenthemix .nav-tabs > li.documenthx_logo img{
  width: 75%;
}
#content.bootstrap .documenthx-row table[class*="documenthemix_"] thead > tr > th {background-color: transparent; border: 0px;}
#content.bootstrap .documenthx-row table[class*="documenthemix_"] tbody > tr {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#content.bootstrap .documenthx-row table[class*="documenthemix_"] tbody > tr > td {  background-color:#fff; border:0px; padding: 10px 0px;
}
#content.bootstrap .documenthx-row table[class*="documenthemix_"] tbody > tr > td:last-child {
  padding-right: 15px;
}
#content.bootstrap .documenthx-row h3 {font-size:1.5em; font-weight: bold; text-transform: none; line-height: 2.8em}
#content.bootstrap .documenthx-equal{width:15%; float: left; background: #fff;-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
z-index: 999;

}
#content.bootstrap .documenthx-row .documenthx-block {padding: 20px; border:1px solid #eee; display: flow-root; margin-bottom: 20px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07); background-color: #fff;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.07);
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#content.bootstrap .documenthx-row .documenthx-block h3 {height: 55px}
#content.bootstrap .documenthx-row .documenthx-block h3 i {width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background-color: rgba(232, 67, 147, 0.14);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: rgb(232, 67, 147); float:left; margin-right: 10px; margin-top:8px;
}
#content.bootstrap #form-documenthemix_invoice,#content.bootstrap .form-documenthemix_editor,#content.bootstrap #custom-number-form,#content.bootstrap #form-documenthemix_creditslip, #content.bootstrap #form-documenthemix_deliveryslip {width:85%; float: left}
#content.bootstrap .documenthx-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
margin-left: 20px;
}
#form-documenthemix_invoice, .documenthx-equal,#content.bootstrap .form-documenthemix_editor,#content.bootstrap #custom-number-form,#content.bootstrap #form-documenthemix_creditslip, #content.bootstrap #form-documenthemix_deliveryslip{
  display: flex;
  flex-direction: column;
}
#content.bootstrap .form-documenthemix_editor panel,#content.bootstrap #custom-number-form panel,#content.bootstrap #form-documenthemix_creditslip panel, #content.bootstrap #form-documenthemix_deliveryslip panel {
  height: 350px;
  overflow-y: scroll;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?g5ku57');
  src:  url('../fonts/icomoon.eot?g5ku57#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?g5ku57') format('truetype'),
    url('../fonts/icomoon.woff?g5ku57') format('woff'),
    url('../fonts/icomoon.svg?g5ku57#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

#content.bootstrap .documenthx-row .documenthx-equal [class^="icon-"], #content.bootstrap .documenthx-row .documenthx-equal [class*=" icon-"] ,
#content.bootstrap .documenthx-row h3 [class^="icon-"], #content.bootstrap .documenthx-row h3 [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right:5px;
  padding:10px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#content.bootstrap .documenthx-row h3 [class^="icon-"], #content.bootstrap .documenthx-row h3 [class*=" icon-"] {
  width: 40px;
height: 40px;
text-align: center;
line-height: 20px;
background-color: rgba(232, 67, 147, 0.14);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: rgb(232, 67, 147);
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-user-tie:before {
  content: "\e976";
}
.icon-equalizer:before {
  content: "\e992";
}
.icon-lab:before {
  content: "\e9aa";
}
.icon-airplane:before {
  content: "\e9af";
}
.icon-flag:before {
  content: "\e9cc";
}
.icon-brightness-contrast:before {
  content: "\e9d6";
}
.icon-embed2:before {
  content: "\ea80";
}
.icon-file-pdf:before {
  content: "\eadf";
}