body{
	height: 100%;
  	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../prax-img/gnome.jpg);
	background-size: 100%;
}

#content-wrapper{padding-left:10px; padding-top:50px; padding-bottom:10px; padding-right:10px;}
.boton-menu{cursor: pointer;}
.avatar-bg{
	background-color:#415969;
  	background:-moz-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-webkit-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-o-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-ms-linear-gradient(top, #415969 5%, #25333C 100%);
	background:linear-gradient(to bottom, #415969 5%, #25333C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415969', endColorstr='#25333C',GradientType=0);
	padding:5px;
}

.conectado{
	color:#CCC; font-weight:bold;
}
.logo_letra{
    float: left;
    background-image: url(../prax-img/logo.png);
    background-size: 85% 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 100%;
}

/*Boton Configuracion*/
.admin-panel{
	background-color:#415969;
  	background:-moz-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-webkit-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-o-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-ms-linear-gradient(top, #415969 5%, #25333C 100%);
	background:linear-gradient(to bottom, #415969 5%, #25333C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415969', endColorstr='#25333C',GradientType=0);
	width: 100%;
	box-sizing: border-box;
	color: #FFFFFF;
	border: #000 solid 1px;
	border-radius: 3px;
	padding: 0 10px 0 10px;
	font: bold 12px Helvetica, sans-serif;
	line-height: 30px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	margin-bottom: 7px;
	box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.2 );
	float:left;
}

.menu-config a{
	display: block;	
	background-color:#FFFFFF;
  	background:-moz-linear-gradient(top, #FFFFFF 5%, #EBEBEB 100%);
	background:-webkit-linear-gradient(top, #FFFFFF 5%, #EBEBEB 100%);
	background:-o-linear-gradient(top, #FFFFFF 5%, #EBEBEB 100%);
	background:-ms-linear-gradient(top, #FFFFFF 5%, #EBEBEB 100%);
	background:linear-gradient(to bottom, #FFFFFF 5%, #EBEBEB 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB',GradientType=0);
  	color:#000;
	width: 100px;
	padding: 0 0 0 10px;
	text-decoration: none;
	line-height: 30px;
	box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.2 );
	border-top:#999 solid 1px;
}

.arrow{
	width: 0;
	height: 0;
	margin-left: 15px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 9px solid #415969;
}

/*Layout CSS*/
.menu-header{
	background-color:#415969;
  	background:-moz-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-webkit-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-o-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-ms-linear-gradient(top, #415969 5%, #25333C 100%);
	background:linear-gradient(to bottom, #415969 5%, #25333C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415969', endColorstr='#25333C',GradientType=0);
  	color:#FFF;
  	padding:5px;
	height: 30px;
}

#header {
 	position: fixed;
 	top: 0;
  	right: 0;
  	left: 0;
  	z-index: 2;
  	transition: left 0.2s;
  	background-color:#415969;
  	background:-moz-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-webkit-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-o-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-ms-linear-gradient(top, #415969 5%, #25333C 100%);
	background:linear-gradient(to bottom, #415969 5%, #25333C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415969', endColorstr='#25333C',GradientType=0);
  	color:#FFF;
  	padding:5px;
	height: 30px;
}

#sidedrawer {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 240px;
  left: -250px;
  overflow: auto;
  z-index: 2;
  border-right:#000 1px solid; 
  background:url("../prax-img/nav-bg.png") repeat-y scroll top left #e3e5e7;
  transition: transform 0.2s;
}

/*menu toggle*/
nav {
  position: relative;
}

.dropdown-sucursal {
	background-color:#415969;
  	background:-moz-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-webkit-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-o-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-ms-linear-gradient(top, #415969 5%, #25333C 100%);
	background:linear-gradient(to bottom, #415969 5%, #25333C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415969', endColorstr='#25333C',GradientType=0);
	padding: .5em 1em;
	border: #000 solid 1px;
	border-radius: 3px;
	color:#FFF;
}

ul.dropdown-menu {
  	display: none;
	background: #FFFFFF;
	box-sizing:border-box;
	border:#9BA6AB solid 1px;
	color:#000;  
	width: 230px;
	position: absolute;
	top: 100%;
  	margin-top: .5em;
/*	border: #000 solid 4px;*/
	border-radius:5px;
	min-width: 12em;
	z-index: 1;	
	cursor:move;
}
ul.dropdown-menu li {
	list-style-type: none;
	border-bottom:#CCC solid 1px;
	color:#000;
}
ul.dropdown-menu li a {
	text-decoration: none;
	padding: .5em 1em;
	display: block;
	color:#000;
}
ul.dropdown-menu li a:hover {
	text-decoration: none;
	padding: .5em 1em;
	display: block;
	color:#000;
	background: #EEF4F7;
	background: -webkit-gradient(linear, left top, left bottom, from(#EEF4F7), to(#D6E0E5));
	background: -moz-linear-gradient(top,  #EEF4F7,  #D6E0E5);	
}
/*Menu*/
a {text-decoration: none;}
ul, ul ul {margin: 0;padding: 0;list-style: none;}
#wrapper {width: 100%;margin: 0px auto;/*padding:1px;*/box-sizing:border-box;}
.menus {
	width: 100;
	height: auto;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
}
.menus > li > a {
	background-image:url("../prax-img/menu-fondo2.jpg");
	border-bottom: 1px solid #33373d;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}
.menus ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
}
.menus ul li:last-child a {border-bottom: 1px solid #33373d;}
.menus > li > a:hover, .menus > li > a.active {
	background-image: -ms-linear-gradient(top, #EEF4F7 0%, #D8E2E7 100%);
	background-image: -moz-linear-gradient(top, #EEF4F7 0%, #D8E2E7 100%);
	background-image: -o-linear-gradient(top, #EEF4F7 0%, #D8E2E7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF4F7), color-stop(100, #D8E2E7));
	background-image: -webkit-linear-gradient(top, #EEF4F7 0%, #D8E2E7 100%);
	background-image: linear-gradient(to bottom, #EEF4F7 0%, #D8E2E7 100%);
	box-sizing:border-box;
	border:#9BA6AB solid 1px;
	color:#000;
}
.menus > li > a:before {
	content: '';
	background: url(../prax-img/menu-icon.png) no-repeat 0 center;
	height: 1em;
  	width: 2em;
	position: absolute;
  	left: 7px;
	top: 50%;
	margin: -.5em 0 0 0; 
}
.menus > li > a span {
	font-size: 0.957em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500; 
}
.menus > li > a:hover span, .menus > li a.active span {background: #2173a1;}
.menus > li > ul li a:before{background: url(../prax-img/menu-cursor.png) no-repeat 0 center;}
.menus > li > ul li:hover a,
.menus > li > ul li:hover a span,
.menus > li > ul li:hover a:before {
	color:#000;
}

@media (min-width: 768px) {
	/*#header {left: 240px;}*/
	#header {left: 190px;}
	#sidedrawer {transform: translate(250px);}
	#content-wrapper {margin-left: 240px;}
	body.hide-sidedrawer #header {left: 0;}
	body.hide-sidedrawer #sidedrawer {transform: translate(0px);}
	body.hide-sidedrawer #content-wrapper {margin-left: 0;} 
	body.hide-sidedrawer /*#footer */{margin-left: 0;}
}

/*Toggle Sidedrawer*/
#sidedrawer.active {transform: translate(250px);}

/*Header CSS*/
.sidedrawer-toggle {
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
}

.sidedrawer-toggle:hover {color: #fff;text-decoration: none;}
/*Sidedrawer CSS*/
#sidedrawer-brand {padding-left: 20px;}
#sidedrawer ul {list-style: none;}
#sidedrawer > ul {padding-left: 0px;}
#sidedrawer > ul > li:first-child {padding-top: 0px;}
#sidedrawer strong {display: block; padding: 15px 22px; cursor: pointer;}
#sidedrawer strong:hover {background-color: #E0E0E0;}
#sidedrawer strong + ul > li {padding: 6px 0px;}

#footer {
	background-color:#415969;
  	background:-moz-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-webkit-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-o-linear-gradient(top, #415969 5%, #25333C 100%);
	background:-ms-linear-gradient(top, #415969 5%, #25333C 100%);
	background:linear-gradient(to bottom, #415969 5%, #25333C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415969', endColorstr='#25333C',GradientType=0);
	color:#FFF;
	width:100%; 
	padding:5px; 
	position:fixed;
	bottom: 0; 
	z-index: 100;
	text-align:center;
}

/*Responsive*/
.mui--visible-xs-inline-block {
    display:none!important
}
#mui-overlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:99999999;
    background-color:rgba(0, 0, 0, .2);
    overflow:auto
}

/*Cuerpo*/
.panel-contenedor{
	background: url("../prax-img/contenido-efecto.png") repeat-x scroll 0 0 #2D373D;
	border: 1px solid #25333c;
	border-radius: 5px 5px 5px 5px;
	padding: 8px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.panel-header{ 
	font-family: 'PT Sans', 'Tahoma', sans-serif;
	padding:10px; 
	background: #EEF4F7;
	background: -webkit-gradient(linear, left top, left bottom, from(#EEF4F7), to(#D6E0E5));
	background: -moz-linear-gradient(top,  #EEF4F7,  #D6E0E5);	
	font-size:12px;
	font-weight:bold;
	border-bottom:#999 solid 1px;
	color: #475d68;
	text-shadow: 0 1px 0 #fff;
}
.panel-header-secondary{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#B0B0B0), to( #A2A2A2));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top center, #B0B0B0, #A2A2A2);/*Firefox*/
    background-image: -o-linear-gradient(top, #B0B0B0, #A2A2A2);/*Opera*/
    background-image: linear-gradient(top, #B0B0B0, #A2A2A2);/*Estandar por defecto*/
	padding:5px;
	border-bottom:#666666 solid 1px;
	float:left; 
	width:100%; 
	box-sizing:border-box;
}
.panel-contenido{
	background-color:#D0D0D0;
	border:#333 solid 1px; 
	margin-top:7px;
}
.panel-boton{ 
	padding:5px; 
	background-color:#676D70;
	border-top:#333 solid 1px;
	color:#FFF; 
	font-size:12px;
}
.modal-titulo{
	color:#999;
}
/*avisos*/
.info, .exito, .alerta, .error {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
	border-top:#999 solid 1px;
	border-bottom:#999 solid 1px;
    padding:10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	float:left;
	width:100%;
	box-sizing:border-box;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../prax-img/msn-info.png');
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../prax-img/msn-exito.png');
}
.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../prax-img/msn-alerta.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../prax-img/msn-error.png');
}

/*boton*/
.button {
    background:url("../prax-img/buttons/button-blue.png") repeat-x scroll 0 0 #2d5672;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:12px;
    border-radius:4px;
    border-style:solid;
    border-width:1px;
    border-color:#111;
    color:#fff!important;
    cursor:pointer;
    display:inline-block;
    padding:2px 12px;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.4);
    height:14px;
	width:auto;
	margin-left: 2px;
}

input[type="text"], input[type="password"], textarea, select {
    border:1px solid #d1d1d1;
    border-color:#aaa #CCCCCc #ccc #AAAAAA;
    border-radius:3px 3px 3px 3px;
    line-height:1.5em;
    padding:3px;
    box-sizing:border-box;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset
}

.form input[type="text"]:hover, .form input[type="password"]:hover, .form textarea:hover {
    border-color:#a3a3a3
}
.form input[type="text"]:focus, .form input[type="password"]:focus, .form textarea:focus {
    border-color:#666;
}

.cerrar{
	background: url('../prax-img/cerrar-gnome.png');
    border: 0px;
    width: 20px;
    height: 20px;
    float: right;
    margin-top: -4px;
	cursor: pointer;
}
.cerrar:hover{
	background: url('../prax-img/cerrar-gnome.png');
	background-position: 0px -20px; 
}
.cerrar:active{
	background: url('../prax-img/cerrar-gnome.png');
}

.select{ width:auto; float:left;}
.textbox{
 background-color:#EEF4F7;
  	background:-moz-linear-gradient(top, #EEF4F7 5%, #E3E3E3 100%);
	background:-webkit-linear-gradient(top, #EEF4F7 5%, #E3E3E3 100%);
	background:-o-linear-gradient(top, #EEF4F7 5%, #E3E3E3 100%);
	background:-ms-linear-gradient(top, #EEF4F7 5%, #E3E3E3 100%);
	background:linear-gradient(to bottom, #EEF4F7 5%, #E3E3E3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF4F7', endColorstr='#E3E3E3',GradientType=0);
	border: 1px solid;
	border-color: #706F6F;
	border-radius: 3px 3px 3px 3px;
	line-height: inherit;
	padding: 4px;
	box-sizing: border-box;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;*/
}
.textbox:hover{
    border-color:#5C5C5C
}
.textbox:focus{
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	/*background-color: #EBEBEB;*/
}

input[type="submit"].button {
    height:26px;
	/*float:left; width:150px;*/
}
input[type="button"].button {
    height:26px; /*float:left;*/
}
.button:hover {
    background:url("../prax-img/buttons/button-blue.png") repeat-x scroll 0 -24px #4d7690;
    color:#fff!important;
    text-decoration:none
}
.button:active {
    background:url("../prax-img/buttons/button-blue.png") repeat-x scroll 0 -48px #6290b2
}
.button.red {
    background:url("../prax-img/buttons/button-red.png") repeat-x scroll 0 0 #6b352b
}
.button.red:hover {
    background:url("../prax-img/buttons/button-red.png") repeat-x scroll 0 -24px #834a3f
}
.button.red:active {
    background:url("../prax-img/buttons/button-red.png") repeat-x scroll 0 -48px #a85f51
}
.button.green {
    background:url("../prax-img/buttons/button-green.png") repeat-x scroll 0 0 #6b352b
}
.button.green:hover {
    background:url("../prax-img/buttons/button-green.png") repeat-x scroll 0 -24px #834a3f
}
.button.green:active {
    background:url("../prax-img/buttons/button-green.png") repeat-x scroll 0 -48px #a85f51
}

.button.orange {
    background:url("../prax-img/buttons/button-orange.png") repeat-x scroll 0 0 #6b352b
}
.button.orange:hover {
    background:url("../prax-img/buttons/button-orange.png") repeat-x scroll 0 -24px #834a3f
}
.button.orange:active {
    background:url("../prax-img/buttons/button-orange.png") repeat-x scroll 0 -48px #a85f51
}

.button.dark {
    background:url("../prax-img/buttons/button-dark.png") repeat-x scroll 0 0 #CFCFCF
}
.button.dark:hover {
    background:url("../prax-img/buttons/button-dark.png") repeat-x scroll 0 -24px #CFCFCF
}
.button.dark:active {
    background:url("../prax-img/buttons/button-dark.png") repeat-x scroll 0 -48px #CFCFCF
}

/*Tabla*/
table {
    border-spacing:0;
	border-collapse: collapse;
    clear:both;
/*    width:100%;	*/
}
.table thead th:hover {
    color:#023a73
}
.table thead {
    background-color:#EEF4F7;
  	background:-moz-linear-gradient(top, #EEF4F7 5%, #E3E3E3 100%);
	background:-webkit-linear-gradient(top, #EEF4F7 5%, #E3E3E3 100%);
	background:-o-linear-gradient(top, #EEF4F7 5%, #E3E3E3 100%);
	background:-ms-linear-gradient(top, #EEF4F7 5%, #E3E3E3 100%);
	background:linear-gradient(to bottom, #EEF4F7 5%, #E3E3E3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF4F7', endColorstr='#E3E3E3',GradientType=0);
}
.table thead th:first-child {
    border-left:none;
}
.table thead th:last-child {
    border-right:0;
}
.table thead th {
    vertical-align:middle;
    padding:8px 10px;
    border-left:1px solid #fff;
    border-right:1px solid #c3c3c3;
    cursor:pointer;
}
.table tbody th, .table tbody td, .table tfoot th, .table tfoot td {
	padding:3px;
	border:1px solid #BEBEBE;
	border-right:0;
}
.table tbody th:first-child, .table tbody .th:first-child, .table tbody td:first-child, .table tfoot th:first-child, .table tfoot td:first-child {
    border-left:none;
}
.table tbody tr.even td {
    background:#e6e6e6;
}
.table tbody tr:hover th, .table tbody tr:hover .th, .table tbody tr:hover td {
	background-color:#D8DCE6;
	color:#000;
}
.celda_1 {
    background-color: #F2F2F2;
}
.celda_2 {
    background-color: #E6E6E6;
}


/*Url fila tabla*/
.url_celda {color:#000;}
.url_celda a {color: #000;}
.url_celda a:hover {color: #000;}



/*estado*/
.estado_verde {
    background-color: #090;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 1px #000;
}
.estado_verde a {
    background-color: #090;
	color: #FFF;
	text-decoration: none;
}

.estado_amarillo {
    background-color: #FC0;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 1px #000;
}
.estado_rojo {
    background-color: #C00;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 1px #000;
}
.estado_azul {
    background-color: #0052CD;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 1px #000;
}
.estado_azul a {
    background-color: #0052CD;
    color: #FFF;
    text-decoration: none;
}
.estado_negro {
    background-color: #000;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 1px #000;
}
.estado_naranja {
    background-color: #F87300;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 1px #000;
}
.estado_morado {
    background-color: #7D00F8;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 1px #000;
}
.estado_celeste {
    background-color: #00C5F8;
    padding: 2px 10px 2px 10px;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 1px 1px #000;
}
/*Jerarquias*/
ul.cate {
    list-style: none;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-bottom: 1px;
    color: #000000;
}

/*sucursales switch*/
ul.switch {
    list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	
}
ul.switch li {
    list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

/*Caja*/
.view {
   width: 100%;
   height: 200px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
   box-sizing: border-box;
}
.view .mask,.view .content {
   width: 100%;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 12px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
/*===========*/
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
				

/*paginacion*/
.paginacion {
    clear: both;
    padding: 1px;
}
.paginacion li {
	display:inline;
}
.paginacion a {
    border: 1px solid #000000;
	background:#2D373D;
    color: #CCC;
    font-size: 11px;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
	text-shadow:none;
	margin-left:-5px;
}
.paginacion a:hover, .paginacion a:active {
	color:#CCC;
    text-shadow:0 1px 0 #000;
}
.paginacion span.disabled {
	cursor:default;
}
.paginacion span.visited {
	margin-left:-4px;
    background-color: #003366;
    border: 1px solid #000000;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
}
/*Mover*/
.ui-state-highlight {
	background-color: #E8FAE4;
	border: 1px dashed #ccc;
	width: 120px;
	height: 70px;
	box-sizing: border-box;
}
.ui-state-highlight2 {
	background-color: #E8FAE4;
	border: 1px dashed #ccc;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
}
/*Imprimir*/
.tabla_comprobante{/*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size:11px; letter-spacing: 5px;*/ margin:0px; padding:0px; font-size: 11px;}
.centrar {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -140px;
    margin-top: -170px;
}
.pie{
	/*background-color: #2D373D;*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to( #1E1E1E));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top center, #2B2B2B, #1E1E1E);/*Firefox*/
    background-image: -o-linear-gradient(top, #2B2B2B, #1E1E1E);/*Opera*/
    background-image: linear-gradient(top, #2B2B2B, #1E1E1E);/*Estandar por defecto*/
	bottom: 0px; overflow: hidden; position: fixed;
	padding: 5px 10px 5px 10px; width: 100%; box-sizing: border-box; left: 0px; z-index: 1200;
	font-size: 11px; font-weight: bold;
	border-top: #000 solid 1px;
	color: #CCCCCC;
}
.textbox-search{
	width: 100%;
	max-width: 300px;
}
.seleccionado-1{
	border: #F1C43F solid 1px;
	background-color: #fdeeb3;
}

@media (max-width:800px) {
    .panel-contenedor{
		margin-bottom: 30px;
	}
	.box-3{
		width: 100%; text-align: left;
	}
	.textbox{
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		float: none;
	}
	.button {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 5px;
	}
}

/*Printer*/
@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
}

@media only screen and (max-width: 980px) {
	/*escritorio*/
	.escritorio_bloque1{
		width:100%;box-sizing:border-box;margin-bottom:10px;
	}
	.escritorio_bloque2{
		width:100%;box-sizing:border-box;margin-bottom:10px;
	}
	.escritorio_bloque3{
		width:100%;box-sizing:border-box;margin-bottom:10px;
	}
}

@media (max-width:768px) {
    .mui--visible-xs-inline-block {
        display:inline-block!important
    }
	.mui--hidden-xs {
        display:none!important
    }
}

/* PRECARGA */
#layer {
	position:fixed;
	z-index:1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#333333;
}

#layerc {
	position:absolute;
	top:50%;
	left:50%;
	width:180px;
	margin-left:-100px;
	margin-top:-50px;
	background-color:#252525;
	color: #CCCCCC;
	padding:5px;
	text-align:center;
	border:1px solid #000000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.boton{
	padding: 3px;
	cursor: pointer;
	width: 100%;
}
button:disabled,
button[disabled]{
	cursor: not-allowed;
}


.height_calc_opc01{
	height: calc(100vh - 188px);
	clear: both;
}
.height_calc_opc02{
	height: calc(100vh - 244px);
	clear: both;
}
.height_calc_opc03{
	height: calc(100vh - 226px);
	clear: both;
}

/*ALERTAS*/
.alert {
    position: relative;
    border: 1px solid;
    border-radius: 3px;
    clear: both;
	margin: 10px;
    padding: 7px 15px;
    padding-left: 30px;
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.65);
    -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.65);
    box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.65)
}
.alert.no-margin {
    box-shadow: none;
    border-radius: 0;
    border-width: 1px 0;
    margin-left: -10px;
    margin-right: -10px
}
.alert.no-margin.top {
    border-width: 0 0 1px;
    margin-top: 0
}
.alert.no-margin.bottom {
    border-width: 1px 0 0;
    margin-bottom: 0
}
.alert span.hide {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 0
}
.alert span.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -8px
}
.alert.success {
	color: #336002;
    border-color: #70a772;
    background: url(../prax-img/alertboxes/bg-success.png) repeat-x #a3d9a5
}
.alert.success span.icon {
    background: url(../prax-img/alertboxes/tick-circle.png)
}
.alert.error {
	color: #D8000C;
    border-color: #cb5959;
    background: url(../prax-img/alertboxes/bg-error.png) repeat-x #f2aeae
}
.alert.error span.icon {
    background: url(../prax-img/alertboxes/cross-circle.png)
}
.alert.warning {
	color: #9F6000;
    border-color: #c9ab40;
    background: url(../prax-img/alertboxes/bg-warning.png) repeat-x #ffe68b
}
.alert.warning span.icon {
    background: url(../prax-img/alertboxes/exclamation.png)
}
.alert.info {
	color: #00529B;
    border-color: #446d99;
    background: url(../prax-img/alertboxes/bg-information.png) repeat-x #a5c8f4
}
.alert.info span.icon {
    background: url(../prax-img/alertboxes/information.png)
}
.alert.note {
	color: #333333;
    border-color: #a3a3a3;
    background: url(../prax-img/alertboxes/bg-note.png) repeat-x #dfdfdf
}
.alert.note span.icon {
    background: url(../prax-img/alertboxes/notebook.png)
}

.caja-titulo {
  background: url('../prax-img/forms/legend-bg.png') repeat-x #e9ebf0;
  border: 1px solid #d2d2d2;
  padding: 4px;
  border-top-width: 1px;
  border-top-width: 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  text-shadow: 0 1px 1px #FFF;
  font-weight: bold;
	color: #333;
}
.informacion2{
	color:#FFF; 
	background-color:#189fc8; 
	border-radius:5px; 
	padding:4px; 
	font-weight: bold;
	font-size: 16px;
}