body{ margin: 0; font-family: 'Arial'; width: 100%; }

input{ font-size: 18px; }
.acont{ width: 100%; }
.acont_enc{ display: flex; padding: 10px;  }


.cont_popWhithe{z-index: 1000; width: 100%; background: rgba( 26, 68, 146, 0.4); position: fixed; height: 100%; width: 100%; display: none; justify-content: center; align-items: center; flex-direction: column; align-items: center; }
.popWhite{ width: 65%; padding: 4%; text-align: center; background: white; color: #1a4492; font-size: 30px; }
.popWhite_btn{ width: 100%; display: flex; margin-top: 4%; font-size: 25px; }
.popWhite_btns{ border-radius: 35px; margin-left: 10%; width: 40%; border: 1px solid #1a4492; padding-top: 1%; padding-bottom: 1%; }

#email_forSendDoc{ width: 100%; font-size: 30px; border: 2px solid #1a4492; border-radius: 12px; }
.txt_errorEmailForSend{   width: 100%; text-align: center; color: red; font-size: 28px; }

textarea{ font-size: 18px; font-family: Arial; vertical-align: bottom; /*height: 75px;*/  }

select{ font-weight: bold; color: black; font-size: 15px; color: red; }

.acont_enc2{ padding: 10px; width: 50%; text-align: left; color: #1a4492; }
.acont_enc3{width: 50%;  text-align: right; padding-right: 0; display: flex; }

.acont_btns{ display: flex; padding: 10px; }
.acbtns_dv{ width: 50px; height: 50px; background: #1a4492; }

.div_espacio{ display: none; }

/*TABLA DE ENCABEZADO*/
.acont_enc1{ margin-left: 10px; padding: 10px; width: 80%; padding-left: 0; }
.table_enc1{ width: 100%; text-align: left; background: white; color: white; }
.table_enc1 th{  width: 16%; border: 1px solid #1a4492; background: #1a4492; padding: 2px; padding-left: 10px; }
.table_enc1 td{ width: 20%; border: 1px solid #1a4492; color: #ffffff; padding: 2px; }
.table_enc1 td input{ width: 98%; border: none; font-size: 18px; font-weight: bold; }

.acont_cont{padding: 10px; }

.acont_table1{ padding: 10px; display: flex; /*font-size: 0.6em;*/ }
.table1_p1{ width: 100%; }
.table1_p1 td{ text-align: center; }
.table1_p1 input{ width: 92%; text-align: left; }

.table1_p1 th{ width: 25%; border: 1px solid #1a4492; background: #b3caf6; text-align: left; padding-left: 5px; }
.table1_p1 td{ width: 25%; border: 1px solid #1a4492; }
.ip_table1{ border: none; }

.table2{ width: 100%; }
.table2 th{ background: #1a4492; color: white; padding: 5px; }

.table2 td{ border: 1px solid #1a4492; }
.table2 td input{ border: none; font-family: Arial; }

.table2 td input[type=number]{ text-align: right; }
.table2 tfoot input[type=number]::placeholder{ color:  white;}

.acont_table3{ padding: 10px; display: flex; /*font-size: 0.6em;*/ }
.table3_p1{ width: 100%; }
.table3_p1 td{ text-align: center; }
.table3_p1 input{ width: 92%; text-align: left; }

.table3_p1 th{ width: 25%; border: 1px solid #1a4492; background: #b3caf6; text-align: left; padding-left: 5px; }
.table3_p1 td{ width: 25%; border: 1px solid #1a4492; }
.ip_table3{ border: none; }

.acont_table4{ padding: 10px; /*font-size: 0.6em;*/  margin-bottom: 10%; }
.table4_p1{ width: 100%; }
.table4_p1 td{ text-align: center; }
.table4_p1 input{ width: 92%; text-align: left; }

.table4_p1 th{ width: 25%; border: 1px solid #1a4492; background: #b3caf6; text-align: left; padding-left: 5px; }
.table4_p1 td{ width: 25%; border: 1px solid #1a4492; }
.ip_table4{ border: none; }

#tdImg_00 div{ width: 100%; height: 300px; }
#tdImg_00 textarea{ width: 92%; font-size: 18px; height: 100%; font-family: Arial; border: none; resize: none; }
#tdImg_textarea{ font-size: 18px; }


.data_blue{ background: #1a4492; color: white; border: none; }
.data_blue1{background: #1a4492; color: white; }


.caja_pie, .caja_pie1{ background: #1a4492; color: white; border: none; }
.caja_pie2, .caja_pie3{ background: red; color: white; }

.divcont_picture{ width: 100%; height: 375px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.divcont_picture input{ position: absolute; opacity: 0; width: 20%; height: 375px; }

#tco_1, #tco_2, #tco_3, #tco_4, #tco_5, #tcop_1, #tcop_2, #ret_1, #ret_2{ display: none; }

.cont_logo{ width: 12%; text-align: center; background: red; }

input:focus, input[type]:focus, textarea:focus, select{
    border-color: rgb(255, 255, 255);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.075)inset, 0 0 8px rgba(255,255,255,0.6);
    outline: 0 none;
}
input:disabled {
  color: #000000;
}

.texto_enc{ width: 100%; text-align: right; }

#img_logo1{ display: none; }


.nameEmpresa{ display: block; }

.acont_btns, #popSaveError, #popUpdate, #div_iconosBottom{ display: none; }

#net_1, #net_2{ display:none;}

@media print {
    ::placeholder{ color: #000000; }
    #acont_btns{ display: none; padding: 0; }
    .acont_btns{ display: none; }
    #nameEmpresa{ display:block; }
    #ic_print, #ic_sent{ display: none; }
    #ic_save, #ic_record, #ic_newCelda{ display: none; }
    #table2 th{ color: black; background: white; border: 1px solid #1a4492; }
    #table_enc1 th{ color: #1a4492; }
    #plus_change, #cas_1, #cas_2, #cas_3, #cas_4, #cas_5{ display: none; }
    .espacio_tablas{ display: block; }

    .data_blue{ background: white; color: #000000; border: none; }
    .data_blue1{background: white; color: #000000; }

    .caja_pie, .caja_pie2{ background: white; color: black;  border: 1px solid #1a4492; } 
    .caja_pie1, .caja_pie3{ background: white; color: black; }

    .caja_pie2{ color: red; font-weight: bold; border: 1px solid #1a4492; }

    h2, h3{ font-size: 12px; }
    table, th, td, input, textarea, select{ font-size: 12px; }
    select{ font-size: 6px; }

    .div_espacio{ display: block; }

    table.print-friendly tr td, table.print-friendly tr th {
        page-break-inside: avoid;
    }
    .acont_table4{ margin-bottom: 0; }

    .divcont_picture{ height: 300px; }
    .divcont_picture input{ height: 300px; }
    .acont_cont, .acont_table3{ padding-top: 0; padding-bottom: 0; }

    #img_logo{ display: none; }

    .texto_enc{ width: 90%; text-align: right; }
    .logoc_enc{ width: 15%; display: flex; justify-content: center; align-items: center; flex-direction: column;  }
    #img_logo1{ display: block; }

    #net_1, #net_2{ display:block;}
    #datanet_01, #datanet_02{ display: none; }
    #tdImg_00 textarea, #tdImg_textarea{ font-size: 12px; }

}

 @media (max-width:768px){
  .acont_enc1{ width: 80%; }

  .table_enc2_th{ font-size: 12px; }
}