/*(NO BORRAR)   DEBUG DIV RED BORDER  */
/* div {
    border: 1px solid red; 
}
 span {
    border: 1px solid green; 
}*/
/*
html{
	 font-size: 20px;
    
}*/


/* IA DEEPSEEK MODIFICACIONES */

 

/*FIN IA DEEPSEEK  */

body  
{ 
    
/*font-family: 'Open Sans';font-size: 22px;*/  

/*    font-family: arial; 
	background-color: beige ;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-family: "Times", Arial, Helvetica, sans-serif;
      font-family: "Verdana", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
	 font-size: 1.8vw;     
	 font-size: 13px;     */
}

/*  span.navbar-badge{ 
     font-size: 1vw;   
  }*/

 
.only_screen {
    display: block !important;
}




/*input[type="checkbox"] {
  transform: scale(3);       
  margin: 10px;  
}*/

  
 /*  VIDEO YOUTUBE EN FICHA.PHP  */ 

         
        .preview-container {
            position: absolute;
            bottom: 30px;
            /*left: 50%;*/
            left: 150px;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            background: #000;
            border-radius: 8px;
            overflow: hidden;
            opacity: 0;
            transition: all 0.15s ease;
            box-shadow: 0 6px 12px rgba(0,0,0,0.3);
            z-index: 10;
        }
        
        .preview-container.active {
            width: 280px;
            height: 158px;
            opacity: 1;
        }
        
        .preview-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            transition: opacity 0.2s;
        }
        
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .preview-container iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

 /*  FIN  VIDEO YOUTUBE EN FICHA.PHP  */ 



 


 /*MICROFONO DE LA VOZ   voz*/ 
 
        .mic-button {
            padding: 10px;
            font-size: 20px;
            border-radius: 30%;
/*            background: #007bff;
            color: white;*/
            background: white;
            color: grey;
            border: 0.5px solid silver;
            cursor: pointer;
        }
        .mic-button.listening {
            /*background: #dc3545;*/
            color: red;
            animation: pulse 1s infinite;
            /*border: 1px solid red;*/
        }
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(2); }
            100% { transform: scale(1); }
        }

  /*   FIN MICROFONO DE LA VOZ   */ 
       
        
/*CLASES MODALES PARA JS_HREF PROMPT*/

                    .prompt2-modal {
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(0, 0, 0, 0.5);
                        z-index: 10000;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                    
                    .prompt2-dialog {
                        width: 90%;
                        max-width: 500px;
                        background: white;
                        border-radius: 8px;
                        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
                        padding: 20px;
                    }
                    
                    .prompt2-title {
                        font-size: 18px;
                        margin-bottom: 15px;
                        color: #2c3e50;
                        font-weight: 500;
                    }
                    
                    .prompt2-input-group {
                        margin-bottom: 15px;
                    }
                    
                    .prompt2-input-label {
                        display: block;
                        margin-bottom: 5px;
                        font-weight: 500;
                        color: #2c3e50;
                    }
                    
                    .prompt2-input {
                        width: 100%;
                        padding: 12px;
                        border: 1px solid #ddd;
                        border-radius: 4px;
                        font-size: 16px;
                        box-sizing: border-box;
                    }
                    
                    .prompt2-input:focus {
                        outline: none;
                        border-color: #3498db;
                        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
                    }
                    
                    .prompt2-buttons {
                        display: flex;
                        justify-content: flex-end;
                        gap: 10px;
                        margin-top: 20px;
                    }
                    
                    .prompt2-button {
                        padding: 8px 16px;
                        border: none;
                        border-radius: 4px;
                        cursor: pointer;
                        font-weight: 500;
                    }
                    
                    .prompt2-button-confirm {
                        background: #27ae60;
                        color: white;
                    }
                    
                    .prompt2-button-confirm:hover {
                        background: #219653;
                    }
                    
                    .prompt2-button-cancel {
                        background: #e74c3c;
                        color: white;
                    }
                    
                    .prompt2-button-cancel:hover {
                        background: #c0392b;
                    }
                    
                    @media (max-width: 480px) {
                        .prompt2-dialog {
                            width: 95%;
                            padding: 15px;
                        }
                        
                        .prompt2-buttons {
                            flex-direction: column;
                        }
                        
                        .prompt2-button {
                            width: 100%;
                        }
                    }

/*  FIN  CLASES MODALES PARA JS_HREF PROMPT*/


.bg-silver {
    background-color: #C0C0C0 !important; /* Color silver estándar */
    opacity: 0.8; /* Ligera transparencia para suavizar */
}


input[type="checkbox"].selection {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid silver;
  border-radius: 4px;
  outline: none;
  /*transition: all 0.3s;*/
  cursor: pointer;
}
input[type="checkbox"].selection:checked {
  background-color: silver;
  border-color: silver;
}



.texto_vertical {
      writing-mode: vertical-rl; /* "rl" significa de derecha a izquierda, "lr" sería de izquierda a derecha */
    }



/*CSS DE TABULADOR, juand, marzo 2021*/
 ul.cc_tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of cc_tabs--*/
	/*border-bottom: 1px solid #999;*/
	border-left: 1px solid #999;
	width: 100%;
}
ul.cc_tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
        border-radius: 15px 15px 0px 0px;
}
ul.cc_tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; 
	outline: none;
        
        /*redondeo*/
        border-radius: 15px 15px 0px 0px;
