@charset "utf-8";
/* CSS Document */
/*over boton color: 3f78ea*/
/*boton color: 576b92*/
html{
	height:100%;
	width:100%;	
}
body{
	padding:0px;
	margin:0px;
	height:100%;
}
div{
	box-sizing:border-box;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
	margin:2px;
	padding:0px;
}
h3 input[type="date"]{
	border:solid 1px #FFF;
	width:200px;
	font-size:14pt;
}
h3 input[type="date"]:hover{
	border:solid 1px #999;
}
hr{
	height:1px;
	background-color:#999;
	border-width:0;
}
p{
	margin:3px 0px;
}
p.hr{
	border-bottom:1px solid #999;
	padding-bottom:10px;
	margin-bottom:10px;
}
.clear_box{
	display:inline-block;
	width:100%;
}
.clearFix{
	float:none;
}
.ventana_flotante .div50{
	width:45%;
	border:dotted 0px #999999;
	float:left;
}
.ventana_flotante .clearFix{
	display:inline-block;
	width:100%;
	float:none;
}
div.emptyImg{
	border:dotted 1px #999999;
	min-height:200px;
	min-width:250px;
	max-width:300px;
	background-image:url(../img/imgEmpty.png);
	background-position:center;
	background-repeat:no-repeat;
}
div.emptyImg img{
	width:100%;
	height:auto;
}
#menu_principal:focus{
outline:none;
}
#menu_principal{
list-style:outside;
border:dotted #FFF 0;
display:inline-block;
margin:0;
padding:0;
font-size:0pt;
font-family:Human521LT;
height:100%;
}
#menu_principal li a{
	font-size:13pt;
}
#menu_principal>li {
list-style-type:none;
display:inline-block;
height:100%;
overflow:hidden;
list-style-type:none;
list-style-image:none;
padding:0px;
margin:0px;
background-image:none;
}
#sistem_ribbon>ul:focus{
	outline:none;
}
#sistem_ribbon>ul{
	border:solid 0px red;
	list-style-type:none;
	display:block;
}
	#sistem_ribbon>ul>li{
		display:inline-block;
	}
	
	#sistem_ribbon>ul>li>a{
		background-color:#FFF;
		color:#333;
		border-radius:3px;
		padding:5px 10px;
		/*transition:all 0.2s;*/
		cursor:pointer;
	}
	
		#sistem_ribbon>ul>li>a.resalte{
			background-color:#4285f4;
			color:white;
		}
	
		#sistem_ribbon>ul>li>a:hover{
			background-color:#333;
			color:#FFF;
			border-radius:3px;
			padding:5px 10px;
			cursor:pointer;
		}	
	
	#sistem_ribbon>ul>li>ul{
		border:solid 1px #333;
		border-radius:5px;
		padding:10px;
		list-style-type:none;
		position:absolute;
		z-index:999;
		display:none;
		background-color:#FFF;
	}
	
	#sistem_ribbon>ul>li>ul>li{
		display:block;
	}	
	
	#sistem_ribbon>ul>li>ul>li>a{
		background-color:#FFF;
		color:#333;
		border-radius:3px;
		padding:5px 10px;
		/*transition:all 0.2s;*/
		cursor:pointer;
		display:block;
	}
	
	#sistem_ribbon>ul>li>ul>li>a:hover{
		background-color:#333;
		color:#FFF;
		border-radius:3px;
		padding:5px 10px;
		transition:all 0.2s;
		cursor:pointer;
	}
