@charset "utf-8";
/* CSS Document */

/*over boton color: 3f78ea*/
/*boton color: 576b92*/

@font-face {
	font-family: 'CenturyGothic';
	src:  url('../fonts/CenturyGothic/GOTHIC.TTF') format('truetype'),
	url('../fonts/CenturyGothic/GOTHIC.TTF.woff') format('woff'); 
	font-weight:normal;
}

@font-face {
	font-family: 'CenturyGothic';
	src:  url('../fonts/CenturyGothic/GOTHICB.TTF') format('truetype'),
	url('../fonts/CenturyGothic/GOTHICB.TTF.woff') format('woff'); 
	font-weight:bold;
}

body{
	background-color:#333;
	font-family:'CenturyGothic';
	font-size:12pt;
}


h1,h2,h3,h4{
	color:#333;
}


input[type='text'],
input[type='num'],
input[type='date'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea,
select{
	font-family:'CenturyGothic';
}

#contenedor{
	max-width:1300px;
	background-color:#333;
}

#user_ribbon>span{
	color:#CCC;
	padding:10px 10px 10px 35px;
	background-image:url(../img/sprite.png);
	background-position:0px -718px;
}

#paneles{
	display:inline-block;
	width:100%;
	background-color:#FFF;
}

.panel{
	float:left;
	position:relative;
	border:solid 1px #CCCCCC;
	margin:2px;
	padding:10px;
}

#panel_dia{
	width:400px;
}

#panel_semana h1{
	text-align:center;
}

	#panel_semana h1 button{
		margin:0px 50px;
		line-height:-10px;
	}

#semana_chart{
	display:inline-block;
	border:solid 1px #CCC;
	padding:5px;
	background-color:#F8F8F8;
	border-radius:6px;
}

#slide_dia span.fecha,
#semana_chart span.fecha{
	display:inline-block;
	background-color:#999;
	color:#FFF;
	border-radius:3px;
	font-size:10pt;
	padding:2px 4px;
	margin:0px 4px 0px 2px;
	cursor:default;
}

#semana_chart span.nomDia{
	cursor:pointer;
	opacity:0.8;
}

#semana_chart span.nomDia:hover{
	opacity:1;
}

#semana_chart .dia{
	float:left;
	border:solid 1px #999999;
	margin:5px;
	border-radius:3px;
	background-color:#FFF;
	position:relative;
	overflow:hidden;
}

	#slide_dia .columna_docentes,
	#semana_chart .dia .columna_docentes{
		background-color:#69F;
		display:inline-block;
		width:100%;
		position:relative;
	}
	
		#slide_dia .columna_docentes>div,
		#semana_chart .dia .columna_docentes>div{
			border-right:1px solid #FFF;
			/*width:50%;*/
			color:#69F;
			text-align:center;
			padding:5px 0px 5px 0px;
			float:left;
		}
		#slide_dia .columna_docentes>div{
			color:#FFF;
		}
		
		
		#slide_dia .columna_docentes>div span,
		#semana_chart .dia .columna_docentes>div span{
			background-color:#FFF;
			padding:0px 5px;
			border-radius:2px;
			cursor:default;
		}
		
		#slide_dia .columna_docentes>div span{
			background-color:#69F;
		}				
		
		#slide_dia .columna_docentes>div:last-child,
		#semana_chart .dia .columna_docentes>div:last-child{
			border-right:none;
		}
	
	#semana_chart .dia .vertical_bar{
		margin:0px;
		padding:0px;
		width:100px;
		height:280px;
		position:relative;
		background-color:#F8F8F8;
	}
	
		#semana_chart .dia .vertical_bar .oficina_horario{
			position:absolute;
			width:100%;
			background-color:#FFF;
		}
		
			#semana_chart .dia .vertical_bar .oficina_horario.manana{
				height:60px;
				top:40px;
			}	
			
			#semana_chart .dia .vertical_bar .oficina_horario.tarde{
				height:100px;
				top:160px;
			}		



		#semana_chart .dia .vertical_bar .block{
			/*border:solid 1px #CCCCCC;*/
			min-height:8px;
			position:absolute;
			width:100%;
			cursor:pointer;
		}
		
		#slide_dia .vertical_bar .block{
			/*border:solid 1px #CCCCCC;*/
			min-height:8px;
			position:absolute;
			width:100%;
			/*cursor:pointer;*/
		}
		
		#slide_dia .vertical_bar .block.update:hover{
			border:solid 1px #CCCCCC;
			cursor:pointer;
		}		
		
			#slide_dia .vertical_bar .block span{
				font-size:10pt;
			}		
				
		#semana_chart .dia .vertical_bar .block:hover{
			border:solid 1px #666;
			
		}