/*          -webkit-border-top-left-radius: 15px;
          -webkit-border-top-right-radius: 15px;
          -moz-border-radius-topleft: 15px;
          -moz-border-radius-topright: 15px;
          border-top-left-radius: 15px;
          border-top-right-radius: 15px; */
}
/*ul.cc_tabs li a:after, ul.cc_tabs li a:before { 
          width: 20px; 
          height: 20px;
           Circles are circular 
          -webkit-border-radius: 10px;
          -moz-border-radius:    10px;
          border-radius:         10px;
          background: #222;

        fin redondeo
}*/
ul.cc_tabs li a:hover {
	background: #ccc;
}
html ul.cc_tabs li.active_tab, html ul.cc_tabs li.active_tab a:hover  { /*--Makes sure that the active_tab tab does not
        listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active_tab tab look like it's connected with
        its content--*/
        /*redondeo*/
        border-radius: 15px 15px 0px 0px;

        z-index: 3; 
}

.tab_container {
	/*border: 1px solid #999;*/
	/*border-top: none;*/
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	/*font-size: 1.2em;*/
}



/*fin CSS DE TABULADOR, juand, marzo 2021*/












/*CORRIJO UN PUTO ERROR DE ADMIN LTE, juand junio 2020*/
.btn.btn-default.active
{
    background-color: #e6e6e6;
}

.borde_gris
{
    width:100% ; 
    border-style:solid;
    border-width:1px; 
    border-color:silver;
    
}




/* Icon when the collapsible content is hidden */
div.div_boton_expand .btn.collapsed:after {
      /*font-family: "Glyphicons Halflings";*/ 

  /*content: "\e114";*/
  content: "+";
}
    
    /* Icon when the collapsible content is shown */
div.div_boton_expand .btn:after {
  /*font-family: "Glyphicons Halflings";*/
  /*content: "\e080";*/
  /*content: "\e113";*/
  content: "-";
}


 /*CSS DE WIKI*/

 .wiki-container {
    position: relative;
    display: inline-block;
}