ul.checklist{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.checklist li{
	margin:2px 0px;
}
ul.checklist label{
	text-align:left;
}
ul.ul_botonera{
	margin:0px;
	padding:0px;
	list-style-type:none;
	
}
ul.ul_botonera li{
	margin:5px 0px;
}
ul.ul_botonera li span{
	border-radius:3px;
	border:solid 1px #999999;
	cursor:pointer;
	display:block;
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
}
ul.ul_botonera li span.selected{
	border-radius:3px;
	border:solid 1px #00ccff;
	cursor:pointer;
	background-color:#00ccff;
	color:white;
}
.left{
	float:left;
}
skeleton{
	display:none;
}
input[type='text'].boton{
	cursor:pointer;
}
input[type='text'],
input[type='num'],
input[type='number'],
input[type='date'],
input[type='time'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea,
select{
	box-sizing:border-box;
	font-size:12pt;
	margin:0px;
	width:45%;
	border:solid 1px gray;
}
input[readonly],
textarea[readonly]{
	color:#999;
	}
	
p.inputsInline input[type='date']{
	width:160px;
}
p.inputsInline input[placeholder="0.00"],
p.inputsInline input[placeholder="00"]{
	width:60px;
}
	p.inputsInline label{
		margin-left:10px;
	}
	
	p.inputsInline label:first-child{
		margin-left:0px;
	}
.itemsBox{
	display:inline-block;
	box-sizing:border-box;
	font-size:12pt;
	margin:0px;
	width:45%;
	border:solid 1px #CCCCCC;
}
	.itemsBox .item{
		display:block;
		box-sizing:border-box;
		font-size:12pt;
		margin:5px;
		border:solid 1px #CCCCCC;
		padding:2px;
		border-radius:5px;
	}
	
	.itemsBox .item .span:last-child{
		float:right;
		background-color:#F00;
	}
input.searching{
	background-image:url(../img/searching_glass.gif);
	background-repeat:no-repeat;
	background-position:right;
}
textarea{
	width:100%;
	min-height:100px;
}

textarea.short{
	width:45%;
}
.buscador input[type='search']{
	width:100%;
}
#gray_layer{
	display:none;
	/*position:fixed;*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	background-color:rgba(0,0,0,0.7);
	z-index:1;
	opacity:0;
	text-align:center;
	/*overflow-y:hidden;
	overflow-x: scroll;*/
	padding: 40px;
}
#over-div{
	display:none;
	position:absolute;
	top:0px;
	width:100%;
	text-align:center;
	z-index:2;
	display:block;
	opacity:0;
	border:solid 1px red;
}
.ventana_flotante{
	position:absolute;
	background-color:#FFF;
	display:inline-block;
	padding:10px 20px;
	border-radius:3px;
	border:solid 1px #CCCCCC;
	text-align:left;
	top:0px;
	/*opacity:0;*/
	display:none;
	min-height:200px;
	min-width:500px;
	max-width:1000px;
	/*margin:auto auto 50px auto;*/
	
	
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	position:relative;
	margin:auto;
	transition:0.3s all;
	box-shadow: 0px 2px 18px -6px rgba(0,0,0,0.79);
}
.ventana_flotante.wide{
	min-width:80%;
}
.ventana_flotante.widest{
	min-width:95%;
}
form input[type="submit"],
form input[type="reset"],
form input[type="button"],
button,
a.boton{
	background-color:#999;
	color:#FFF;
	display:inline-block;
	padding:5px 10px;
	border-radius:3px;
	margin:3px;
	cursor:pointer;
	border:none;
}
form input[type="button"]{
	box-sizing:border-box;
	font-size:12pt;
	margin:0px;
	
}
div.boton{
	/*background-color:inherit;*/
	color:inherit;
	cursor:pointer;
}
div.boton:hover{
	background-color:#3366cc!important;
	color:#FFF;
}
form input[type="submit"]:hover,
form input[type="reset"]:hover,
form input[type="button"]:hover,
button:hover,
a.boton:hover{
	background-color:#3366cc;
}
button[disabled],
button[disabled]:hover,
form input[disabled],
form input[disabled]:hover{
	background-color:#333;
	color:#666;
	cursor:default;
}
button.corner{
	position:absolute;
	top:0px;
	right:0px;
	margin:15px 20px;
}
form p *{
	/*display:inline-block;*/
}
form>p:last-child{
	text-align:right;
}
div.loading{
	background-color:rgba(255,255,255,0.9);
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../img/spinning.gif);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}
.table .waiting span{
	/*background-color:rgba(255,255,255,0.9);*/
	background-image:url(../img/spinning.gif)!important;
	background-position:center!important;
	background-repeat:no-repeat!important;
	text-align:left;
	color:#FFF;
	width:100%;
	display:inline-block;
}
.div-loading{
	background-color:rgba(255,255,255,0.9);
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../img/div-loading_sending.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.div-loadingBar{
	background-color:rgba(255,255,255,0.9);
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	/*background-image:url(../img/div-loading_sending.gif);*/
	background-image:url(../img/spinning.gif);
	background-position:center;
	background-repeat:no-repeat;
	/*display:none;*/
}
.receiving-data{
	background-color:rgba(255,255,255,0.9);
	width:100%;
	height:100%;
	min-width:300px;
	min-height:200px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../img/div-loading_receiving.gif);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}