#semana_chart .dia ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100px;
}

#semana_chart .dia ul li{
	border-top:solid 0px #CCCCCC;
	border-radius:0px;
	height:8px;
	margin:0px 2px;
	overflow:hidden;
}

#semana_chart .dia ul li:first-child{
	border-radius:3px 3px 0px 0px;
}

#semana_chart .dia ul li:last-child{
	border-radius:0px 0px 3px 3px;
}

#semana_chart .dia ul li .clase{
	background-color:#999;
	width:100%;
	padding-left:150px;
}

#slide_dia{
	border:solid 1px #999999;
	border-radius:5px;
	display:inline-block;
	overflow:hidden;
	position:relative;
	width:100%;
}

#slide_dia .vertical_bar{
	height:560px;
	margin:0px;
	padding:0px;
	width:100%;
	position:relative;
	background-color:#F8F8F8;
}

#slide_dia>div{
	float:left;
}

#slide_dia .arrow{
	width:25px;
	background-color:#CCC;
	height:100%;
}

#slide_dia .hoy{
	padding:10px;
}

#ul_hoy{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#ul_hoy li{
	border:solid 1px #F8F8F8;
	margin:1px;
	padding:2px 10px;
}

#ul_hoy li .hora{
	color:#999;
	font-size:9pt;
}

#div_cursos{
	display:block
}

#div_cursos .header h2{
	display:inline-block;
	border-radius:5px;
	color:#FFF;
	background-color:#576b92;
	padding:4px 8px;
	cursor:pointer;
}

#div_cursos .header h2:hover{
	background-color:#3f78ea;
}



#div_cursos .detalleCurso{
	border:solid 1px #CCCCCC;
	border-radius:3px;
	margin:5px;
	padding:5px 10px;
}

#div_cursos .detalleCurso .grupo,
#alumnos_del_curso h2 span.grupo{
	background-color:#0CF;
	color:#FFF;
	border-radius:3px;
	padding:2px 8px;
	font-size:10pt;
}

#div_cursos .clases_bar span{
	padding:2px 5px;
	display:inline-block;
	width:100px;
	
}


#div_cursos .clases_bar .dictados{
	background-color:#576b92;
	border-radius:3px 0px 0px 3px;
	color:#FFF;
}

#div_cursos .clases_bar .restantes{
	background-color:#00ccff;
	border-radius:0px 3px 3px 0px;
	color:#FFF;
}

#ul_alumnos_del_curso{
	list-style-type:none;
	padding:0px;
	width:500px;
}

#ul_alumnos_del_curso li{
	padding:2px 8px;
	margin:2px;
	border-radius:3px;
	border:solid 1px #CCCCCC;
	text-align:left;
}

#ul_alumnos_del_curso li:hover{
	background-color:#EDFDFE;
}


#ul_alumnos_del_curso .alumno{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:25px;
	display:inline-block;
	width:80%;
}

#ul_alumnos_del_curso .icon_coin{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -63px;
	display:inline-block;
	width:20px;
	overflow:hidden;
	text-indent:50px;
}


#ul_alumnos_del_curso .icon_delete{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -84px;
	display:inline-block;
	width:20px;
	overflow:hidden;
	text-indent:50px;
	margin-left:10px;
	opacity:0.2;
}

#ul_alumnos_del_curso .icon_delete.activo{
	opacity:1;
	cursor:pointer;
}