.box_wiki {
    display: none;
    width: 300px; /* Ajusta el ancho según necesites */
    height: 240px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.box_wiki iframe {
    width: 100%;
    height: 100%;
    border: none;
}


 /*  FIN CSS DE WIKI*/



div.div_edit:hover {
  /*border: 1px solid lightblue;*/
    background-color: white;
}

div.div_edit {  
  /*border: 1px solid lightblue;*/
    /*background-color: white;*/
    min-height: 50px;
    /*font-size: 120%;*/
}



table {
    font-size: 13px;   
    border-collapse: collapse;
    width: 100%;
}

table td {
 
    /*text-align: center;*/
     border-bottom: 1px solid #ddd;
    padding: 3px;
    /*padding-bottom: 30px;*/
    /*white-space: nowrap;*/
    /*height: 20px;*/
}

td.nowrap{
  white-space: nowrap;

}


 table  tr:hover {background-color: #ddd;}



table th {
        /*text-align: center;*/
     border: 1px solid #ddd;
    padding: 3px;
    /*height: 20px;*/

    /*cursor: pointer;*/
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center; 
    /*color del fondo de TH*/
    background-color: #F2F4F4;      
    /*color: white;*/
    font-weight: bold;
      /*white-space: nowrap;*/
  
    
 }
 
 .float_left {
    /*border: 1px solid blue;*/
    float: left;
    /*cursor: pointer;*/
}

.textarea_tabla {
    /*height: 4em;*/
    width: auto;
    border-width: 0px ;

}




.only_print {
       display:none; 
   }


/* cc_btnt  botones del tab de los MULTIFILTROS */
.cc_btnt { 
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Style the active class (and buttons on mouse-over) */ 
.cc_active, .cc_btnt:hover {
  background-color: #666;
  color: white;
}    
  
 


/*input[type=checkbox] {
  transform: scale(2);
}*/

/*botones dentro de las etiquetas y valores de FICHA.PHP y celdas de TABLA.php*/
.transparente{
    opacity:0.40 ;
    color:grey;
    transition: transform 0.2s;
}
 .transparente:hover{ 
    opacity:0.9 ;
    transform: scale(1.07);
}
	


 a.input_mobile {  
           width: 500px ;
           height: 100px ;
	   border: 2px solid blue;  
     
	font-size: 40px;
}
 input.input_mobile  {  
           width: 500px ;
           height: 100px ;
	   border: 2px solid red;  
     background-color: lightpink;
	font-size: 40px;
}
 input.input_mobile:focus { 
    border: 2px solid red;
    background-color: lightyellow;

}
input.input_mobile:valid	{ 
    border: 2px solid blue;
      background-color: white;
}	

 .border {
     /*display: block;*/
    border: 1px solid silver; padding: 8px 16px;
}

/* para los div que sugieren valores  por ajax   */

div.sugerir ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 50%;
    background-color: #f1f1f1;
}

 div.sugerir ul li a {
    display: block;
    color: grey;
    padding: 8px 16px;
    text-decoration: none;
	text-align: left;
	border-style: solid;
    border-width: 1px;
	border-color: silver;
}

/* Change the link color on hover */ 
div.sugerir ul li a:hover {
    background-color: #555;
    color: white;
}
 div.sugerir  b {  
    color: blue;
}

cc_center
{
    text-align: center;
}




.mainc {
  float:left;
  overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
   -moz-box-sizing:border-box;
  width:70%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}
.mainc_100 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:100%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}

.mainc_90 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:90%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}
.mainc_80 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:80%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}
.mainc_70 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:70%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}
.mainc_60 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:60%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}
.mainc_50 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:50%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}
.mainc_40 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:40%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}
.mainc_30 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:30%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}
.mainc_20 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:20%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}
.mainc_10 {
  float:left;
    overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
  width:10%;
  padding:0 20px;
  /*margin-top: 60px ; z-index: 0 ;*/
}