.incomplete-data{
	background-color:rgba(255,255,255,0.9);
	width:100%;
	height:100%;
	min-width:300px;
	min-height:200px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}
.div-buscando-coincidencias{
	background-color:rgba(255,255,255,0.9);
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../img/div-buscando-coincidencias.gif);
	background-position:center;
	background-repeat:no-repeat;
	display:none;
}
[rel='fole']{
	/*display:none;*/
}
[rel='keyAcordeon']{
	cursor:pointer!important;
	
}
.btn_hover{
	display:inline-block;
	cursor:pointer;
	padding:4px 8px;
	border-radius:5px;
}
.btn_hover:hover{
	background-color:#00ccff;
	color:#FFF;
}
#contenedor{
	margin:0px auto;
	min-height:100%;
	position: fixed;
	left: 0px;
	right: 0px;
}
.marco{
	border:solid 1px #999;
	border-radius:5px;
	padding:10px;
	margin:5px 0px 5px 0px;
}
.table{
	display:table;
	width:100%;
	border-collapse: separate;
	border-spacing: 2px;
}
.table .row,
.table .lastrow,
.table .subHeader
{
	display:table-row;
	width:100%;
}
.table .row.elegible:hover{
	background-color:#00ccff;
	color:#fff;
}
.table .row.elegible .cell span.bold:hover{
	font-weight:bold;
	cursor:pointer;
}
.table .cell.right{
	text-align:right;
}
.table .cell.elegible{
	cursor:pointer;
}
.table .cell.elegible:hover{
	background-color:#00ccff;
	color:#fff;
}
.table .row .cell label{
	width:100%;
	display:inline-block;
	text-align:left;
	padding-right:5px;
}
.table .header{
	display:table-row;
	width:100%;
}
.table .header .cell{
	display:table-cell;
	border-radius:5px;
	border:solid 1px #CCCCCC;
	padding:2px 10px;
	background-color:#999;
	color:#FFF;
}
.table .subHeader .cell{
	display:table-cell;
	border-radius:5px;
	border:solid 1px #CCCCCC;
	padding:2px 10px;
	background-color:#E9E9E9;
	color:#000;
}
.table .subHeader .cell.noborder{
	display:table-cell;
	border-radius:5px;
	border:none;
	padding:2px 10px;
	background-color:transparent;
	color:#FFF;
}
.cell{
	display:table-cell;
	border-radius:5px;
	border:solid 1px #CCCCCC;
	padding:2px 10px;
}
.table .row .cell input:read-only{
	width:100%;
	padding:0px;
	margin:0px;
	border:none;
}
/*
.table .row .cell input{
	width:100%;
	padding:0px;
	margin:0px;
	border:solid 1px #999999;
}
*/
.cell.noborder{
	border:solid 0px #CCCCCC;
}
.table .redLine .cell{
	color:#F30;
}
.table .dashed .cell{
	border:dashed 1px #CCCCCC;
	color:#CCCCCC;
}
span.loading{
	background-image:url(../img/spinning.gif)!important;
	background-position:center!important;
	background-repeat:no-repeat!important;
}
/*RIBBON USER*/
#user_ribbon{
	background-color:#000;
	padding:0px 10px;
	text-align:right;
	position:relative;
	}