#ul_alumnos_del_curso .debe{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -42px;
}

#alumnos_del_curso .add_item{
	display:inline-block;
	margin: 10px 0px;
	padding:5px 0px 4px 35px;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -105px;
	color:#576b92;
	cursor:pointer;
	transition:all 0.3s;
}

#alumnos_del_curso .add_item:hover{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -135px;
	color:#3f78ea;
}

form p *{
	/*display:inline-block;*/
}

span[rel="mail_status"]{
	padding:0px 0px 2px 20px;
	margin-left:5px;
	display:none;
}

span[rel="mail_status"].mail_buscando{
	background-image:url(../img/spinning.gif);
	background-position:center;
	background-repeat:no-repeat;
	
}

span[rel="mail_status"].mail_libre{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -165px;
}

span[rel="mail_status"].mail_ocupado{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -189px;
}

form>div{
	margin-bottom:20px;
}

form p label:first-child,
form p label.PJ,
form div.p_itemsBox label:first-child
{
	width:180px;
	display:inline-block;
	text-align:right;
	padding-right:5px;
}

form div.p_itemsBox label:first-child
{
	vertical-align:top;
}

form div.p_itemsBox
{
	margin:5px 0px;
}

.div_msg{
	max-width:400px;
	text-align:center;
}

.icon_pregunta, icon_alerta, icon_done, icon_error{
	text-align:center;
}

.icon_pregunta span{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -213px;
	width:66px;
	height:66px;
	display:inline-block;
	overflow:hidden;
	text-indent:100px;
}

.icon_error span{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -935px;
	width:66px;
	height:66px;
	display:inline-block;
	overflow:hidden;
	text-indent:100px;
}


.icon_alerta span{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -279px;
	width:72px;
	height:66px;
	display:inline-block;
	overflow:hidden;
	text-indent:100px;
}

.icon_done span{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -345px;
	width:65px;
	height:66px;
	display:inline-block;
	overflow:hidden;
	text-indent:100px;
}

#detalle_pagos .credito{
	margin:10px 0px;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	padding:5px 5px;
}

#registro_abono .inversion,
#detalle_pagos .curso .inversion,
#detalle_pagos .credito .abono,
#detalle_pagos .credito .deuda
{
	font-size:10pt;
	background-color:#09F;
	color:#FFF;
	padding:2px 5px;
	border-radius:3px;
	margin:0px 5px;
}

#detalle_pagos .curso .inversion.deuda{
	background-color:#C00;
}

#detalle_pagos .credito .deuda{
	background-color:#900;
}

#detalle_pagos .curso{
	margin:30px 0px 30px 30px;
}

#detalle_pagos h3,
#registro_abono h3{
	vertical-align:top;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -415px;
	padding-left:45px;
}

#detalle_pagos .reporte_abonos{
	border-radius:3px;
	border:solid 1px #CCCCCC;
	padding:5px 10px;
}

#detalle_pagos .reporte_abonos .add_item,
#div_cursos .detalleCurso .add_item,
#grupo_set .add_item,
#dictado_set .add_item

{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -469px;
	padding-left:25px;
	margin-left:5px;
	cursor:pointer;
	transition:all 0.3s;
}

#detalle_pagos .reporte_abonos .add_item:hover,
#div_cursos .detalleCurso .add_item:hover,
#grupo_set .add_item:hover,
#dictado_set .add_item:hover
{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -489px;
}

#detalle_pagos .lista_pagos{
	border:solid 1px #CCCCCC;
	border-radius:3px;
	list-style-type:none;
	padding:0px;
}

#detalle_pagos .lista_pagos li{
	margin:0px;
	padding:4px 10px;
}

#detalle_pagos .lista_pagos li .fecha_pago{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -21px;
	padding-left:25px;
}

#detalle_pagos .lista_pagos li .delete_abono{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -509px;
	padding-left:25px;
	transition:all 0.3s;
	cursor:pointer;
}

#detalle_pagos .lista_pagos li .monto_abono{

	margin:0px 5px;
	border-left:solid 1px #999;
	padding:0px 5px;
}