.right2 {
  background-color:#E7F8FC;  overflow:auto ;  box-sizing: border-box;   -moz-box-sizing:border-box;
  overflow:auto ;
  box-sizing: border-box;   -moz-box-sizing:border-box;
 
  float:left;
  width:30%;
  padding:10px 15px;
  /*margin-top:60px;*/
}
.right2_20 {
  background-color:#E7F8FC;  overflow:auto ;  box-sizing: border-box;   -moz-box-sizing:border-box;
  float:left;
  width:20%;
  padding:10px 15px;
  /*margin-top:60px;*/
}
.right2_30 {
  background-color:#E7F8FC;  overflow:auto ;  box-sizing: border-box;   -moz-box-sizing:border-box;
  float:left;
  width:30%;
  padding:10px 15px;
  /*margin-top:60px;*/
}
.right2_40 {
  background-color:#E7F8FC;  overflow:auto ;  box-sizing: border-box;   -moz-box-sizing:border-box;
  float:left;
  width:40%;
  padding:10px 15px;
  /*margin-top:60px;*/
}
.right2_50 {
  background-color:#E7F8FC;  overflow:auto ;  box-sizing: border-box;   -moz-box-sizing:border-box;
  float:left;
  width:50%;
  padding:10px 15px;
  /*margin-top:60px;*/
}
.right2_60 {
  background-color:#E7F8FC;  overflow:auto ;  box-sizing: border-box;   -moz-box-sizing:border-box;
  float:left;
  width:60%;
  padding:10px 15px;
  /*margin-top:60px;*/
}
.right2_70 {
  background-color:#E7F8FC;  overflow:auto ;  box-sizing: border-box;   -moz-box-sizing:border-box;
  float:left;
  width:70%;
  padding:10px 15px;
  /*margin-top:60px;*/
}
.right2_80 {
  background-color:#E7F8FC;  overflow:auto ;  box-sizing: border-box;   -moz-box-sizing:border-box;
  float:left;
  width:80%;
  padding:10px 15px;
  /*margin-top:60px;*/
}

/*.textarea_ficha {
    height: 4em;
    width: 30em;
    border-width: 0px ;

}*/
	



/*CLASE TOPNAV*/

.topnav {
  /*border:1px solid red ;*/ 
  
  overflow: hidden;
  background-color: #333;
	
  /*position: fixed;*/
  /*top: 58px;*/
  width: 100%;
  /*height:30px ;*/
  /*float:left ;*/
  z-index: 10;

}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 5px 15px;
  text-decoration: none;
  font-size: 15px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}


.topnav .icon {
  display: none;
}

.solo_mobile {
  display: none;
}




@media only screen and (max-width:980px) {
    

    .dropdown-menu.show.men{
        top: 50% !important;
        left: 50% !important;
        position: fixed !important;
    }


    /* For mobile phones: */
    
    
body
{
	 font-size: 4vw;
	 /*background-color: white ;*/
	 background-color: #f5f9f9 ;
}


   table {
    font-size: 4vw; 
  }
   div {
     overflow: scroll;
  }
/*  option {
   font-size: 4.2vw;   
  transform: scale(2);  
}*/
  



span.badge {
        font-size: 2vw; 

  }

 .c_text {
        display: none;     
    }  
  
.nomobile {
/*    text-align: center;*/
    display:none
} 

.glyphicon , .fas, .far, .fab {
/*    text-align: center;*/
    font-size: 4vw;
} 

 .h1, h1
{
    /*text-align: center;*/
    font-size: 6vw;
} 
 .h2,h2
{
    /*text-align: center;*/
    font-size: 6vw;
} 
.h3,h3
{
    /*text-align: center;*/
    font-size: 6vw;
} 
.h4,h4
{
    /*text-align: center;*/
    font-size: 6vw;
} 
  h5, h6
{
    /*text-align: center;*/
    font-size: 4vw;
} 
  
  
   .mainc, .mainc_100, .mainc_90, .mainc_80, .mainc_70, .mainc_60, .mainc_50, .mainc_40 , .mainc_30 {	   
    width:100%;
  }
   .right2, .right2_20, .right2_30, .right2_40, .right2_50, .right2_60, .right2_70, .right2_80 {	   
    width:100%;
  }
  
/*  input[type=checkbox] {
  transform: scale(4);
   width: 40px; 
   height: 40px; 
}*/


table, td, p, label, button, input,select,option
{
    /*font-family: arial;*/
    font-size: 4vw;
}
.btn
{
    /*font-family: arial;*/
    font-size: 4vw;
}
/*.discreto
{
    font-family: arial;
    font-size: 3vw;
}*/


input.form-control
{
    font-size: 4vw;
}


input.input_mobile , a.input_mobile {       
     width: 100%;
     height: 15% ;
     font-size: 60px;
}
 
div.sugerir ul {
    width: 100%;
}


div.sugerir ul li a{
    	font-size: 60px;
}

 a {
    font-size: 4vw; 
  }
  
  input[type=date] {
  /*transform: scale(3);*/
  font-size: 4vw;   
}

/*
 input[type=checkbox] {
  transform: scale(3);
  font-size: 4vw;   
}*/


input {
  /*transform: scale(1.5);*/
   font-size: 4vw;   
}

.textarea_ficha {

   width: 19em; 
   /*width: 10em;*/ 
   font-size: 4vw;   
   border-width: 0px ;

  /*transform: scale(2);*/  
}
textarea:focus {
/*  height:100px;*/
   border-color: green;
   border-width: 5px ;
  
}

select {
     /*height:100px;*/
     /*transform: scale(1.5);*/  
   font-size: 4vw;   

}

/*option {
   font-size: 6vw;   
  transform: scale(4);  
}*/

  /*.topnav a:not(:first-child) {display: none;}*/
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
    text-align: left;
    font-size: 20px;

    /*height:50px;*/
  }
 .topnav a {
  font-size: 20px;
}
.topnav  {
  /*top: 100px;*/
}
 .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

