/**{
        font-size:12px;
}*/
body {
    font-family:helvetica,tahoma,verdana,sans-serif;
    padding:5px;
    font-size:12px;
    margin:0;
}

h2 {
    font-size:18px;
    color:#333;
    font-weight:bold;
    margin:0;
    margin-bottom:15px;
}
.demo-info{
    background:#FFFEE6;
    color:#8F5700;
    padding:12px;
}
.demo-tip{
    width:24px;
    height:16px;
    float:left;
}

/*INICIO ESTILO PARA FORMULARIOS MODALES*/
#fm{
    margin:0;
    padding:10px 30px;
}
.ftitle{
    font-size:14px;
    font-weight:bold;
    color:#666;
    padding:5px 0;
    margin-bottom:10px;
    border-bottom:1px solid #ccc;
}
.fitem{
    margin-bottom:5px;
}
.fitem label{
    display:inline-block;
    width:80px;
}

.div_img_reparacion{
	display:block;
	float:left;
	width:100px;
	height:100px;
	background:#ccc;
	border: 2px solid #CCC;
	text-align:center;
	margin: 10px 5px 0 0;
	position:relative
}

.img_reparacion {
	height: 100px;
	width: 100px;
 }

.div_del_img_reparacion{
	position:absolute;
	right:0px;
	top:0px
}

/*FIN ESTILO PARA FORMULARIOS MODALES*/

.tabla_info{
	border:1px solid #999;
	padding:2px;
	width:100%;
	border-spacing:0px;
}

.uppercase{
    text-transform: uppercase;
}

.container-table{
   display: table;
   border-spacing: 5px;
}

.row-table{
    display: table-row;
}

.cell-head{
    display: table-cell;
    text-align:center;
}

.cell-item{
    display: table-cell;
}

.cell-item-table{
    display: table-cell;
    border:solid 1px #cccccc;  
    text-align:left; 
}

.cell-item-alternative{
    display: table-cell;    
}

.separacion-table{
    clear:both;    
}

.cssHead1{
    border:solid 1px #cccccc;   
     background-color:#E7F0FF;
     font-weight:bold;  
     padding:10px;
}

.container-flex{
    padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: flex-start;
  flex-grow: 1;
    
}

.item-flex span{
     font-family:helvetica,tahoma,verdana,sans-serif;
     font-size:10px;
  }
  
  .cssstylo55{
     font-family:helvetica,tahoma,verdana,sans-serif;
     font-size:10px;
  }
  
.cssstylo56{
     font-family:helvetica,tahoma,verdana,sans-serif;
     font-size:12px;
     padding:10px 10px 10px 10px ;
  }
  
  .cssstylo57{
     font-family:helvetica,tahoma,verdana,sans-serif;
     font-size:12px;
    font-weight: bold;
  }
  
  .cssstylo58{
     font-family:helvetica,tahoma,verdana,sans-serif;
     font-size:12px;
  }
  
  .sinpadding{
      padding:0px;
  }
  
  

  
  .btn-redondo{
      background: #40CE01;
      width:45%;
      display:inline-block;
      text-align:center;
      border-radius: 12%;
      cursor:pointer;
  }
  
  .btn-redondo:hover{
      background: #18B301;
      width:45%;
      display:inline-block;
      text-align:center;
      border-radius: 12%;
      cursor:pointer;
  }
  
  .btn-redondo a{
       text-decoration:none;
       color:#FFF;
  }
  
  .btn-redondo a:hover{
       text-decoration:none;
       color:#FFF;
  }
  .ul-sin-bulls{
      list-style-type: none;
  }
  
  .textareaHomologacion{

    display:block;
    padding:5px;
     width:100%;
     height: 80px
  }
  
  .display-off{
      display:none  !important;
  }
  
  


.mi-panel {
    background-color: #fff; /* Color de fondo blanco */
    border: 1px solid #ccc; /* Borde gris claro */
    padding: 0.1px; /* Espacio interno */
    border-radius: 5px; /* Bordes redondeados */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Sombra suave */
    height: auto;
}
  
  .mi-panel-title {
    
    font-size: 12px; /* Tamaño de fuente del título */
    font-weight: bold;
    color: #575765;
    margin-bottom: 10px; /* Espacio inferior para el título */
    padding: 5px; /* Espacio interno para el título */
    background-color: #f0f0f0; /* Color de fondo gris claro para el título */
    border-bottom: 1px solid #ccc; /* Borde inferior para el título */
  }
  
  .mi-panel.hidden {
    display: none; /* Ocultar el panel completamente */
  }