#detalle_pagos .lista_pagos li .delete_abono:hover{
	background-position:0px -529px;
}

#detalle_pagos .lista_pagos li .delete_abono.off{
	background-position:0px -549px;
	cursor:auto;
}

#detalle_pagos .lista_pagos li:nth-child(odd){
	background-color:#F2FCFF;
}

#detalle_pagos .lista_pagos li:nth-child(even){
	background-color:#FFF;
}

#registro_abono>p{
	margin-left:45px;
}

#registro_abono h2{
	margin-bottom:20px;
}

#registro_abono h3{
	margin-bottom:10px;
}

.ul_semana{
	display:inline-block;
	list-style-type:none;
	padding:2px 0px;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	margin:8px 0px 2px 0px;
	width:100%;
}

.ul_semana li{
	float:left;
	margin:2px;
}

.ul_semana li span{
	padding:2px;
	border:solid 1px #CCCCCC;
	display:inline-block;
	width:40px;
	text-align:center
}

.ul_semana li span.selected{
	background-color:#3f78ea;
	color:#FFF;
}

#registro_dictado .icon_delete,
#grupo_set .icon_delete,
#dictado_set .icon_delete
{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -569px;
	padding-left:27px;
	transition:all 0.3s;
	cursor:pointer;
	margin-left:5px;
}

#dictado_set .cuotas p:first-child span,
#dictado_set .cuotas input[type=text]{
	display:inline-block;
	width:80px;	
}

#registro_grupo h2 span:last-child{
	display:inline-block;
	width:25px;
	height:20px;
	margin:0px 10px;
}

#registro_dictado .icon_delete:hover,
#grupo_set .icon_delete:hover,
#dictado_set .icon_delete:hover
{
	background-position:0px -589px;
}

#grupo_set h5{
	margin:10px 0px 4px 0px;
}

#registro_dictado .icon_save{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -609px;
	padding-left:27px;
	transition:all 0.3s;
	cursor:pointer;
	margin-left:5px;
}

#registro_grupo .icon_save:hover{
	background-position:0px -629px;
}

#registro_grupo .item_dia input[type='text']{
	width:50px;
}

#registro_grupo .div_dia,
#grupo_set .div_dia
{
	border-radius:4px;
	border:solid 1px #CCC;
	padding:10px 10px 10px 20px;
	margin-bottom:10px;
}

#registro_grupo .div_dia .item_dia:first-child h5,
#grupo_set .div_dia .item_dia:first-child h5
{
		margin:4px 0px;
}



#registro_grupo .grupo,
#grupo_set .grupo{
	border: solid 1px #CCCCCC;
	border-radius:3px;
	padding:10px 20px;
	margin:20px 0px;
}

#registro_grupo .grupo .n_grupo{
	background-color:#0CF;
	border-radius:5px;
	padding:5px 10px;
	color:#FFF;
}

/*
#registro_grupo .grupo .update{
	background-color:#0CF;
	border-radius:5px;
	padding:5px 10px;
	margin-left:20px;
	color:#FFF;
	cursor:pointer;
}
*/
#registro_grupo .grupo .q_alumno{
	background-image:url(../img/sprite.png);
	background-position:0px -695px;
	background-repeat:no-repeat;
	padding-left:40px;
	margin-left:30px;
}

.icon_docente{
	background-image:url(../img/sprite.png);
	background-position:0px -1001px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding:0px 0px 10px 50px;
	border-bottom:solid 1px #cccccc;
}

#registro_grupo h5{
	margin:0px;
	font-size:10pt;
}

#registro_dictado .add_grupo{
	border-radius:3px;
	padding:10px 20px;
	background-color:#576b92;
	color:#FFF;
	cursor:pointer;
}

#registro_dictado .add_grupo:hover{
	background-color:#3f78ea;
	color:#FFF;
}

form input[type="submit"],
form input[type="reset"],
button{
	font-family: 'CenturyGothic';
	font-size:12pt;
}

.detalleCurso h4{
	color:#576b92;
	font-size:14pt;
}