.solo_mobile {
  display: inline;
}

}

@media print {
    
/*    div.div_edit { 
    font-size: 130%;
}*/



   .mainc, .mainc_100, .mainc_90, .mainc_80, .mainc_70, .mainc_60, .mainc_50 {	   
    width:100%;
  }
   .right2, .right2_20, .right2_30, .right2_40, .right2_50, .right2_60, .right2_70, .right2_80 {	   
    width:100%;
  }


   .noprint { 
       display:none;
   }
   .only_print {
       display:initial;
   }
   .topnav {
       display:none;
   }
   
   .sidenav {
       display:none;
   }
   
    font-size: 4.2vw; 
    a[href]:after {
      display: none;
      visibility: hidden;
   }
   
    a:link
    {
    color: black ;
    text-decoration:none;
    }

   
    
    textarea { 
        
        height: auto !important;
        overflow: visible !important;
        border: none;
    }
    

   thead {
            display:table-header-group;
            margin-bottom:2px;
             /*padding-top: 500px ;*/
            
/*            top:8cm;*/
        }
   table td {
            border : none ;
            /*font-size: 8pt ;*/
            /*font-family:arial;*/
        }

    div.divHeader {
                
                position: fixed;
                top: 0cm;
                /*padding-top: 500px ;*/
                padding-bottom: 500px ;
/*                height: 320px;
                display:block;*/
              
                
            }
            
     div.divFooter {
                position: fixed; 
                bottom: 0cm;
                
                
            }
            
  
}    
  @page 
    {margin-top:1cm;
     margin-left:1cm;
     margin-right:1cm;
     margin-bottom:1cm;
     
     @bottom-center {
            content: counter(page) "/" counter(pages);
        }
     
     
    }

/*    @page {
       @bottom-left {
            content: counter(page) "/" counter(pages);
        }
     }*/
    
    
    
   @media screen {
            div.divHeader {
                display: none;
            }
            
           div.divFooter {
                display: none;
            }
         }

  th.hide_id { display: none; }
  td.hide_id { display: none; }



  @media screen and (max-width: 735px){
    .nav-item .btn-group.show{
      overflow: visible;
    }
    .nav-item .dropdown-menu.show { 
      margin-left: -129%;
    }
  }

  @media screen and (min-width: 735px) and (max-width: 1114px){
    .nav-item .dropdown-menu.show { 
      margin-left: -88%;
    }
    .nav-item .btn-group.show{
      overflow: visible;
    }
  }
  
  


