.table-grid {
    font-family: Tahoma!important;
    border-collapse: collapse!important;
    border: 1px solid #333!important;
    background: #fff!important;
}

.table-grid th {
    padding: 10px;
    text-align: center;
    font-weight: 700;
    color: #FFF;
    background: #eee;
    border-top: 1px solid #fff;
    display: table-cell;
    vertical-align: inherit;
}

.table-grid tr:first-child th {
    border: 1px solid #ccc !important;
}

.table-grid td {
    border-top: 1px solid #eee;
}


#checkSubmission{
    display: inline-block;
    position: relative;
    width: 100%;
}
#previewContainer{
    display: table;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
}

#previewContainer #previewButtons {
    /* the same as label width */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.check-submission-button,
.preview-submission-button {
    border:1px solid #ccc;
    padding:9px 15px;
    color:#333;
    text-shadow:0 1px #fff;
    font-size:1em;
    margin-top:12px;
    margin-bottom:12px;
    cursor:pointer;

    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;

    -moz-box-shadow: 0 1px #fff inset, 0 1px #ddd;
    -webkit-box-shadow: 0 1px #fff inset, 0 1px #ddd;
    box-shadow: 0 1px #fff inset, 0 1px #ddd;

    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.check-submission-button:hover,
.preview-submission-button:hover {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

.check-submission-button:active,
.preview-submission-button:hover {
    background: #eeeeee;
    background: -moz-linear-gradient(top,  #eeeeee 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
    background: linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f5f5f5',GradientType=0 );

    -moz-box-shadow: 0 1px #fff inset;
    -webkit-box-shadow: 0 1px #fff inset;
    box-shadow: 0 1px #fff inset;
}

#previewContainer ul{
    padding: 0 20px ;
    margin: 0;
}

#previewContainer li{
    list-style: none;
    padding: 10px 0;
}

#previewContainer li > div.label_i,
#previewContainer li > div.value
{
    /*display: table-cell;*/
    min-height: 1px;
}

#previewContainer li > div.value.border{
    /*border-left: 1px dashed #D6D6D6;*/
    padding-left: 5px;
}

#previewContainer li > .label_i{
    vertical-align: top;
    /*width: 180px;*/
    /*min-width: 180px;*/
    text-align: left;
    /*padding-right: 15px;*/
}

#previewContainer li > div.value.no-label {
    display: block;
}

#previewContainer li > div.value.no-label p {
    padding: 0 !important;
}

#previewContainer li > div.value.no-label img {
    max-width: none;
    max-height: none;
    border: none;
}

#previewContainer li > div img{
    max-width: 200px;
    max-height: 150px;
    border: 1px solid #E0E0E0;
}

#previewContainer .imgwrap {
    padding-bottom: 10px;
}

#previewContainer .imgwrap img {
    display: block;
}

#previewContainer .label_i{
    font-weight: bold;
}

#previewContainer .form_section > div.value{
   display: block;
   font-weight: bold;
   border-bottom: 1px solid #e3e3e3;
}
#previewContainer .form_section{
    margin: 20px 0;
}

#previewContainer .control_head div.value{
    display: block;
    font-size: 1.5em;
    padding: 15px 0;
    font-weight: bold;
    text-align: center;
}

#previewContainer .control_head .form-subHeader {
    font-size: 0.7em;
    font-weight: normal;
}

/*tables*/
#previewContainer .table-grid {
    border-collapse: collapse;
    white-space: normal;
    table-layout: fixed;
}

#previewContainer .table-grid .table-body {
    text-align: center;
}

#previewContainer .table-grid .table-head {
    font-weight: bold;
    text-align: center;
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #eee;
    color: #444;
    font-size: 12px;
    overflow: hidden;
}

#previewContainer .table-grid .table-col {
    color: #555;
    border: 1px solid #ccc;
    background: #fff;
    vertical-align: middle;
    overflow: hidden;
    font-size: 13px;
    text-align: center;
    word-break: break-word;
    word-wrap: break-word;
}

#previewContainer .table-grid .table-col img {
    border:none;
}

#previewContainer ul.preview-product,
#previewContainer ul.preview-subproducts  {
    margin-bottom: -10px;
}

#previewContainer ul.preview-product li,
#previewContainer ul.preview-subproduct li {
    padding: 0 !important;
    margin-left: 5px;
    font-size: 0.8em;
}

#previewContainer ul.preview-subproducts li {
    padding: 0 !important;
    margin-left: 5px;
}

@media print {
  body {
    overflow: visible !important;
  }

  #checkButton {
    display: none;
  }

  .form-section.page-section.printProcess {
    display: none!important;
  }

  div {
    -webkit-print-color-adjust: exact;
  }

  .noprint {
    display: none;
  }

  .form-line .printProcess {
    display: none;
  }

  #checkSubmission{
      display: block;
  }

  #previewContainer li > div.value p {
      display: block;
  }

  #previewContainer li > div.value a {
      color: initial !important;
  }

  /*tables*/
  #previewContainer .table-grid {
      width: 100% !important;
  }
}