#user_ribbon>p{
	color:#FFF;
	margin:10px;
}
#user_ribbon>span{
	display:inline-block;
	background-repeat:no-repeat;
}
.mnu_user{
	position:absolute;
	right:10px;
	top:41px;
	background-color:#FFF;
	border-radius:0px 0px 5px 5px;
	border:solid 1px #999;
	padding:10px;
	display:none;
	z-index:99;
}
#ul_mnu_user{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#ul_mnu_user li{
	margin:5px;
	
}
#ul_mnu_user li{
	
}
#ul_mnu_user li span{
	cursor:pointer;
	color:#858585;
	padding:5px;
	display:inline-block;
	transition:all 0.2s;
}
#ul_mnu_user li span:hover{
	background-color:#003366;
	border-radius:3px;
	background-color:#858585;
	cursor:pointer;
	color:#fff;
	padding:5px;
	display:block;
}
/*
#ul_mnu_user span{
	display:block;
	color:#858585;
	width:100%;
	box-sizing:border-box;
}
#ul_mnu_user span{
	display:inline-block;
	color:#858585;
}
*/
/*INDEX*/
.div_centrador{
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 100%;
	display: flex;
}
#div_login{
	background-color: #FFF;
	border-radius: 3px;
	border: solid 1px #CCCCCC;
	display: inline-block;
	padding: 10px 20px;
	min-height: 200px;
	min-width: 440px;
	max-width: 1000px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	position: relative;
	margin: auto;
}
#div_login .logo{
	display:block;
	text-align:center;
	padding:20px 0px;
}
#div_login input[type="text"],
#div_login input[type="password"]
{
	background-color:#FFF;
	border-radius:3px;
	border:solid 1px #CCCCCC;
	padding:5px;
	width:100%;
}
#div_login input[type="text"].resaltar,
#div_login input[type="password"].resaltar
{
	border:solid 1px red;
}
#div_login input[type="submit"]
{
	border:none;
	font-family:'CenturyGothic';
	font-size:12pt;
	padding:5px 10px;
	border-radius:3px;
	background-color:#06F;
	color:white;
	cursor:pointer;
}
#div_login input[type="submit"]:hover
{
	background-color:#03F;
}
#div_login .msg{
	text-align:right;
	color:#F00;
	font-size:10pt;
	display:none;
}
input[type=password].clave_diferente{
	border:solid 1px red !important;
}
p.msg_input_form{
	color:#900;
	font-size:9pt;
	text-align:right;
	display:none;
}
.lista_seleccionable{
	list-style-type:none;
	padding:0px;
	margin:10px 0px;
	box-sizing:border-box;
}
.lista_seleccionable li{
	width:100%;
	display:inline-block;
	margin:5px 0px;
	box-sizing:border-box;
}
.lista_seleccionable li>span:first-child{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	border-radius:3px;
	border:solid 1px #CCCCCC;
	padding:3px 10px;
	cursor:pointer;
}
.lista_seleccionable li>span:first-child:hover{
	border:solid 1px #00ccff;
	background-color:#00ccff;
	color:#FFF;
}
.lista_seleccionable li .optionable{
	width:calc(100% - 32px)!important;
}
.lista_seleccionable li input[type='text']{
	padding:2px 10px;
}
.color_picker{
	list-style-type:none;
	margin:5px;
	padding:5px;
	display:inline-block;
}
.color_picker li{
	margin:1px 0px;
	padding:0px;
	display:block;
}
.color_picker span{
	margin:0px 2px;
	display:inline-block;
	border:solid 1px #CCCCCC;
	width:14px;
	height:14px;
	cursor:pointer;
	text-indent:50px;
	overflow:hidden;
}
.color_picker span:hover{
	border:solid 1px #999;
}
input[placeholder='00:00 m']{
	width:90px;
}
p.error{
	color:#900;
	text-align:center;
	display:none;
}
p.error span.icon{
	display:inline-block;
	width:27px;
	height:21px;
	background-image:url(../img/sprite.png);
	background-color:#CCC;
	background-position:0px -1116px;
	background-repeat:no-repeat;
}
.hidden{
	display:none;
}
footer{
	max-width: 1300px;
	margin: 0px auto;
	position: fixed;
	left:0px;
	right:0px;
	bottom: 0px;
	height: auto;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	background-color: #FFF;
	border-top: solid 1px #CCC;
	padding: 4px 20px;
	font-size: 10pt;
}
footer p{
	text-align:right;
	color:#999;
}
footer p a{
	text-align:right;
	color:#999;
	text-decoration:none;
}
footer p a:hover{
	text-align:right;
	color:#CCC;
	position:relative;
}
.loading_system{
	background-color:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	text-align:center;
	color:#FFF;
	font-size:0pt;
	padding-top:200px;
}
.loading_system p{
	display:block;
	margin:0px auto 0px auto;
	padding:5px auto 5px auto;
	font-size:12pt;
}
span.grida{
	display:inline-block;
	width:33px;
	height:33px;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -1417px;
	cursor:pointer;
}
span.grida:hover{
	background-position:0px -1451px;
}
span.lista{
	display:inline-block;
	width:33px;
	height:33px;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -1349px;
	cursor:pointer;
}
span.grida:lista{
	background-position:0px -1383px;
}
.div_load_more{
	width:100%;	
	text-align:center;
	border:dotted 0px red;
	display:block;
}
	.div_load_more.fulled{
		display:none;
	}
	
	.div_load_more.cargando{
		display:block;
		background-image:url(../img/spinning.gif);
		background-repeat:no-repeat;
		background-position:center;
		height:39px;
		width:100%;
	}
	
		.div_load_more.cargando button{
			display:none;
		}
		