.detalleCurso .bloque-detalle{
	border:solid 1px #F4F4F4;
	border-radius:5px;
	margin:5px 0px;
	padding:5px 10px;
	background-color:#FFF;
}

.detalle_curso span.dictadoNombre{
	color:#FFF;	
}

.detalleCurso .horario h4{
	background-image:url(../img/sprite.png);
	background-position:0px -649px;
	background-repeat:no-repeat;
	padding-left:25px;
}

.detalleCurso .total_clases h4{
	background-image:url(../img/sprite.png);
	background-position:0px -672px;
	background-repeat:no-repeat;
	padding-left:28px;
}

.detalleCurso .total_clases p:nth-child(3){
	padding-left:20px;
	font-size:9pt;
	color:#576b92;
}

.detalleCurso .total_clases p:nth-child(4){
	padding-left:20px;
	font-size:9pt;
	color:#00ccff;
}

.detalleCurso .total_alumnos h4{
	background-image:url(../img/sprite.png);
	background-position:0px -695px;
	background-repeat:no-repeat;
	padding-left:35px;
}

#ul_alumnos_del_curso .alumno{
	cursor:pointer;
}

.ventana_flotante .table{
	margin:10px 0px;

}

.ventana_flotante .table span.lock[data-receive-value='1']{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -801px;
	display:inline-block;
	width:20px;
	transition:all 0.3s;
	cursor:pointer;
}

.ventana_flotante .table span.lock[data-receive-value='1']:hover{
	background-position:0px -822px;
}


.ventana_flotante .table span.lock[data-receive-value='0']{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -759px;
	display:inline-block;
	width:20px;
	transition:all 0.3s;
	cursor:pointer;
}

.ventana_flotante .table span.lock[data-receive-value='0']:hover{
	background-position:0px -780px;
}

.ventana_flotante .table span.juego{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -1070px;
	display:inline-block;
	width:24px;
	transition:all 0.3s;
	cursor:pointer;
}


.ventana_flotante .table span.juego:hover{
	background-position:0px -1093px;
}

.ventana_flotante .table span.stock{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -1024px;
	display:inline-block;
	width:22px;
	transition:all 0.3s;
	cursor:pointer;
}


.ventana_flotante .table span.stock:hover{
	background-position:0px -1047px;
}

.ventana_flotante .table span.delete
{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -843px;
	display:inline-block;
	width:20px;
	transition:all 0.3s;
	cursor:pointer;
}

.ventana_flotante .itemsBox span.delete
{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -569px;
	display:inline-block;
	width:20px;
	height:20px;
	transition:all 0.3s;
	cursor:pointer;
	float:right;
}

.ventana_flotante .table span.pdf {
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -1183px;
  display: inline-block;
  width: 22px;
  transition: all 0.3s;
  cursor: pointer;
}

.ventana_flotante .table span.pdf:hover{
	background-position:0px -1206px;
}


.ventana_flotante .itemsBox .item span.new_save
{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -609px;
	display:inline-block;
	width:20px;
	height:20px;
	transition:all 0.3s;
	cursor:pointer;
	float:right;
}


.ventana_flotante .table span.delete:hover{
	background-position:0px -866px;
}

.ventana_flotante .itemsBox span.delete:hover
{
	background-position:0px -589px;
}

.ventana_flotante .itemsBox .item span.new_save:hover
{
	background-position:0px -629px;
}

.ventana_flotante .itemsBox .item input[type='text']
{
	width:80%;
}

.ventana_flotante .table span.update{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -889px;
	display:inline-block;
	width:24px;
	transition:all 0.3s;
	cursor:pointer;
}

.ventana_flotante .table span.update:hover{
	background-position:0px -912px;
}
.ventana_flotante .table span.pay{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -1137px;
	display:inline-block;
	width:24px;
	transition:all 0.3s;
	cursor:pointer;
}

.ventana_flotante .table span.pay:hover{
	background-position:0px -1160px;
}

.ventana_flotante .table span.add_item{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -468px;
	display:inline-block;
	width:24px;
	transition:all 0.3s;
	cursor:pointer;
}