/* inicio estilos plantilla pdf. BBORIKO junio-2022*/

header.c_template_pdf  {
  position: relative;
  padding: 15px;
  font-family: arial, sans-serif !important;
  font-size: 0.8rem !important;
}

header.c_template_pdf .header_logo {
  width: 40%;
  position: absolute;
  float: left;
}

header.c_template_pdf .header_logo img {
  width: 100%;
}

header.c_template_pdf .header_data {
  width: 60%;
  position: absolute;
  float: right;
  text-align: center;
}

header.c_template_pdf .header_data .header_data_title {
  margin-bottom: 10px;
  color: #333333;
  font-size: 2.4rem;
  text-align: center;
  margin-right: 10px;
  font-weight: bolder;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-weight: bolder;
}

header.c_template_pdf .header_data .header_data_content {
  list-style-type: none;
  font-weight: bold;
  padding: 0;
  margin-right: 40px;
}

header.c_template_pdf .header_data .header_data_content span {
  font-weight: 500;
}

section.idt.c_template_pdf {
  position: relative;
  font-family: arial, sans-serif !important;
  font-size: 0.9rem !important;
}

section.idt.c_template_pdf  section,
header.c_template_pdf,
section.firms.c_template_pdf,
section.conditionsAndOthers.c_template_pdf {
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

section.idt.c_template_pdf section {
  width: 49%;
  position: absolute;
}

section.idt.c_template_pdf section.idt_company{
  float: left;
}

section.idt.c_template_pdf section.idt_customer
{ 
  float: right;
}

section.idt.c_template_pdf ul,
section.firms.c_template_pdf ul {
  list-style-type: none;
  padding: 15px;
  margin: 0
}

section.idt.c_template_pdf h2,
header.c_template_pdf,
section.idt.c_template_pdf section,
section.decription.c_template_pdf,
section.content.c_template_pdf,
section.firms.c_template_pdf {
  border: 1px solid #d7d7d9;
  border-collapse: collapse;
}

section.idt.c_template_pdf h2 {
  background-color: #f0f1f2;
  -webkit-print-color-adjust: exact;
  margin: 0;
  padding: 15px;
  text-align: center;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 1.2rem
}

section.idt.c_template_pdf ul li {
  font-weight: bold;
}

section.idt.c_template_pdf ul li span {
  font-weight: normal;
}

section.decription.c_template_pdf {
  padding: 15px;
  margin: 20px 0 20px 0;
  font-family: arial, sans-serif !important;
  font-size: 0.8rem !important;
}

section.decription.c_template_pdf h2 {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 1.2rem
}

section.content.c_template_pdf {
  margin-bottom: 10px;
  font-family: arial, sans-serif !important;
  font-size: 0.8rem !important;
}

section.content.c_template_pdf h2 {
  margin: 0;
  padding: 20px 10px 20px 10px;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 1.2rem;
}

section.firms.c_template_pdf {
  position: relative;
  padding: 15px;
  font-family: arial, sans-serif !important;
  font-size: 0.8rem !important;
}

section.firms.c_template_pdf section {
  width: 40%;
  position: absolute;
}

section.firms.c_template_pdf section.firms_company
{ 
  float: left;
}

 section.firms.c_template_pdf section.firms_client
{
  float: right;
}


 section.firms.c_template_pdf section h2 {
  margin: 0;
}

section.conditionsAndOthers.c_template_pdf {
  padding: calc(15px*1.8) 15px;
  margin: 20px 0 40px 0;
  font-family: arial, sans-serif !important;
  font-size: 0.8rem !important;
}


.c_template_pdf button,
.c_template_pdf .collapse,
.c_template_pdf .btn {
  display: none;
}

.c_template_pdf table td {
  border: 1px solid #ddd;
}
/* Fin estilos plantilla pdf*/