#cuerpo{
	background-color:#FFF;
	margin:10px 0px;
	border:solid 1px #666666;
	border-radius:8px;
	padding:10px;
	box-sizing:border-box;
}
.tercio{
	width:33%;
	margin:0px;
	border:dotted 0px red;
	min-height:100px;
	display:inline-block;
	float:left;
}
.mitad{
	width:49%;
	margin:0px;
	border:dotted 0px red;
	min-height:100px;
	display:inline-block;
	float:left;
}
.ui-helper-hidden-accessible{
	display:none;
}
.ui-autocomplete.ui-menu{
	border:solid #999 1px;
	background-color:#FFF;
	border-radius:0px 4px 4px 4px;
	list-style:none;
	padding:2px;
	margin:0px;
	max-width:400px;
	box-sizing:border-box;
}
.ui-autocomplete.ticket{
	max-width:700px!important;
}
	
	.ui-autocomplete li span:first-child{
		font-size:10pt;
		color:#fff;
		width:35px;
		display:inline-block;
		border-radius:4px 0px 0px 4px;
		text-align:right;
		padding:0px 5px;
		margin-right:5px;
		background-color:#999
	}
	
	.ui-autocomplete li span:last-child{
		font-size:10pt;
		color:#999;
		margin:0px 0px 0px 10px;
	}
	.ui-autocomplete.ui-menu li.ui-menu-item{
		padding:0px;
	}
	.ui-autocomplete.ui-menu li.ui-menu-item a{
		display:block;
		width:100%;
		cursor:pointer;
		margin:2px;
		border-radius:2px;
		padding:2px;
	}
		/*
		.ui-autocomplete.ui-menu li.ui-menu-item:hover{
			background-color:#3f78ea;
			color:#FFF;
		}
		*/
		.ui-state-hover,
		/*.ui-widget-content .ui-state-hover, 
		.ui-widget-header .ui-state-hover, */
		.ui-state-focus
		/*.ui-widget-content .ui-state-focus, 
		.ui-widget-header .ui-state-focus*/{
			/*
			background: #ff8a00;
			border: none;
			color:#000;
			border-radius:0;
			font-weight: normal;*/
			background-color:#3f78ea;
			color:#FFF;
		}
		
			a.ui-state-hover span,
			a.ui-state-focus span
			{
				color:#FFF;
			}
		
		
input[type='text'].buscando,
input[type='search'].buscando,
input[type='text'].ui-autocomplete-loading
{
	background-image:url(../img/spinning.gif);
	background-position:right;
	background-repeat:no-repeat;
	border:auto;
}
input[type='text'].noEncontrado,
input[type='search'].noEncontrado{
	border:solid 1px #990000;
	color:#990000;
}
.onion{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	/*display:none;*/
}
	.onion .white_layer{
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		background-color:rgba(255,255,255,0.8);
	}	
	
	.onion .popup{
		padding:10px 20px;
		text-align:left;
		width:80%;
		margin:50px auto;
		min-height:100px;
		position:relative;
		background-color:#FFF;
		border:solid 1px #999999;
		border-radius:5px;
	}
	