.ventana_flotante .table span.add_item:hover{
	background-position:0px -489px;
}



.permisos{
	margin:0px 0px 0px 20px;
	padding:10px;
	border-left:solid 1px #999999;
}

#div_cursos_detalle{
	position:relative;
	min-height:200px;
}

.semana>p:last-child{
	text-align:right;	
}

#grupo_set .ul_semana span{
	cursor:pointer;
}

.ul input[type="text"].alerta{
	background-color:#F00;
	color:white;
}

#div_opciones_vendedor, #p_comprador{
	display:none;
}

.grida{
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
  padding: 10px;
  border: solid 1px #eaeaea;
  border-radius: 10px;
  margin-top: 20px;
}

.grida.checklist{
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 819px;
}

.grida.combustible{
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 819px;
}

.grida.boxes{
	display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 819px;
}

.grida.observaciones{
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 819px;
  grid-gap: 20px;
}



.grida form p label:first-child, 
.grida label:first-child {
  text-align: left;
  width: auto;
 }
 
 
.grida.boxes p label,
.grida.observaciones p label{
  width: 100%;
}

.grida.observaciones p textarea{
  min-height: 30px;
}

.grida.estadocomponentes {
	display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 819px;
  grid-gap:10px;
}
 
 
 .marcadorLikertCantidad span{
  padding: 0px 10px;
  cursor: pointer;
  font-size: 0px;
  width: 20px;
  display: inline-block;
  height: 20px;
  overflow: hidden;
  line-height: 61pt;
border-top: solid 1px gray;
  border-left: solid 1px gray;
  border-bottom: solid 1px gray;
}

 .marcadorLikertSemaforo span{
padding:0px 10px;
  cursor: pointer;
  font-size: 0px;
width: 10px;
  display: inline-block;
  height: 26px;
  overflow:hidden;
  line-height: 61pt;
  border:solid 1px gray;
  margin:4px;
  border-radius:11px;
}


.marcadorLikertCantidad span:nth-child(1).checked{
	 background-color:red;
}

.marcadorLikertSemaforo span:nth-child(1){
	 background-color:#45f945; 
}

.marcadorLikertCantidad span:nth-child(2).checked{
	 background-color:orange;
}

.marcadorLikertSemaforo span:nth-child(2){
	 background-color:yellow;
}

.marcadorLikertCantidad span:nth-child(3).checked{
	 background-color:yellow;
}

.marcadorLikertSemaforo span:nth-child(3){
	 background-color:red; 
}

.marcadorLikertSemaforo span.checked{
	 border:solid 4px black;
	 margin: 1px;
}


.marcadorLikertCantidad span:nth-child(4).checked{
	 background-color:green; 
}

.marcadorLikertCantidad span:nth-child(4){
	border-right: solid 1px gray;
}

#listar_ordenesServicio,
#listar_citas,
#listar_checklists,
#listar_ordenesSalida{
  max-width: 1200px;
}

#listar_ordenesSalida .header .cell:last-child{
  width: 128px;
}

#listar_checklists .header .cell:last-child,
#listar_ordenesServicio .header .cell:last-child{
  width: 100px;
}

p.total{
  text-align: right;
  margin: 15px 0px;
}

p.total span{
	border-radius: 5px;
  border: solid 1px #CCCCCC;
  padding: 5px 10px;
}

input.span{
  cursor: text;
  border: none;
  background-color: transparent;
}

.buscador form .wrapper.fecha {
  display: grid;
  grid-template-columns: 180px auto;
  width: 100%;
  grid-gap: 10px;
}

.buscador form input[type=date] {
  width: 100%;
}

@media only screen and (max-width: 450px){ /*desde hasta 450 hasta 768*/
	.grida.checklist {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  width: 819px;
	}
	
	.grida.boxes {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  width: 100%;
	  grid-gap: 20px;
	}
	
	.grida.combustible {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  width: 100%;
	}
	.grida.observaciones {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  width: 100%;
	  grid-gap: 0px;
	}


	textarea.short {
	  width: 100%;
	}
}