.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.left5 { margin-top:5px; }
.left15 {margin-left: 15px; }

.gi-0_6x{font-size: 0.65em;}
.gi-1_5x{font-size: 1.5em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

fieldset.scheduler-border {
	border: 1px groove #ddd !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
	width: inherit;
	/* Or auto */
	padding: 0 10px;
	/* To give a bit of padding on the left and right */
	border-bottom: none;
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
}

.demoInputBox {
    padding: 7px;
    border: #F0F0F0 1px solid;
    border-radius: 4px;
}

#password-strength-status {
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-top: 5px;
}

.medium-password {
    background-color: #b7d60a;
    border: #BBB418 1px solid;
}

.weak-password {
    background-color: #ce1d14;
    border: #AA4502 1px solid;
}

.strong-password {
    background-color: #12CC1A;
    border: #0FA015 1px solid;
}

td.gridjs-td {
    padding: 0px 11px 0px 11px !important;
    font-size: small;
}

tr.gridjs-tr:hover td {
    background-color: #EEE !important;
}

.navbar{
    margin-bottom: 0px !important
}

/*-----*/

/* Estilos para el botón "Descargar CSV errors" */
#button1 {
    width: 100%;
}

/* Estilos para los badges en la lista */
.list-group-item .badge {
    font-size: 14px;
}

/* Ajustes para el formulario */
.list-group {
    margin-top: 20px;
}




/* Estilo para los elementos de lista */
#navbar2 li {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
  }
  
  /* Estilo para el texto de los elementos de lista */
 #navbar2 li a {
    text-decoration: none;
    color: #2c3e50;
  } 
  
  /* Estilo para el efecto de hover */
#navbar2 li:hover {
    background-color: #e0e0e0;
    
  } 
#navbar2 li.selected {
    background-color: #2c3e50;
    border-radius: 5px;
    
}
#navbar2 li.selected a {
    color: white;
}


.text_cella{
    font-size:12px;
}


#table_id3 tr td{
    padding-left:5px !important;
    padding-right: 5px !important;
}
#table_id3 tr th{
    padding-left:5p !important;
    padding-right: 5px !important;
}



/* Estilo para inputs dentro de filas pares */
#table_id3_prof tr:nth-child(odd) input, 
#table_id3 tr:nth-child(odd) input {
    background-color: #f9f9f9 !important; /* Mismo color que la fila */
  }
  
  /* Estilo para inputs dentro de filas impares */
#table_id3_prof tr:nth-child(even) input, 
#table_id3 tr:nth-child(even) input {
    background-color: white !important; /* Mismo color que la fila */
  }

  /* Estilo para inputs dentro de filas al hacer hover */
#table_id3_prof tr:nth-child(odd):hover input ,
#table_id3 tr:nth-child(odd):hover input {
    background-color: #f6f6f6 !important; /* Cambia el color al hacer hover */
}
#table_id3_prof tr:nth-child(even):hover input,
#table_id3 tr:nth-child(even):hover input {
    background-color: #f6f6f6 !important; /* Mismo color que la fila */
  }

  /* Estilos para filas pares  para text area*/
#table_id3_prof  tr:nth-child(even) textarea[id^='row'] ,
#table_id3  tr:nth-child(even) textarea[id^='row'] {
    background-color: white !important; /* Cambia este color según tus preferencias */
}
#table_id3_prof  tr:nth-child(even):hover textarea[id^='row'],
#table_id3  tr:nth-child(even):hover textarea[id^='row'] {
    background-color: #f6f6f6 !important; /* Cambia este color según tus preferencias */
}

/* Estilos para filas impares */
#table_id3_prof tr:nth-child(odd) textarea[id^='row'], 
#table_id3 tr:nth-child(odd) textarea[id^='row'] {
    background-color: #f9f9f9 !important; /* Cambia este color según tus preferencias */
}
#table_id3_prof  tr:nth-child(odd):hover textarea[id^='row'],
#table_id3  tr:nth-child(odd):hover textarea[id^='row'] {
    background-color: #f6f6f6 !important; /* Cambia este color según tus preferencias */
}

/*Treure el spunts d'inici dels li's */
.no-bullets {
    list-style-type: none;
    padding: 0; /* Opcional, elimina el padding por defecto */
    margin: 0; /* Opcional, elimina el margin por defecto */
}

.btn-round1 {
   background-color: white;
   
  } 
.gridjs-tr:hover .btn-round1{
    background-color: #EEE;
   
  }


.btn-round1,
.btn-round1:hover,
.btn-round1 i,
.btn-round1:hover i,
.btn-round1 span,
.btn-round1:hover span {
  color: #000000 !important;
}

.report-header {
    background-color: #f8f9fa;
    padding: 20px;
    text-align: center;
}
.report-body {
    padding: 20px;
}
.report-footer {
    background-color: #f8f9fa;
    padding: 10px;
    text-align: center;
    font-size: 0.9em;
}
.custom-textarea {
    background-color: #f8f9fa;
    border-width: 0px;
    text-align: left;
   
}