html{
    height:auto;
    width:auto;
    padding:0;
    margin:0;
    border:none;
}

body{
    height:100%;
    width:auto;
	background-color:rgba(221, 221, 221, 1);
	color:#000;
	font-size:1em;
	font-family:'Della Respira';
	margin:0;
	padding:0;
	border:none;
	display:flex;
    flex-direction:column;
    font-size:1em !important;
}

p{
	text-align:left;
}

@keyframes entrada_cartel{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

@keyframes entrada_icon{
	from{
		transform:scale(0,0);
		opacity:0;
	}
	to{
		transform:scale(1,1);
		opacity:1;
	}
}

.conte_adv{
	width:340px;
	height:auto;
	max-height:100%;
	overflow-y:auto;
	overflow-x:hidden;
	position:fixed;
	left:50%;
	top:0px;
	padding:30px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:rgba(255,255,255,1);
	color:#000;
	-ms-transform:/*translateY(-50%)*/ translateX(-50%);
	-webkit-transform:/*translateY(-50%)*/ translateX(-50%);
	transform:/*translateY(-50%)*/ translateX(-50%);
	z-index:101;
	box-shadow:1px 1px 35px 0px rgba(0, 0, 0, .6);
	border-radius:20px;
	display:block;
	text-align:center;
	animation-name:entrada_cartel;
	animation-duration:.5s; /*tiempo que dura la animacion */
	animation-iteration-count:1;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
}

.reporte{
	width:92%;
	margin:0px auto;
}

table{
	width:100%;
}

.tabla_reporte td{
	font-family:'Verdana';
	font-weight:normal;
	padding:5px;
}

.td_border_top{
	border-top:1px solid black;
}

.align_center{
	text-align:center;
}

.align_left{
	text-align:left;
}

.align_right{
	text-align:right;
}

.switch {
  position:relative;
  display:inline-block;
  width:60px;
  height:34px;
}

.switch input { 
  opacity:0;
  width:0;
  height:0;
}

.slider {
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
}

.slider:before {
  position:absolute;
  content:"";
  height:26px;
  width:26px;
  left:4px;
  bottom:4px;
  background-color:white;
  -webkit-transition:.4s;
  transition:.4s;
}

input:checked + .slider {
	background-color:#000;/* COLOR DEL SISTEMA */
}

input:focus + .slider {
  box-shadow:0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform:translateX(26px);
  -ms-transform:translateX(26px);
  transform:translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius:34px;
}

.slider.round:before {
  border-radius:50%;
}

@media (max-height:483px) {
	.conte_adv{
		height:auto;
		max-height:100%;
	}
}

.icon_cartel{
	width:70px;
	height:70px;
	margin:0px auto;
	margin-top:15px;
	margin-left:calc((100% - 80px) / 2);
	margin-bottom:15px;
	float:left;
	border:5px solid rgba(255,255,255,1);
	border-radius:50%;
	box-shadow:1px 1px 5px 0px rgba(0, 0, 0, .2);
	animation-name:entrada_icon;
	animation-duration:.6s; /*tiempo que dura la animacion */
	animation-iteration-count:1;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
}

.gradiente_ok{
	background:rgba(210,255,82,1);
	background:-moz-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
	background:-webkit-gradient(left top, right bottom, color-stop(0%, rgba(210,255,82,1)), color-stop(100%, rgba(145,232,66,1)));
	background:-webkit-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
	background:-o-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
	background:-ms-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
	background:linear-gradient(135deg, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842', GradientType=1 );
}

.gradiente_await{
	background:rgba(84,255,255,1);
	background:-moz-linear-gradient(-45deg, rgba(84,255,255,1) 0%, rgba(84,147,255,1) 100%);
	background:-webkit-gradient(left top, right bottom, color-stop(0%, rgba(84,255,255,1)), color-stop(100%, rgba(84,147,255,1)));
	background:-webkit-linear-gradient(-45deg, rgba(84,255,255,1) 0%, rgba(84,147,255,1) 100%);
	background:-o-linear-gradient(-45deg, rgba(84,255,255,1) 0%, rgba(84,147,255,1) 100%);
	background:-ms-linear-gradient(-45deg, rgba(84,255,255,1) 0%, rgba(84,147,255,1) 100%);
	background:linear-gradient(135deg, rgba(84,255,255,1) 0%, rgba(84,147,255,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54ffff', endColorstr='#5493ff', GradientType=1 );
}

.img_logo{
	width:100%;
	height:100%;
	background-image:url(../img/logo.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:80%;
}

.text_expl_cartel{
	width:100%;
	float:left;
	text-align:center;
	font-size:1rem;
	font-weight:bold;
}

.btn{
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
	font-family:"Roboto", Helvetica, Arial, sans-serif;
	font-weight:800;
	color:#fff;
	padding:10px 35px;
	border-radius:50px;
	border:none;
	cursor:pointer;
	background-color:#000;/* COLOR DEL SISTEMA */
}

.btn:hover{
	color:rgba(255, 255, 255, 0.50);
	border:none;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.btnExportarExcel{
	width:30px;
	height:30px;
	background-color:transparent;
    background-repeat:no-repeat;
    border:none;
    cursor:pointer;
    overflow:none;        
	background-image:url(../sistema/css/iconoExcel.png);
	float:right;
	background-size:cover;
}

.btnExportarPDF{
	width:30px;
	height:30px;
	background-color:transparent;
    background-repeat:no-repeat;
    border:none;
    cursor:pointer;
    overflow:none;        
	background-image:url(../sistema/css/iconoPDF.png);
	float:right;
	background-size:cover;
}

.btnImprimir{
	width:30px;
	height:30px;
	background-color:transparent;
    background-repeat:no-repeat;
    border:none;
    cursor:pointer;
    overflow:none;        
	background-image:url(../sistema/css/iconoImpresora.png);
	float:right;
	background-size:cover;
}

/*---------------HASTA ACA ES EL MISMO STYLE DEL ANTERIOR MODELO----------------*/

@font-face {
	font-family:'Spirax';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:local('Spirax-Regular'), url(https://fonts.gstatic.com/s/spirax/v8/buE3poKgYNLy0F3sWUFs.woff2) format('woff2');
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family:'Della Respira';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:local('DellaRespira-Regular'), url(https://fonts.gstatic.com/s/dellarespira/v7/RLp5K5v44KaueWI6iEJQBiGPdf4Yug.woff2) format('woff2');
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.back_white{
	background-color:white;
}

.title_font{
	font-family:'Spirax';
	font-size:3rem;
	color:#000;/* COLOR DEL SISTEMA */
}

.subtitle_font{
	font-family:'Della Respira';/* ESTA LINEA DESPUES COPIALA Y PEGALA EN EL STYLE BODY{} */
	font-size:1rem;
	color:#000;/* COLOR DEL SISTEMA */
}

.conte_form{
	background-color:transparent;
	margin:0px;
	padding:0px;
}

.campoInput{
	padding:10px;
	width:calc(100% - (10px * 2) - (2px * 2));/* 10*2 ES EL PADDING Y 2*2 ES EL BORDER */
	margin-top:10px;
	margin-bottom:10px;
}

.campoInputLeft33{
	float:left;
	width:26.4%;
}

.campoInputLeft50{
	float:left;
	width:40%;
}

.campoInputLeft66{
	float:left;
	width:52.8%;
}

.campoInputRight33{
	float:right;
	width:26.4%;
}

.campoInputRight50{
	float:right;
	width:40%;
}

.campoInputRight66{
	float:right;
	width:52.8%;
}

.selectInput{
	width:100%;
}

/* CLASE PARA TODAS LAS COSAS Q SE IMPRIMAN */
.siSeImprime{
	display:none;
}

/* PARA EL ENCABEZADO EN LOS REPORTES */
.logoImpresion{
	display:none;
	float:right;
	width:80px;
	height:auto;
}
.titulo{
	display:none;
	text-align:left;
	font-weight:normal;
}
#filtroAux{
	display:none;
}

/* PARA EL ERROR EN EL LOGIN */
#errorMsj{
	color:red;
	font-size:15px;
	margin:10px;
  }
}

@media (max-width:1200px) {
  #errorMsj{
	font-size:10px;
	margin:5px;
  }
}