#grid{
	font-size:1rem;
}

.gridToolbar{
	width:100%;
	background-color:rgb(200, 200, 200);
}

.gridToolbarLeft{
	display:block;
	text-align:left;
	width:100%;
	padding:0.2em;
}

.gridToolbarCenter{
	display:block;
	text-align:left;
	width:100%;
	padding:0.2em;
}

.gridToolbarRight{
	display:block;
	text-align:left;
	width:100%;
	padding:0.2em;
}

.table_grid{
	border-collapse: collapse;
	width:100%;
	color:#333;
	background-color:white;
}

.tableGridDiv{
	width:100%;
	overflow-x:auto;
}

.table_grid tr:nth-child(even){
	background-color:rgba(0, 0, 0,0.1);
}

.table_grid thead tr{
	background-color:#777;
	border-top: 1px solid #999;
	border-bottom: 1px solid #555;
	text-align:left;
}

.table_grid th{
	font-weight:normal;
}

.nowrap{
	white-space: nowrap;
}

.table_grid td, .table_grid th{
	padding:0.3em;
}

.row_action{
 margin:0 0.1em;
}
.row_action div{
	width:1em;
	height:1em;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	display:inline-block;
}

.row_view div{
	background-image:url(../img/icon/eye.svg);
}

.row_edit div{
	background-image:url(../img/icon/pencil.svg);
}

.row_approve div{
	background-image:url(../img/icon/success.svg);
}

.row_refuse div{
	background-image:url(../img/icon/error.svg);
}

.row_play div{
	background-image:url(../img/icon/ejecutar.svg);
}

.row_close div{
	background-image:url(../img/icon/close.svg);
}

.row_print div{
	background-image:url(../img/icon/printer.svg);
}

.row_sign div{
	background-image:url(../img/icon/sign.svg);
}

.row_delete div{
	background-image:url(../img/icon/trash.svg);
}

.col_title{
	margin-right:0.6em;
	color:white;
}

.order_button{
	width:1em;
	height:1em;
	text-align:center;
	color:rgb(100,100,100);
	display:inline-block;
	cursor:pointer;
}

.order_button:hover{
	color:rgb(17, 180, 197);
}

.order_selected{
	color:rgb(0, 255, 0);
}

.filtrar_button{
	width:1.3em;
	height:1.5em;
	line-height:1.5em;
	background-color:#A33232;
	color:white;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	text-align:center;
	margin-top:0.1em;
	font-weight:normal;
	letter-spacing:0em;
	/*font-family:Arial, Helvetica, sans-serif;*/
}

textarea, input { outline: none; }

.filter_input{
	width:calc( 100% - 1.5em );
	height:1.5em;
	display:inline-block;
	vertical-align:top;
	border:0;
	padding-left:0.5em;
	margin:0px;
	margin-top:0.1em;
	margin-bottom:0.1em;
	font-size:100%;
}

.boton_page{
	font-family:Arial;
	font-size:100%;
	/*line-height:2em;*/
	/*height:2em;*/
	/*width:2em;*/
	/*padding-right:0.3em;*/
	padding:0.3em;
	padding-right:0.8em;
	text-align:center;
	letter-spacing:-0.5em;
	display:inline-block;
	/*border-radius:0.3em;*/
	/*margin-right:0.25em;*/
	margin-bottom:0.25em;
	/*background: rgb;*/
	/*border:0.2em solid rgb(155,155,155);*/
	cursor:pointer;
	color:#333;
}

.boton_page:hover{
	/*background-color:rgb(17, 180, 197);
	color:white;*/
	color:rgb(255, 255, 255);
}

.boton_action{
	font-family:Arial;
	font-size:100%;
	line-height:2em;
	height:2em;
	padding:0 1em;
	text-align:center;
	display:inline-block;
	/*border-radius:0.3em;*/
	
	margin-right:0.25em;
	/*background: linear-gradient(rgb(160,160,160), rgb(100,100,100));*/
	cursor:pointer;
	color:#333;
}

.boton_action:hover{
	background-color:rgb(180, 180, 180);
	color:white;
}

.input_page{
	font-family:Arial;
	font-size:100%;
	height:2em;
	width:3em;
	text-align:center;
	display:inline-block;
	/*margin-right:3px;*/
	border:0.06em solid rgb(130,130,130);
	
}

#sugerencias{
	font-size:1rem;
	background-color:white;
	box-shadow:0 0.3em 0.6em rgba(0,0,0,0.5);
	position:absolute;
	text-align:left;
	width:100%;
	min-width:4em;
	overflow:hidden;
	overflow-y:auto;
	border:0.06em solid #DDD;
	max-height:20em;
	--mobil:1;
}

#sugerencias > div {
	font-size:100%;
	padding:0.4em 1em;
	cursor:pointer;
}

#sugerencias > p {
	font-size:100%;
	padding:0.4em 1em;
	color:#666;
}

#sugerencias > div:hover{
	background-color:rgba(0, 0, 0,0.1);
}

#prompt_shadow{
	font-size:1rem;
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}

#prompt{
	background-color:white;
	width:100%;
	overflow:hidden;
}

#prompt_cabecera{
	font-size:120%;
	letter-spacing:0.1em;
	color:#FFF;
	background:rgb(155,155,155);
	white-space: nowrap;
	line-height:1em;
	padding:0.5em;
	padding-right:2em;
	position:relative;
}

#prompt_contenido{
	padding:0.3em;
	text-align:left;
	overflow:auto;
}

#prompt_acciones{
	text-align:center;
	padding:0.2em;
}

#prompt_acciones div{
	font-family:'Oswald',arial;
	letter-spacing:150%;
	font-size:100%;
	line-height:2em;
	height:2em;
	text-align:center;
	display:inline-block;
	background: linear-gradient(rgb(160,160,160), rgb(100,100,100));
	cursor:pointer;
	padding:0px 1em;
	color:white;
}

#cerrarPrompt{
	display:block;
	top:0;
	right:0;
	background-color:#DE161C;
	color:white;
	font-size:80%;
	line-height:1ex;
	height:100%;
	text-align:center;
	letter-spacing:0;
	padding:1em;
	position:absolute;
	font-weight:normal;
	cursor:pointer;
}

.prompt_iframe{
	border:0px;
	width:100%;
}

.columnas_tabla{
	width:100%;
	border-collapse:collapse;
}

.columnas_tabla input{
	height:1.7em;
	width:1.7em;
}

.columnas_tabla tr:nth-child(even){
	background-color:rgba(0, 0, 0,0.1);
}

.columnas_tabla td, .columnas_tabla th{
	padding:0.5em;
}

.columnas_tabla th{
	background-color:#999;
}