/*---spacer*/
.spacer {
    width:100%;
    height:0px;
    float:left;
    clear:left;
    font-size:0px;
    line-height:0px;
}
.spacer.t_5 {
    margin-top:5px;
}
.spacer.t_10 {
    margin-top:10px;
}
.spacer.t_15 {
    margin-top:15px;
}
.spacer.t_20 {
    margin-top:20px;   
}
.spacer.t_25 {
    margin-top:25px;   
}
.spacer.t_30 {
    margin-top:30px;   
}
.spacer.t_35 {
    margin-top:35px;   
}
.spacer.t_40 {
    margin-top:40px;   
}
.spacer.t_45 {
    margin-top:45px;   
}
.spacer.t_50 {
    margin-top:50px;   
}
.spacer.t_55 {
    margin-top:55px;   
}
.spacer.t_60 {
    margin-top:60px;   
}
.spacer.t_65 {
    margin-top:65px;   
}
.spacer.t_70 {
    margin-top:70px;   
}
.spacer.t_75 {
    margin-top:75px;   
}
.spacer.t_80 {
    margin-top:80px;   
}
.spacer.t_85 {
    margin-top:85px;   
}
.spacer.t_90 {
    margin-top:90px;   
}
.spacer.t_95 {
    margin-top:95px;   
}
.spacer.t_100 {
    margin-top:100px;   
}


#main_container {
    float: left;
    clear: left;
    width: 100%;
    padding: 0 50px;
}

#main_container .top_info {
    float: left;
    clear: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

#main_container .top_info h1 {
    font-size: 25px;
    font-weight: 600;
    color: #68ac2f;
}

#main_container .bank_transfer_info {
    float: left;
    clear: left;
    width: 100%;
    margin: 40px 0;
}

#main_container .bank_transfer_info h1, 
#main_container .bank_transfer_info span {
    text-align: center;
    padding: 20px;
    /* border: 1px solid #ccc; */
    background: #f2f2f2;
    font-size: 15px;
}

#main_container .order_info {
    float: left;
    clear: left;
    width: 100%;
    margin: 40px 0;
}

#order_data_container, #purchased_products_container {
    float: left;
    clear: left;
    width: 100%;
}

#main_container .order_info .title {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: #68ac2f;
    border-bottom: 2px solid #68ac2f;
}

#main_container .order_info .title h1 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
#main_container .order_info .title h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

#main_container .order_info #order_data_container .title h1 {
    float: left;
    width: auto;
}

#main_container .order_info #order_data_container .title span{
    float:right;
}

#main_container .order_info #order_data_container .title span .print_detail_button {
    float: right;
    border: 1px solid #68ac2f;
    text-transform: uppercase;
    padding: 3px 15px;
    background: none;
}
#main_container .order_info #order_data_container .title span .print_detail_button:hover {
    border: 1px solid #68ac2f;
    background: #68ac2f;
    color:#fff;
}


#main_container .order_info table,
#user_data_container table, 
#company_data_container table{
    float: left;
    clear: left;
    width: 100%;
    margin: 10px 0 40px 0;
}

#main_container .order_info table td, 
#main_container .order_info table th,
#user_data_container table td, 
#company_data_container table td,
#user_data_container table th, 
#company_data_container table th {
    border: 1px solid #e0e0e0;
    padding: 2px 10px;
    font-size: 15px;
}

#main_container .order_info table th.product_field_name:first-child {
    width: 70%;
}

#main_container .order_info table td.product_field_value {
    vertical-align: middle;
}

#main_container .order_info table td.order_field_name, 
#user_data_container table td.user_field_name, 
#company_data_container table td.user_field_name {
    font-size: 16px;
    font-weight: 600;
}


#main_container .order_info table td.product_field_value {
    font-weight: bold;
    font-size: 16px;
}

#main_container .order_info table td.product_field_value .valore {
    font-weight: normal!important;
    font-size: 15px;
    line-height:21px;
}

#user_data_container, 
#company_data_container {
    float: left;
    /* clear: left; */
    width: 50%;
}

#user_data_container{
    padding-right:15px;
} 
#company_data_container{
    padding-left:15px;
}

#user_data_container .title, 
#company_data_container .title {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
}

#user_data_container .title h3, 
#company_data_container .title h3 {
    float: left;
    clear: left;
    width: 100%;
    font-size:16px;
    text-transform:uppercase;
    font-weight:600;
}

#contact_us_container {
    float: left;
    clear: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 2px solid #68ac2f;
}


@media print {
  /*body * {
    visibility: hidden;
  }*/
  body.background .container, body.background .container-fluid {
    width: 100%;
  }
  body.background .container-fluid.vc_navbar_fixed {
    display:none;
  }

  body.background {
    padding-top: 0px;
  }
  .vc_order_detail_container .col-xs-12{
    padding:0;
  }
  .vc_order_detail_container, .vc_order_detail_container * {
    visibility: visible;
  }
  .print_detail_button, 
  .contact_us_container, 
  .contact_us_container *, 
  .top_info, 
  .top_info *,
  br {
      visibility: hidden;
      display: none;
  }
  .vc_order_detail_container, #main_container {
    /*position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;*/
  }
  
  #main_container {
    padding: 0 0px;
    max-width: 100%;
  }
  #main_container .order_info {
    margin:0;
  }
  
  #main_container .order_info table {
    max-width: 100%;
  }
  #user_data_container table, 
  #company_data_container table{
    max-width:100%;
  }

    .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], 
    .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], 
    .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right], 
    .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right] {
        display: none !important;
    }

}