.frame{
	padding:10px 20px;
	border-radius:3px;
	border:solid 1px #CCCCCC;
	margin:10px 5px;
	/*float:left;
	width:100%;*/
}
.none{
	display:none!important;
}
input:read-only.span{
	width:100%;
	padding:0px;
	margin:0px;
	border:none;
	background-color:transparent;
}
.flotar{
	position:fixed!important;
	z-index:999;
	box-shadow: 0px 0px 31px -8px rgba(0,0,0,0.75);
	
}
form label.wide{
	width:100%!important;
	text-align:left!important;
}
form label.wide80{
	width:80%!important;
	text-align:left!important;
}
span.statusMailVerified{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -2272px;
	display:inline-block;
	/*background-color:#999;*/
	width:30px;
}
span.statusMailVerified.On{
	background-position:0px -2252px;
}
span.statusMailAnswered{
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	background-position:0px -2357px;
	display:inline-block;
	/*background-color:#999;*/
	width:30px;
}
span.statusMailAnswered.On{
	background-position:0px -2336px;
}
.frame h5{
	margin-top:20px;
}
.white-space-pre {
    white-space: pre-wrap;
}
.borderRed{
	border:solid 1px #f57219;
}
span.zeroDashed{
	color:#CCC;
}

.buscar_select{
  background-color: #36c;
  color: #FFF;
  cursor: pointer;
  padding: 3px 5px;
  margin: 1px 4px;
  font-size: 10pt;
  border-radius: 7px;
}

.marcadorLikertCantidad{
	display:inline-block;
}


@media only screen and (max-width: 450px){ /*desde hasta 450 hasta 768*/
	body {
	  font-size: 10pt!important;
	}
	
	form input[type="submit"], form input[type="reset"], button {
	  font-size: 10pt!important;
	}
	
	#div_login {
	  min-width: auto;
	  max-width: 100%;
	}	
	
	#div_login .logo img{
		width:100%;
		height:auto;
	}

	#sistem_ribbon ul{
		width:100%;
		height:auto;
		overflow-y:scroll;
		background-color:transparent;
		padding: 0px;
		margin: 0px;
	}
	
		#sistem_ribbon ul li{
			float:none;
			display:inline-block;
			width:100%;
			margin:0px;
		}
		
			#sistem_ribbon ul li:last-child{
				border-bottom:none;
			}	
	
	#sistem_ribbon ul li a {
		
		color: #FFF;
		text-decoration: none;
		font-size: 11pt;
		padding: 20px 0px;
		background-color: #6f6f6f;
		text-align: center;
		width: 100%;
		display: inline-block;
		cursor:pointer;
		border-bottom: solid 1px white;
	}
	
	ul.submenu{
		display:none;
		width:100%;
	}
	
	#sistem_ribbon > ul > li > ul {
	  border: solid 1px #333;
	  border-radius: 0px;
	  padding: 10px;
	  list-style-type: none;
	  position: relative;
	  z-index: 999;
	  display: inline-block;
	  background-color: #FFF;
	  box-sizing: border-box;
	}
	
	#gray_layer {
		padding: 0px;
		padding-top: 45px;
background-image: url(../img/btn_cerrar.svg);
    background-position: center 8px;
    background-repeat: no-repeat;
    background-size: 36px;
	}
	
	#sistem_ribbon > ul > li > ul > li > a {
		padding: 10px 0px;
	}
	
	#contenedor {
	  max-width: unset;
	  background-color: #333;
	  width: 100%;
	  height: 100%;
	}
	
	#paneles {
	  display: inline-block;
	  width: 100%;
	  background-color: #FFF;
	  height: calc(100% - 41px);
	  overflow-y: scroll;
	}
	
	.ventana_flotante {
	  width: 100%;
	  overflow-x: scroll;
	  min-width: unset;
	  padding: 10px;
	}
	
	.ventana_flotante .table span.update,
	.ventana_flotante .table span.stock,
	.ventana_flotante .table span.pay,
	.ventana_flotante .table span.delete {
	  border: solid 7px #fff;
	  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);
	  border-radius: 10px;
	  margin: 3px;
	  height: 20px;
	}
	
	form p label:first-child, 
	form p label.PJ, 
	form div.p_itemsBox label:first-child {
	  width: 100%!important;
	  text-align: left!important;
	}
	
	input[type="text"], input[type="num"], input[type="number"], input[type="date"], input[type="time"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, select {
		width: 100%;
		 font-size: 10pt;
	}
	
	form p {
	  margin: 10px 0px;
	}
}