body{
	/* font-family: Helvetica,Arial,sans-serif; */
	/* font-size: 9pt; */
	/* background-color: #F2F2F2; */
	  background-color: rgb(81 81 81);
	margin: 0px;
	height: 100vh;
	color:white;
  
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
  }
  
  
  .ContenedorPage
  {
	height: 100%;
	margin: auto;
	width: 100%;
	min-width: 900px;
	padding: 0px;
	overflow: hidden;
  }
  
  header{
  
	padding: 0em;
	top:0px;
	left:0px;
	width: 100%;
	font-style: bold;
  
  }
  
  .TituloIMG{
	float: left;  
	padding-top: 6px;
  }
  
  .TituloBC{
	float: left;  
	color: orange;
	font-size: 19pt;
	vertical-align: bottom;
	padding-top: 0.3em;
	font-weight: bold;
  }
  
  .ImagenBarra
  {
  
	margin-bottom: 2px;
  }
  
  .CajaUS
  {
	float: right;
	font-size: 11px;
	text-align: center;
	cursor: pointer;
	/*padding:0.5em;*/
	margin-top: 7px;
	/*margin-right: 1em;*/
	margin-left: 15px;
  }
  
  .menu-bar
  {
	z-index: 100;
	display: none;
	width: 380px; 
	position: absolute; 
	margin-left: -168px ;
	margin-top: 10px;
	background-color: #413E3E;
	border-radius: 3px;
	border: 1px solid #A4A4A4;
	opacity: 0.9;
	cursor: pointer;
  }
  
  .menu-bar::before {
	  content: "";
	  position: absolute;
	  left: calc(50% - 5px);
	  margin-top: -18px;
	  border-width: 9px;
	  border-style: solid;
	  border-color: transparent  transparent #413E3E transparent;
	  
  }
  
  

  
  ::-webkit-scrollbar{
	width: 13px;
	background: #2d2d2d;
  }
  ::-webkit-scrollbar-button{
	width: 0px;
	height: 0px;
  }
  ::-webkit-scrollbar-track{
	background: #696969a8;
    border: thin solid #595959c2;
  }
  ::-webkit-scrollbar-thumb{
	background: #8b8b8b;
    -webkit-box-shadow: inset 0 1px 0 rgba(64, 64, 63, 0.5), inset 1px 0 0 rgb(255 255 255 / 40%), inset 0 1px 2px rgb(121 117 117 / 30%);
    border: thin solid #393939;
    /* border-radius: 10px; */
    -webkit-border-radius: 5px;
  }
  
  ::-webkit-scrollbar-thumb:hover{
  
  }
  
  ::-webkit-scrollbar-thumb:window-inactive {
	background: #8b8b8b6f;
  }
  ::-webkit-scrollbar-corner {
	background: #545454; /* Puedes cambiar este color según tus preferencias */
  }
  .icoLoadF
  {
	margin-bottom: 3px;
  }
  
  .loc-tit
  {
	float: left;
	height: 38px;
	font-size: 8pt;
	padding-top: 12px;
	font-weight: bold;
	/*background-color: red;*/
	width: 200px;
  }
  
  .loc-ico
  {
	float: left;
	height: 20px;
	padding: 12px;
  }
  
  .e-sede
  {
	/*background-color: red;*/
	font-size: 9pt;
	margin-top: 5px;
	float: right;
	margin-left: 10px;
	background-color: gray;
	color: white;
	padding: 5px;
	border-radius: 3px;
  }
  
  .est
  {
    font-size: 9pt;
    padding: 2px;
    border-radius: 5px;
    width: 80px;
    /* margin: 0 auto; */
    width: 60px;

  }
  
  .pen
  {
    background-color: #5554544a;
    text-align: center;
	color: #b6b6b6;
  }
  
  .inc
  {
    background-color: #e7a8005e;
    text-align: center;
    color: #fffefe;
  }
  
  .com
  {
	background-color: #045fb457;
	text-align: center;
	color: white;
  }
  
  .err
  {
	background-color: #FA5858;
	color: white;
	text-align: center;
  }
  /*.TituloBC_SUB{
	float: left;  
	color: gray;
	font-size: 12pt;
	vertical-align: middle;
	padding-top: 1em;
	padding-left: 0.8em;
  }*/
  
  /*
  .TituloEV{
	float: left;  
	color: orange;
	font-size: 13pt;
	vertical-align: bottom;
	padding: 7px;
  }
  
  */
  
  /*.cmb-n{
	background-color: #FAFAFA;
	border-radius: 2px;
  }
  
  .cmb-w{
	font-size: 8pt;
	background-color: #FFFFFF;
	border-radius: 3px;
	height: 30px;
  
  }
  
  .cmb-w:disabled{
	background-color: #E6E6E6;
	color:#A4A4A4;
  }
  
  .cmb-s
  {
	width:calc( 100% - 25px ); 
	border-radius:3px 0px 0px 3px;
	border-right-style:none;
  }*/
  
  /*#iLoad3{
	display: none;
	padding: 10px;
	float: right;
  }
  
  #iLoad4{
	display: none;
	padding: 5px;
	float: right;
  }
  
  .filaSepara{
	background-color:#585858;
	color: white;
	height: 30px;
	font-size: 11pt;
	font-weight: bold;
  }
  
  
  
  
  .Div_bar_iz #Btn_registro_instrumento_destino{
	width: 70px;
	text-align: center;
  }
  
  
  .Div_bar_dr
  {
	width: calc(100% - 300px);
	float: right;
  }
  
  .Div_bar_iz
  {
	width: 270px;
	float: left;
  }
  
  .Div_iz_med
  {
	float: right;
	width: calc(50% - 15px);
  }
  
  .Div_dr_med
  {
	float: left;
	width: calc(50% - 15px);
  }
  
  .barraIzquierda{
	width: 200px;
	background-color: yellow;
  }
  
  .contenidoDerecha{
	width: 600px;
  }
  */
  .contenido-null{
	font-size: 12pt;
	color: #848484;
	text-align: center;
	padding: 40px;
  }
  /*
  #BotonFaltantes{
	float: right;
  }
  
  
  
  .tipo-caja{
	width: 80px;
	text-align: center;
	border-radius: 2px;
	font-size: 7pt;
	padding: 5px;
	border: 1px solid #2E2E2E;
	text-transform: uppercase;
  }
  
  .tc-aplicacion{
	color:white;
	background-color: #2985D0;
	box-shadow: 1px 1px 0px 0px #64B6FA inset;
  }
  
  .tc-adicional{
	color:white;
	background-color: #D6A40E;
	box-shadow: 1px 1px 0px 0px #F6D77A inset;
  }
  
  .tc-retorno{
	color:white;
	background-color: #62AD47;
	box-shadow: 1px 1px 0px 0px #B6F79F inset;
  }
  
  .noAsig{
	background-color: #D8D8D8;
	color:white;
	border-radius: 3px;
	font-size: 8pt;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
  } 
  
  .noPrest{
	background-color: #848484;
	color:white;
	border-radius: 3px;
	font-size: 8pt;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
  } 
  
  .itemEliminar{
	background-color:#cd565c;
	color:white;
	border-radius: 3px;
	font-size: 9pt;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	cursor: pointer;
  }
  
  .itemEliminar:hover{
	background-color:#fa8072;
  }
  
  
  
  .itm-add
  {
	display:inline-block; 
	background-color:#F78181;
	color: white;
	border-radius:0px 3px 3px 0px;
	border-style: none;
	cursor: pointer;
	width: 25px;
	height: 30px;
  }
  
  
  
  .marca-dato .itemEliminar{
	cursor: pointer;
	width: 120px;
	padding: 5px; 
	float: right;
  }
  
  .marca-dato .itemAccion{
	cursor: pointer;
	width: 200px;
	padding: 5px; 
	float: right;
  }
  
  
  
  #Btn_registro_asig_prestamo,#Btn_registro_incidencia,#Btn_registro_nuevo_prestamo{
	float: right;
  }
  
  #Btn_registro_nuevo_prestamo{
	display: none;
  }
  
  #Div_agrega_seccion{
	display: none;
  }
  
  .idCajaAdic{
	font-size: 10pt;
	color:#0174DF;
	font-weight: bold;
	width: 150px;
	padding: 7px;
	margin: 2px;
	cursor: pointer;
  }
  
  .idCajaAdic:hover{
	background-color:#A4A4A4;
	color: white;
  }
  */
  
  #Div_mensaje{
	clear: both;
  }
  
  .divAlertaMSJ{
	margin-left: 10px;
	font-size: 10pt;
  }
  
  .divAlerta
  {
  
	display: block;
	padding: 0em;
  
	margin-bottom: 0px;
	top:0px;
	left:0px;
	width: 100%;
	background-color: red;
	text-align: center;
	color: white;
	height: 40px;
	display: flex; 
	align-items: center;
	justify-content: center
  }
  /*
  */
  #msj_no_dato{
	display: none;
  }
  /*
  .DatoTotalInventariar,.DatoInstrumentos,#DatoTotalInventariar,#DatoInstrumentos{
	display: inline-block;
	font-weight: bold;
	margin: 5px;
	font-size: 12pt;
	color: #0174DF;
  }
  
  .DatoTotalInventariados,#DatoTotalInventariados{
	display: inline-block;
	font-weight: bold;
	margin: 5px;
	font-size: 12pt;
	color: white;
  }
  
  
  .l_dAvance{
	display: inline-block;
	margin: 6px;
	font-size: 10pt;
	color: #6E6E6E;
  }
  
  .LabelTexto{
	display: inline-block;
	font-size: 9pt;
	color: #6E6E6E;
	margin-right: 40px;
  
  }
  
  .l_d{
	font-size: 10pt;
	font-weight: bold;
	color: black;
	padding-bottom: 12px;
	padding-top: 9px;
  }
  
  .imgTbCod{
	padding-left: 10px;
	padding-right: 10px;
  }
  
  .txtTbCod{
	padding-top: 8px;
	padding-left: 4px;
	float: left;
  }
  
  .sub-h
  {
	font-size: 12px;
	margin-left: 5px;
	color: #6E6E6E ;
  }
  
  .inst-st
  {
	font-weight: bold!important;
  }
  
  .lnk-o
  {
	background: 
	  url('../app_view/img/link.png') 15px 50% no-repeat, 
	  url('../app_view/img/link-r.png') 15px 0px repeat-y;
  }
  
  .lnk-o-s
  {
	background: 
	  url('../app_view/img/link.png') 5px 50% no-repeat, 
	  url('../app_view/img/link-r.png') 5px 0px repeat-y;
  }
  
  .lnk-r-s
  {
	background: 
	  url('../app_view/img/link-r.png') 5px 0px repeat-y;
  }
  
  .lnk-r
  {
	background: url('../app_view/img/link-r.png') 15px 0px repeat-y;
  }
  
  
  .txt-ar
  {
	font-size:9pt;
	width:98%;
	margin:3px;
  }
  
  .txt-ar:disabled
  {
	background-color: #E6E6E6;
	color:#A4A4A4;
  }
  
  
  .l_dAvanceBlanco{
	position: absolute; 
	display: inline-block;
	font-size: 10pt;
	color: white;
  }
  
  
  */
  
  
  /*
  .ErrorT{
	background-color: #F8E0E0;
	color: #DF0101;
	font-size: 9pt;
  
  }
  
  .AlertaT{
	background-color: #F3E2A9;
	color: #3B170B;
	font-size: 9pt;
  }
  
  .ErrorBarra{
	text-align: center;
	padding: 7px;
	margin-top: 7px;
	color:  white;
	font-size: 10pt;
	font-weight: bold;
  }
  */
  
  hr{
	width: 100%;
	border-width: 1px;
	border-color: #D8D8D8;
	padding: 0px;
	border-top-style: none;
  }
  
  /*
  hr
  {
	border: 1px solid #eef2f6; 
	width: 100%;
	margin-bottom: 10px;
  }*/
  
  .msj-img{
	display: inline;
	padding: 0px;
	margin: 0px;
  }
  
  .msj-txt{
	padding: 0px;
	margin: 0px;
	margin-left: 9px;
	display: inline;
  }
  
  .msj-div{
	display: flex;
	align-items: center;
	padding: 3px;
	padding-left: 5px;
	/*margin: 7px;*/
	font-size: 9pt;
	font-weight: bold;
	height: 30px;
  }
  
  .msj-err{
	background-color: #F8E0E0;
	color: #DF0101;
  }
  
  .msj-ok{
	background-color: #E1F5A9;
	color: #088A08;
  }
  
  
  .msj-alert{
	background-color: #F3E2A9;
	color: #3B170B;
  }
  
  .fadebox {
	display: none;
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0px;
	  left: 0px;
	  bottom: 0px;
	  background: radial-gradient(at center center, rgba(0, 0, 0, 0.1) 0%, rgba(20, 20, 20, 0.5) 100%);
	  z-index: 990;
  }
  
  .box-dialog
  {
	display: none;
	border: 1px solid #BDBDBD;
	background-color:white; 
	border-radius: 5px;
	width: 400px;
	height: 140px;
	left:50%;
	top:50%;
	margin-top: -100px;
	margin-left: -150px;
	position: absolute;
	  z-index: 991;
  
  }
  .box-tit
  {
  /*margin: 15px;*/
  height: 20px;
  padding: 10px;
  font-weight: bold;
  
  }
  .box-bdy
  {
	height: 50px;
	padding-left: 80px;
	background-image: url('../app_view/img/alerta.png');
	background-repeat: no-repeat;
	background-position: 25px 0px;
	color: gray;
	font-size: 10pt;
  
  /*margin: 15px;*/
  }
  .box-opt
  {
  height: 40px;
  /*margin: 15px;*/
  }
  /*
  #Pop
  {
	position: fixed;
	  display: none;
	  top: 0;
	  left: 50%;
	  margin-left: -200px;
	  width: 400px;
	  height: 130px;
	  z-index:1002;
	  background-color: red;
	padding: 2em;
  }
  
  .cont-progreso
  {
	float: left;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	height: 28px;
	  border-radius: 5px;
	  border-width: 1px;
	border-style: solid;
	border-color: #0080FF;
	  background-color: #58ACFA;
	color:white;
	box-shadow: -1px 1px 0px 0px #A9D0F5 inset;
  }
  
  .c-progreso{
	  background-image: url('../app_view/img/completo_w_15.png');
	  background-repeat: no-repeat;
	  background-position: calc(100% - 6px) 6px;
  
  }
  
  .RayaInicio,#RayaInicio
  {
  
	text-align: right;
	margin-top: -25px;
	float: left;
	height: 30px;
	text-align: right;
	display: flex;
	align-items: flex-end;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #0080FF;
	
  }
  
  .DatoDentro
  {
	margin-top: -25px;
	float: right;
	width: 100%;
	text-align: right;
  }
  
  .DatoFueraBarra
  {
	float: left;
	font-size: 10pt;
	color: white;
  }
  
  .DatoFuera
  {
	margin-top: -25px;
	float: left;
	height: 30px;
	display: flex;
	align-items: flex-end;
  }
  
  .DatoDentroBarra{
	text-align: right;
  }
  
  .DatoCompletoBarra{
	text-align: center;
  }
  
  .RayaFin,#RayaFin{
	margin-top: -10px;
	float: right;
	height: 30px;
	display: flex;
	align-items: flex-end;
	border-right-style: dotted;
  
	border-right-width: 1px;
  
	border-right-color: #0080FF;
  
  }
  
  .ContenedorProgress
  {
	margin-top:5px;
	margin-bottom:5px;
	width: 100%;
	height: 30px;
	background-color: #8B8C8C;
	border-radius: 5px;
	box-shadow: 0 2px 7px #585858 inset;
  }
  
  */
  
  .btn-titulo
  {
	border-radius: 0px 1px 1px 0px;
	background-color: #989898;
	font-size: 12px;
	color:white;
	border:0.5px solid #0C0C0C;
  
	box-shadow: 1px 1px 0px 0px #B8B8B8 inset ;
	cursor: pointer;
  
	background-image: url('../app_view/img/reporte_24_w.png');
	background-repeat: no-repeat;
	background-position: 6px 6px;
	
	float: right; 
	width: 120px; 
	height: 32px; 
  
	margin-right: -1px;
	margin-top:-23px; 
  }
  
  .btn-sec
  {
	border-radius: 1px 1px 1px 1px;
	background-color: #989898;
	font-size: 12px;
	color:white;
	border:0.5px solid #0C0C0C;
  
	box-shadow: 1px 1px 0px 0px #B8B8B8 inset ;
	cursor: pointer;
  
	float: right; 
	width: 120px; 
	height: 32px; 
  
  }
  
  
  .btn-sec-u
  {
	background-color: rgba(237,237,237,1);
	background-image: url('../app_view/img/docente_20.png');
	background-repeat: no-repeat;
	background-position: 6px 6px;
	box-shadow: 1px 1px 0px 0px #FFFFFF inset ;
	border:1px solid #6E6E6E;
	color:#585858;
	  float: right; 
	width: 120px; 
	height: 32px; 
  }
  
  
  
  /*.btn-titulo:hover
  {
	background-color: rgba(237,237,237,1);
	background-image: url('../app_view/img/reporte_24.png');
	background-repeat: no-repeat;
	background-position: 6px 6px;
	box-shadow: 1px 1px 0px 0px #FFFFFF inset ;
	border:1px solid #6E6E6E;
	color:#585858;
  }*/
  
  .btn-titulo-h
  {
	background-color: rgba(237,237,237,1);
	background-image: url('../app_view/img/reporte_24.png');
	background-repeat: no-repeat;
	background-position: 6px 6px;
	box-shadow: 1px 1px 0px 0px #FFFFFF inset ;
	border:1px solid #6E6E6E;
	color:#585858;
  }
  
  .sub-m-titulo
  {
	width: 31px; 
	height: 32px;
	background-position: 6px 6px;
	background-image: url('../app_view/img/sub.png');
  }
  
  .sub-m-titulo-h
  {
	background-image: url('../app_view/img/sub_s.png');
  }
  /*
  
  
  .tit-info{
	width: 100%;
	height: 20px;
	text-align: center;
	padding-top: 9px!important;
	font-weight: bold;
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	font-size: 11px!important;
	color:black;
	border-bottom:1px solid #A4A4A4;
	box-shadow: 1px 1px 0px 0px #FFFFFF inset ;
  }
  
  
  .info-interno{
	padding:8px;
  }
  
  */
  .titulo-sec
  {
	background-color: #413E3E;
	color: white;
	text-shadow:0px 0px 6px #81DAF5;
	/*margin: 0px;*/
	font-size: 10pt;
	/*margin-top: 3px;*/
	/*border-radius: 2px;*/
	border:1px solid black;
	box-shadow: 1px 1px 0px 0px #6E6E6E inset;
	height: 30px;
  }
  
  .cuadro-izq
  {
	width:66px;
	/*padding-right: 0px; */
	/*padding-left: 0px; */
	float: left;
	border-radius: 2px 0px 0px 0px;
	border-right: none;
	text-align: center;
	/*text-align: left;*/
  
  }
  
  .cuadro-med
  {
	width:251px;
	/*padding-right: 0px; */
	/*padding-left: 0px; */
	float: left;
	border-radius: 0px;
	border-right: none;
	text-align: left;
	display: none;
  }
  
  .cuadro-der
  {
	width: 100%!important;
	/*padding-right: 0px; */
	/*padding-left: 0px; */
	float: left;
	border-radius: 0px 2px 0px 0px;
	text-align: left;
  
  }
  /*
  #btn_imprime_Acta{
	display: none;
  }
  */
  
  .contenedor-tabla
  {
	
    /* clear: both; */
    margin-top: 20px!important;
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: auto;
    box-shadow: 1px 1px 4px #000000ab;
  
  }
  
  /*
  #contenedorSync{
  
	height: calc(100% - 200px);
	overflow-y:auto; 
	overflow-x:hidden; 
  }
  
  #contenedorTablasCompleto{
	height: calc(100% - 110px);
	overflow-y:auto; 
	overflow-x:hidden; 
  
  }
  */
  
  .ContenedorBarra
  {
	overflow: hidden;
	height: 35px;
	margin: 0px;
	margin: auto;
	width: calc(100% - 20px);
	padding: 0px;
  }
  
  .cont-menu
  {
	height: calc(100% - 10px);
	width: 65px;
	float: left;
	
  }
  
  .cont-sub-menu
  {
  
	float: left;
	width: 250px;
	height:calc(100% - 10px);
	display: none;
  
  }
  
  .sec-sub-menu
  {
	width: 100%;
	height:100%;
	background-color: white;
	border: 1px solid #c3c9d1;
	border-right-style: none;
	/*display: none;*/
  }
  
  
  
  .sec-contenido
  {
	/* clear: both;
	width: 100%;
	height: 100%;
	vertical-align: top;
	margin: 0px;
	border: 1px solid #3d4147; */
  
  
	  /* vertical-align: top; */
	  /* border: 1px solid #3d4147;
	padding: 15;
	  padding-top: 30; */
  
    /* vertical-align: top; */
    border: 1px solid #3d4147;
    padding: 15;
    /* padding-top: 30; */
    height: calc(100vh - 60px);
    margin-top: 30px;


  }
  
  
  .cont-sub-detalle
  {
  
	height:calc(100% - 10px);
	float: left;
	width: calc(100% - 70px);
  
  }
  
  .sec-sub-detalle
  {
	width: 100%;
	height: 100%;
	vertical-align: top;
	background-color: white;
	margin: 0px;
	border: 1px solid #c3c9d1;
  }
  
  
  
  
  
  .sec-flecha
  {
	display: none;
	position: absolute;
	border-width: 21px;
	  border-style: solid;
	  border-color: transparent #c3c9d1 transparent  transparent;
  }
  
  .sec-flecha::after
  {
	content: "";
	position: absolute;
  
	border-width: 20px;
	  border-style: solid;
	  margin-top: -20px;
	  margin-left: -19px;
	  border-color: transparent white  transparent  transparent;
  }
  
  .st-core
  {
	/* margin: 15px; */
	/*margin-top: 10px!important;*/
	/*margin-top: 0px!important;*/
  }
  
  /* h2, h3, h4{
	color:#fff;
  }
  
   */
  /* 
  h2
  { */
	/* text-decoration: underline;
	font-size:11pt;
	margin: 10px;
	margin-left: 0px;
	margin-top: 0px;
	color: #4682B4;
	text-shadow: 0px 0px 2px white; */
  
  /* } */
  
  /*
  .BotonAccion
  {
	border-width: 1px;
	width: 150px;
	border-style: solid;
	padding: 7px;
	height: 30px;
	border-radius: 5px;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #C9C7C8 100%);
	color: black;
	border-style: solid;
	border-color:#0080FF;
	cursor: pointer;
  }
  
  #barra-titulo-boton{
	display: none;
  }
  
  .BarraProgresoInstrumento .BotonAccion{
	width: 100%;
  }
  
  .BotonAccion:hover 
  {
	background-image:  -webkit-linear-gradient(top, #2A61BF 0%, #3D7EFF 100%);
	color:white;
	text-decoration: none;
	border-color: #3D7EFF;
	box-shadow:0px 0px 15px lightblue; 
  }
  
  .BotonAccion:disabled
  {
	border-width: 1px;
	width: 150px;
	border-style: solid;
	padding: 7px;
	height: 30px;
	border-radius: 5px;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	background-color: lightgray;
	color: darkgray;
	border-style: solid;
	border-color: lightgray;
	}
  
  .boton_agregar{
	display: none;
  }
  
  .BotonAccionDisable
  {
	border-width: 1px;
	width: 150px;
	border-style: solid;
	padding: 7px;
	height: 30px;
	border-radius: 5px;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	background-color: lightgray;
	color: darkgray;
	border-style: solid;
	border-color: lightgray;
	}
  
  
  .titulo-Seccion
  {
	border-width: 1px;
	text-align: center;
	border-style: solid;
	padding: 7px;
	border-radius:5px 5px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color:white;
	text-decoration: none;
	border-color: #BDBDBD;
	box-shadow: 0px 1px 0px 0px #FFFFFF inset;
	color: #585858;
	font-weight: bold;
  
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  }
  
  
  .barraTitulo #titulo-caja{
  
	float: left;
	width: calc(100% - 165px);
	border-right:none; 
	border-radius: 5px 0px 0px 0px;
  }
  
  .barraTitulo .BotonAccion{
	float: right;
	display: inline-block;
	width: 150px;
	border-radius: 0px 5px 0px 0px;
	border-color: #A4A4A4;
  }
  */
  .btn-primario
  {
	border-width: 1px;
	border-style: solid;
	padding: 7px;
	height: 30px;
	border-radius: 3px;
	font-family: Arial;
	  background-color: #58ACFA;
	font-size: 12px;
	color:white;
	text-decoration: none;
	border-color: #0080FF;
	box-shadow: 0px 1px 0px 0px #A9D0F5 inset;
	cursor: pointer;
  }
  
  .btn-primario:hover
  {
	box-shadow: 0px 0px 0px 0px #A9D0F5 inset;
	background-image:  -webkit-linear-gradient(top, #2A61BF 0%, #3D7EFF 100%);
  }
  
  /*
  .err
  {
	color: red;
	font-size: 9pt;
  }
  
  #BtnLogIn
  {
	width: 100%;
  }
  
  .ContenedorDatosInterno
  {
	overflow: hidden;
	border-width:1px;
	border-color:#C9C7C8; 
	  border-style:dotted;
	background-color: #F7F7F7;
	padding: 1.5em;
	border-radius: 5px;
  }
  
  
  
  */
  input[type="time"],
  input[type="number"],
  input[type="text"],
  input[type="password"], 
  select{
	width: 100%;
	padding: 0.7em;
	border: 1px solid #424242;
	font-size: 9pt;
	border-radius: 5px;
	color: #424242;
  
  }
  
  input[type="text"]:disabled
  {
	border: 1px solid #424242;
	background-color: transparent;
  }
  
  select:disabled
  {
	border: solid 1px #D8D8D8;
	background-color: transparent;
  }
  
  textarea
  {
	width: 100%;
	font-size: 10pt;
	border-radius: 5px;
	border: solid 1px #D8D8D8;
	padding: 0.7em;
	font-family: Helvetica,Arial,sans-serif;
  }
  
  
  .item1
  {
	display:inline-block;
	width: 100%;
  
  }
  
  .txt-bar
  {
	float: left;
	width: 200px!important;
	border-radius: 3px 0px 0px 3px !important;
	height: 30px;
	border-color: #0080FF!important;
	border-right-style: none!important;
	text-align: center;
  }
  
  /*
  .caja-min{
	width: 200px!important;
  }
  
  .caja-sec{
	width: 165px!important;
	border-right-style: solid!important;
  }
  */
  .btn-abrir
  {
	display: inline-block;
	margin-left: 0px;
	float: left;
	border-radius: 0px 3px 3px 0px;
	height: 30px;
	width: 70px;
  }
  
  .btn-input-kb
  {
	display: inline-block;
	margin-left: 0px;
	float: left;
	border-radius: 0px;
	border-right: none;
	height: 30px;
	width: 30px;
	background-image: url('../app_view/img/teclado.png') ;
	background-repeat:no-repeat;
	background-position: 5px 8px;
  
  }
  
  .btn-input-kb:hover
  {
  
	background-image: url('../app_view/img/teclado_w.png') ;
	background-repeat:no-repeat;
	background-position: 5px 8px;
  
  }
  
  /*
  .BarraBoton
  {
	margin-left:-30px;
	margin-bottom:-30px;
	padding: 30px;
	text-align: center;
	width: 100%;
	background-color: lightgray;
  }
  
  .ItemDato{
	height: 30px;
	padding-bottom: 10px;
	padding-top: 5px;
  }
  
  .EtiquetaDato{
  font-size: 9pt;
  margin: 0px;
  color:#585858;
  
  }
  */
  #CuadroLog{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 220px;
	  border-radius: 3px;
	padding: 2em;
	  text-decoration: none;
	  vertical-align: middle;
	  outline: 0;
	  font-weight: 400;
	  font-size: 13px;
	  color: #2077cf;
	  border: 1px solid #c3c9d1;
	  background-color: #fff;
	box-shadow:0px 0px 15px lightblue; 
  }
  /*
  h1{
	font-size: 11pt;
	font-weight: bold;
  
  }
  
  
  
  
  a:link {
	text-decoration:none; color: #084B8A;
	} 
  a:visited {
	text-decoration:none; color:#084B8A;
	} 
  a:active {
	text-decoration:none; color:#99FF00; 
	background:#EEEEEE;
	} 
  a:hover {
	
	color:#FE9A2E; 
	} 
  
  #CierraSesion{
  
	text-shadow: 0em 0em ;
	color: white;
  }
  
  
  .TablaEstat, .TablaEstat tr, .TablaEstat td{
	border-collapse: collapse;
	border-style:dotted;
	border-color:  #C9C7C8;
	border-width: 1px;
	font-size: 9pt;
	padding: 1em;
  
  }
  
  
  .tabla_lista_inventario_instrumento{
  width: 100%;
  font-size: 9pt;
  border-collapse: collapse;
  }
	
  .tabla_lista_inventario_instrumento, .tabla_lista_inventario_instrumento td, .tabla_lista_inventario_instrumento th{
  
	border-width: 1px;
	border-color: gray; 
  
  padding: 3px;
  
  
  
  }
  
  .tabla_lista_inventario_instrumento th{
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	font-size: 10pt;
	color:#B40404;
	padding: 8px;
  }
  
  .BarraProgresoInstrumentoEspera{
	height: calc(100% - 500px);
	overflow-y:scroll;
	overflow-x:hidden;
  }
  
  .BarraProgresoInstrumentoEspera:hover{
	overflow-y: scroll;
	overflow-x:hidden;
  }
  
  
  .c-inst{
	height: 80px;
	overflow-y: scroll;
	overflow-x:hidden;
	background-color: #F2F2F2;
	  border: thin solid #E6E6E6; 
  }
  
  .c-inst-m
  {
	clear: both;
	height: calc(100% - 215px)!important;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #F2F2F2;
	  border: thin solid #E6E6E6; 
  }
  .neutro
  {
	height: calc(100% - 300px)!important;
  }
  
  .Div_dato_instrumento
  {
	display: none;
	padding: 5px;
	margin: 5px;
	border-width: 1px;
	border-radius: 3px; 
	box-shadow: 1px 1px  1px #A4A4A4;
	margin: 8px;
	background-color:white;
	padding: 5px;
	overflow: auto;
  }
  
  .Div_dato_instrumento:hover
  {
	background-color:#FAFAFA; 
  }
	
  .matAdic{
	display: inline-block;
	float: right;
	margin-right: 10px;
  }
  
  .Div_dato_instrumento .BotonAccion{
	display: inline-block;
	width: 23px;
	height: 23px;
	font-size: 7pt;
	padding: 2px;
  }
  
  .Div_item_div_instrumento{
	text-align: center;
  }
  
  .Div_item_div_instrumento .BotonAccion{
	width: 23px;
	height: 23px;
	font-size: 7pt;
  }
  
  .Div_instrumento_prestado .BotonAccion{
	display: inline-block;
	width: 23px;
	height: 23px;
	font-size: 7pt;
	padding: 2px;
  }
  
  .Div_instrumento_prestado .noPrest{
	display: inline-block;
	float: left;
	width: 80%;
	margin-left: 5px;
	margin-right: 10px;
  }
  
  .marca-dato .l_AP{
	font-size: 8pt;
	width:100%;
  }
  
  
  
  
  #titulo-caja-destino{
	display: none;
  }
  
  .dato_caja,
  #Div_dato_caja_destino, 
  #Div_dato_caja_origen{
	display: none;
	border-radius: 3px 0px 0px 3px; 
	width: 100%;
	border: 1px solid #424242;
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.02),1px 1px 2px 0 rgba(0,0,0,0.02) !important;
  }
  
  .l_AP{
	display: inline-block;
	color:#848484;
	width: 90px;
	font-size: 11px;
	padding:5px;
  }
  
  .labeldato_simple{
	display: inline-block;
	color:#848484;
	width: 90px;
	font-size: 9pt;
  }
  
  
  #cuenta-item{
	display: inline-block;
	font-weight: bold;
  }
  
  .subtitulo-item .l_d{
	display: inline-block;
	padding-left:3px; 
  }
  
  
  .datoAP{
	display: inline-block;
	color:#1C1C1C;
	font-size: 9pt;
	padding:5px;
	padding-right: 0px;
  }
  
  .datoAP_grande{
	display: inline-block;
	color:#1C1C1C;
	font-size: 12pt;
	font-weight: bold;
	padding:5px;
	padding-right: 0px;
  }
  
  */
  .tabla-gen
  {
	width: 100%;
	border-collapse: collapse;
  }
  
  .tabla-gen thead {
	position: sticky;
	top: 0;
	}
  
  
  .tabla-gen tr
  {
	/* height: 45px;
	background-color: #FAFAFA;
  
	border-bottom: 1px solid #E0E0E0;
	font-size: 8pt;
	color:#424242; */
  
	height: 50px;
	  background-color: #656464;
	  border-bottom: 1px solid #413e3e;
	  font-size: small;
	  color: rgba(246,246,246,1);
  
  
  }
  
  .tabla-gen th
  {
	/* font-weight: bold;
	background-color: white;
	vertical-align: top;
	text-align: center;
	font-size: 8pt;
	color: #585858;
	border-bottom: 1px solid #E0E0E0!important; */
  
	/* font-weight: bold;
	  background-color: #515151;
	  font-size: 9pt;
	  color: #e1e1e1;
	  height: 35px;
	  position: sticky; */
  

	  font-weight: normal;
	  background-color: #515151;
	  /* text-align: center; */
	  font-size: 1em;
	  /* color: #e1e1e1; */
	  /* border-bottom: 1px solid #E0E0E0!important; */
	  height: 60px;
	  position: sticky;



  }
  
  .tabla-gen thead tr
  {
	height: 20px;
  
  }
  .tabla-gen tr:hover
  {
  
	/* background-color: #FCFCFC; */
	background-color:rgb(140 140 143 / 76%);
  }
  
  .tabla-gen td
  {
	padding: 10px;
  }
  
  .info-th
  {
	color: #A4A4A4!important;
	font-weight: normal!important;
	width: 70px!important;
  
  }
  
  
  
  .tabla-sm
  {
	width: 100%;
	border-collapse: collapse;
	font-size: 9pt;
  }
  
  .tabla-sm th
  {
	height: 47.5px!important;
  }
  
  .tabla-sm tr
  {
	height: 40px;
	background-color: #F7F7F7;
	/*border-bottom: 1px solid #E0E0E0;*/
	cursor: pointer;
	font-size: 8.5pt;
  
	color:#585858;
  
  }
  
  .tabla-sm tr:not(:first-child):hover
  {
  /*  background-color: #848484!important;
	border-bottom: 1px solid #E0E0E0;
  */
  
	background-color: rgba(237,237,237,1)!important;
  
	box-shadow: 1px 1px 0px 0px #FFFFFF inset ;
	border:1px solid #6E6E6E;
	color: black;
  
  
  }
  
  .sel-activo
  {
  
	background-color: #989898!important;
	font-size: 9px;
	color: white!important;
	font-weight: bold;
	border:1px solid #6E6E6E;
  
	box-shadow: 1px 1px 0px 0px #FAFAFA inset ;
  
	font-size: 8.5pt;
  }
  
  .sel-activo:hover
  {
  
  /*  background-color: #989898!important;
	font-size: 9px;
	color: white!important;
	font-weight: bold;
	border:0.5px solid #0C0C0C;
  
	box-shadow: 1px 1px 0px 0px #B8B8B8 inset!important ;
  
	font-size: 8.5pt;*/
  
  }
  
  .tabla-sm th
  {
	height: 50px;
	font-weight: normal;
	background-color: white;
	vertical-align: middle;
	text-align: left;
	cursor: default;
	border-bottom: 1px solid #E0E0E0;
  
  }
  
  .tabla-sm tr:nth-child(even)
  {
	/*background-color: white;*/
  }
  
  
  
  /*.fila-asist
  {
  
	height: 18px;
	padding-top: 5px;
	border-bottom: 1px solid #E0E0E0;
	font-weight: normal;
	border-radius: 3px;
	text-align: center;
	width: 90px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 5px;
  
  
  }*/
  
  /*.asist{
	background-color: #77ad23;
	background-image: url('../app_view/img/completo_w_15.png');
	color: white;
  }
  
  .pend{
	background-color: #E6E6E6;
	color: #848484;
	background-image: url('../app_view/img/pendiente.png');
	background-position: 6px 4px;
  
  
  }*/
  
  
  /*.tabla-sm tr:nth-child(odd)
  {
	background-color: white;
  }*/
  /*
  .tabla_color_unico{
	width: 100%;
	border-collapse: collapse;
	color: #424242;
	background-color: #F2F2F2;
	border-width: 1px;
	border-color: lightgray; 
	border-style: dotted;
  }
  
  .tabla_color_unico tr{
	padding: 3px;
	font-size: 9pt;
  }
  
  .tabla_color_unico th{
	border: none;
	font-size: 9pt;
	color:black;
	padding-top:7px;
	padding-left: 3px;
	padding-bottom:7px;
	font-weight: bold;
	text-align: left;
  }
  
  
  
  
  
  
  
  
  
  
  .tabla_incidencia{
	width: 600px;
	border-collapse: collapse;
	color: #424242;
	font-size: 13px; 
	color: #A4A4A4;
  }
  
  
  .tabla_incidencia .itemEliminar{
	height: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
  }
  
  
  .tabla_ultimos_instrumentos_faltantes{
	width: 100%;
	border-collapse: collapse;
	color: #424242;
  }
  
  .tabla_ultimos_instrumentos_faltantes tr{
  
	padding: 1px;
	font-size: 9pt;
  }
  
  .tabla_ultimos_instrumentos_faltantes tr:nth-child(odd){
  background-color: #F2F2F2;
	
  }
  
  .tabla_ultimos_instrumentos_faltantes th{
	background-color: #D8D8D8;
	font-size: 9pt;
	color:black;
	text-align: left;
  }
  
  .tabla_ultimos_instrumentos_faltantes .filaInfo{
	padding: 3px;
	margin-top: 7px;
	background-color: #F8E0E0;
	color: #DF0101;
  
	font-size: 9pt;
	height: 40px;
	border-style: none;
	font-weight: bold;
  }
  
  .tabla_ultimos_instrumentos_faltantes .matAdicr{
	background-color: red;
	color:white;
	border-radius: 3px;
	font-size: 9pt;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
  
  }
  
  .lTabla{
	font-size: 8pt;
	color: gray;
	font-weight: normal;
  }
  
  
  .datosAsig{
	clear:both;
	padding-top: 5px;
  }
  
  
  .l-trash{
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	text-align: center;
	font-size: 9pt;
	color: #585858;
  }
  
  .l-trash:hover{
	color: red;
	-webkit-filter: grayscale(0%);
  }
  
  
  #contenido_seccion #label_seccion{
	display: inline-block;
  }
  
  
  .cRetorno{
	padding: 20px;
	background-color:#FAFAFA;
  }
  
  .Div_instrumento_disponible{
	border-width: 1px;
	border-radius: 3px; 
	box-shadow: 1px 1px  1px #A4A4A4;
	background-color:white;
	padding: 5px;
	overflow: auto;
  }
  
  .Div_instrumento_prestado{
	border-width: 1px;
	border-style: dotted; 
	border-color: #DBA901;
	border-radius: 1px; 
	margin: 0px;
	background-color:white;
	overflow: auto;
	width: 100%;
  }
  
  .marca-index
  {
	display: inline-block;
	text-align: center;
	padding-right: 10px;
	width: 50px;
	height: 100%;
	margin-top: 0px;
  }
  .marca-index .l_AP{
	width: auto;
	font-size: 8pt;
	padding: 0px;
  }
  .marca-index .labeldato{
  
	font-size: 13pt;
	font-weight: bold;
	padding: 5px;
	color: #0174DF;
  }
  
  .marca-dato
  {
	border-left: 1px solid #A4A4A4;
	width: 100%;
	float:right;
  }
  
  
  
  
  .marca-dato .l_AP{
	width: auto;
  }
  
  #contenido_seccion .marca-index{
	width: 15%;
  }
  #contenido_seccion .marca-dato{
	width: 83%;
  }
  
  
  .marca-dato .datoAP{
	font-size: 8pt;
  }
  
  .info-div-pendiente{
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	color: #BDBDBD;
  }
  
  .info-div-error{
	font-size: 9pt;
	color: red;
  }
  
  .info-div-correcto{
	font-size: 9pt;
	color: #088A08;
  }
  
  #contenedor-prestado,
  #contenedor-prestar,
  #btn_guardar_ok{
	display: none;
  }
  
  .caja-prestamo{
	margin-top: -5px;
	display:none;
	background-color:#424242;
	margin-left: 10px;
	color: white;
	font-weight: normal;
	padding: 3px;
	width: 150px;
	border-radius: 3px;
  }
  
  .cor-est{
	display: inline-block;
	background-color:#424242;
	margin-right: 10px;
	color: white;
	font-weight: normal;
	padding: 3px;
	border-radius: 3px;
  }
  
  
  
  
  
  
  #Btn_prestar{
	clear: both;
	margin-top: 10px;
	overflow: auto;
  }
  
  #btn_guardar_seccion,#btn_guardar_ok{
	float: right;
  }
  
  
  #txt_busca_anexo{
	display: inline-block;
	text-align: center;
	margin-left:5px; 
	margin-right:5px; 
	float: left;
	width: 25px;
	border-radius: 0px 0px 0px 0px;
	height: 30px;
	border-color: #0080FF;
  }
  */
  
  .item_cuadro{
	width: 15px;
	padding: 5px;
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25) inset;
	color: white;
  }
  
  .cor-e{
	  border: 1px solid  #6E6E6E;
	  background-color:  #A4A4A4;
	  /* text-shadow:1px 1px #585858; */
  }
  
  /*
  .ins-ad{
	  border: 1px solid #B18904;
	background-color: #FFBF00;
	  text-shadow:1px 1px #B18904;
  }
  
  
  
  
  
  
  
  
  
  .sec-let{
	font-size: 8pt;
	  border: 1px solid  #2E9AFE;
	  background-color:  #81BEF7;
	  text-shadow:1px 1px #045FB4;
  }
  
  
  .itm_w{
	padding: 3;
	margin: 0px;
  }
  
  
  
  #lista_grados{
	overflow: auto;
  
	padding-bottom: 5px;  
  }
  
  .item_grado{
  
	padding:7px;
	padding-left:15px;
	margin-top: 10px; 
	cursor: pointer;
	width: calc(100% - 49px);
	border-radius: 3px 0px 0px 3px;
	font-size: 10pt;
	float: left;
	height: 15px;
	border-right-style: none !important;
  }
  
  .g_inactive{
	border: 1px dotted #BDBDBD;
	background-color:white;
  }
  
  .g_inactive:hover{
	border: 1px solid #BDBDBD;
  
  }
  
  .g_active{
	border: 1px solid #A4A4A4;
	box-shadow: 1px 1px 0px 0px #FFFFFF inset;
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  }
  
  .item_grado_f{
	overflow:hidden; 
	padding:7px;
	margin-top: 10px; 
	width: 10px;
	border-radius:0px 3px 3px 0px;
	border-width: 1px;
	border-style: solid;
	font-family: Arial;
	font-size: 8pt;
	color:white;
	float: left;
	cursor: pointer;
	text-align: center;
  }
  
  .f_active{
	  background-color: #58ACFA;
	border-color: #0080FF;
	box-shadow: 0px 1px 0px 0px #A9D0F5 inset;
  }
  
  .f_disable{
	color:gray;
	font-size: 10pt;
	  background-color: #F2F2F2;
	border-color: #D8D8D8;
	box-shadow: 0px 1px 0px 0px #FAFAFA inset;
  }
  
  
  
  
  .textF{
	text-align: center;
	font-weight: bold;
	color: darkorange;
  
  }
  */
  
  #tr_H{
	height: 0px;
	overflow: hidden;
	border-style: none;
  }
  
  #tr_H th{
	height: 0px;
	font-size: 0px;
	margin: 0px;
	padding:0px;
  
  }
  
  #tr_H img{
  
	height: 0px;
  
  }
  
  
  .cabecera_fija{
	width: 100%; 
	height: 30px; 
	border-bottom: 1px solid #424242;
	overflow: hidden; 
	font-weight: bolder;
  }
  
  
  /*
  .b-m-int{ 
	padding: 5px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 47%, rgba(237,237,237,1) 100%);
	border: 1px solid #424242;
	border-radius: 3px;
	overflow: auto;
  }
  
  
  
  .tb_ls{
	width: 100%;
	border-collapse: collapse;
	color: #424242;
  }
  
  .tb_ls tr{
	font-size: 9pt;
	height: 25px;
  }
  
  
  .tb_ls tr:nth-child(even){
	background-color: #F2F2F2;
  }
  
  .tb_ls th{
	background-color: white;
	color:black;
	text-align: left;
	height: 25px;
	border-bottom:1px solid #424242; 
  }
  
  
  */
  
  .itm-menu
  {
	background: url('../app_view/img/alerta_w.png') 5px 7px no-repeat; 
	margin: 0px;
	padding: 9px;
	padding-left: 32px;
	color: white;
  }
  
  .itm-menu:hover
  {
	background-color: black;
  }
  
  .itm-menu-r
  {
	background: url('../app_view/img/reporte_24_w.png') 5px 7px no-repeat; 
  }
  /*
  .alto-fila
  {
	height: 60px;
  }
  
  .det-info{
	background-image: none;
	border-style: none;
	width: 150px;
	text-align: left;
	font-weight: normal;
  
	padding-top: 9px;
	font-size: 9pt;
	color:gray;
  
  }*/
  
  .box-err
  {
	  display: none;
	  position: fixed;
	  top: 0%;
	  left: 0%;
	  width: 100%;
	  height: 120%;
	  background-color: red;
	  z-index:1001;
	  -moz-opacity: 0.3;
	  opacity:.30;
	  filter: alpha(opacity=30);
  }
  
  
  .loader {
	  border: 5px solid #D8D8D8; /* Light grey */
	  border-top: 5px solid #31B404; /* Blue */
	  border-radius: 50%;
	  width: 15px;
	  height: 15px;
	  animation: spin 0.5s linear infinite;
  }
  
  @keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
  }
  
  
  
  .fr-est{
	/*display: none;*/
	overflow: auto;
	position: absolute;
	top:5px;
	  border-radius: 2px;
	padding: 2em;
	  vertical-align: middle;
	  font-weight: 400;
	  font-size: 13px;
	  color: #2077cf;
	  border: 1px solid #c3c9d1;
	  background-color: #fff;
	/*box-shadow:0px 0px 15px lightblue;*/
	z-index:1002; 
	width: 444px;
	left: 50%; 
	top: 50%; 
	margin-left: -222px;
	margin-top: -150px;
  }
  .i-3{
  
	display:inline-block;
	width: 218px;
  }
  .i-11
  {
	display:inline-block;
	width: 70px;
  }
  
  .i-9{
	width: 100%;
  
  }
  
  .etq-dato
  {
	font-weight: bold;
	font-size: 8pt;
	margin: 0px;
	color:#535353;
  
  }
  
  .i-dato{
	height: 40px;
	padding-bottom: 10px;
	padding-top: 5px;
  }
  
  .req{
  
	color: #DF0101;
  }
  
  .txt-dim{
	width: 35px!important;
	text-align: center;
  }
  
  .txt-mini{
	width: 45px!important;
	text-align: center;
  }
  .txt-mini-derecha
  {
	border-radius: 0px 3px 3px 0px!important;
  }
  
  .txt-mini-izquierda
  {
	border-radius: 3px 0px 0px 3px!important;
  }
  
  .txt-mini-cuadrado 
  {
	border-radius: 0px!important;
  }
  
  .chk-cuadro
  {
	float: left;
	border-width: 1px;
	width: 38px;
	padding: 7px;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #C9C7C8 100%);
	color: black;
	border-left-style: solid;
	border-right-style: none;
	border-color: #B6B5B5;
	cursor: pointer;
  }
  
  .chk-cuadro-ultimo{
	border-right-style: solid;
	border-radius: 0px 3px 3px 0px;
  }
  
  .chk-cuadro-primero{
	border-radius: 3px 0px 0px 3px;
  }
  
  .chk-cuadro-medio{
	border-radius: 0px 0px 0px 0px;
  }
  
  
  .chk-cuadro-hover 
  {
	background: rgba(109,176,238,1)!important;
	background: -moz-linear-gradient(45deg, rgba(109,176,238,1) 22%, rgba(109,176,238,1) 33%, rgba(63,142,233,1) 100%)!important;
	background: -webkit-gradient(left bottom, right top, color-stop(22%, rgba(109,176,238,1)), color-stop(33%, rgba(109,176,238,1)), color-stop(100%, rgba(63,142,233,1)));
	background: -webkit-linear-gradient(45deg, rgba(109,176,238,1) 22%, rgba(109,176,238,1) 33%, rgba(63,142,233,1) 100%)!important;
	background: -o-linear-gradient(45deg, rgba(109,176,238,1) 22%, rgba(109,176,238,1) 33%, rgba(63,142,233,1) 100%)!important;
	background: -ms-linear-gradient(45deg, rgba(109,176,238,1) 22%, rgba(109,176,238,1) 33%, rgba(63,142,233,1) 100%)!important;
	background: linear-gradient(45deg, rgba(109,176,238,1) 22%, rgba(109,176,238,1) 33%, rgba(63,142,233,1) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db0ee', endColorstr='#3f8ee9', GradientType=1 );
  
	color:white!important;
	text-decoration: none!important;
	border-color: #71A0FE!important;
  }
  
  
  .ico-alerta {
	animation-name: parpadeo;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	background-color: transparent;
  }
  
  
  @-webkit-keyframes parpadeo {  
	0% { opacity: 0.5; }
	50% { opacity: 0.0; }
	 100% { opacity: 0.5; }
  }
  
  .cont-contenido
  {
  
	display: flex;
	flex-direction: row;
	height:100vh;
	float: left;
	width: calc(100% - 65px);
	overflow: hidden;
  
  }
  
  .pan-izq
  {
  
	  flex: 0 0 auto;
	width: calc(100% - 300px);
	float: left;
	min-width: 500px;
	max-width: 80%;
  
  }
  
  .pan-izq-full
  {
  
	width: 100%!important;
	float: left;
  }
  
  .pan-der
  {
  
	flex: 1 1 auto;
	width: 300px;
	float: right;
	/*max-width: 600px;*/
	min-width: 200px;
  
  }
  
  .splitter
  {
	position: absolute;
	flex: 0 0 auto;
	width:10px; 
	height:calc(100% - 100px); 
	float: left;
	background-color: transparent;
	cursor:col-resize;
  }
  
  .btn-titulo-t
  {
	border-radius: 0px 1px 1px 0px;
	background-color: #989898;
	font-size: 12px;
	color: white;
	border: 0.5px solid #0C0C0C;
  
	box-shadow: 1px 1px 0px 0px #B8B8B8 inset ;
	cursor: pointer;
	
	float: right; 
	width: 30px; 
	height: 32px; 
  
	margin-top: -1px; 
  }
  
  .btn-titulo-t:hover
  {
  
	background-color: rgba(237,237,237,1);
	box-shadow: 1px 1px 0px 0px #FFFFFF inset ;
	border:1px solid #6E6E6E;
	color:#585858;
  
  }
  
  #gen_rep
  {
	display: none;
  }
  
  .btn-filtro
  {

    height: 37px;
    width: 10em;
    font-size: 0.9em;
    color: #e8e8e8;

    background-color: #3b3636;
    border: 1px solid #525151;
    box-shadow: 1px 1px 4px #3b3636;
    -webkit-appearance: none;
	text-align: center;

}


  .select-sede-regional
  {
  
	/* margin-bottom: 20px; 
	height: 30px;
	float: right; 
	width: 400px; */
  

    /* float: right; */
    width: 400px;
    box-shadow: 1px 1px 4px #3b3636;
    border: 1px solid #555454;
    border-radius: 3px;
    background: #3b3636;



	
  }
  
  .titulo-modulo
  {
  
	float: left; 
	font-size: 11pt; 
	font-weight: bold;
	padding-top: 7px;
	color: #585858;
  
  }
  
  
  .tit-det-sub
  {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 1em;
    color: rgb(217, 217, 217);
  }
  
  .info-det-sub
  {
    display: inline-block;
    font-size: 0.8em;
    color: white;
  }
  
  .sec-menu {
	background-color: #413E3E;
	width: 100%;
	margin: 0px;
	padding-top: 40px;
	padding-left: 0px;
	border: 1px solid black;
	box-shadow: 1px 1px 0px 0px #6E6E6E inset;
	border-top: 1px solid #413E3E;
	height: 100%;
	}
	
	.item-menu {
	/* margin-top: -2px; */
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0px;
	border-left: 1px solid #6E6E6E;
	color: #959595;
	font-size: 1.3em;
	cursor: pointer;
	position: relative;
	}
	
	.tooltip {
	position: absolute;
	background-color: #333;
	color: #fff;
	padding: 8px;
	border-radius: 4px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s;
	white-space: nowrap;
	left: 100%;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 1.1rem;
	  z-index: 10000;
	}
	
	.item-menu:hover{
	color: white;
	}
  
	.item-menu:hover .tooltip {
		visibility: visible;
		opacity: 1;
	}

	.item-activo
	{
		background-color: #515151;
		display: flex;
		justify-content: center;
		flex-direction: column;
		color: #ffffff;
		font-size: 1.5em;
		align-items: center;
		width: 65px;
		border: 1px solid #00000070;
		border-right: 0;
	}	

	.item-activo:hover
	{
	  background-color:#71797f;
	  color: #ececec;
	
	}
  .brand{
	display: flex;
	  justify-content: center;
	  align-items: center;
	  border-right: 0;
  }

  .col-prg
  {
	text-align:center;
	background-color:#58acfa30;
  }

  .col-recep
  {
	text-align:center;
	font-weight: bold;
	background-color:#58acfa85;
  }

  .col-pen
  {
	text-align:center;
	background-color:#58acfa5c;
	/* border-right: 1px solid #424242!important; */
  }

  .toolbar{
	display: flex; 
	align-items: center;
	gap: 10px; 
}

.th-lr {
    /* white-space: nowrap; */
    overflow: hidden;
    /* text-overflow: ellipsis; */
    max-width: 1px;
    writing-mode: vertical-rl;
    text-align: left;
    padding: 0;
    font-size: x-small!important;
  }

.toolbar h3{
	font-size: medium;
}
 .btn
 {
	height: 35px;
    border-radius: 0.3em;
    background: #4080bb;
    color: white;
    border: 0;
    box-shadow: 1px 1px 4px #00000042;
    padding-left: 15px;
    padding-right: 15px;
	cursor: pointer;
	position: relative;
 }
.btn:hover{
    background: #4992d6;
}

.btn:disabled
{
	pointer-events: none;
	opacity: 0.5;
}

.btn-excel{
    background: #3c6310;

}
.btn-excel:hover{
    background: #497715;
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top: 4px solid #ffffff;
	animation: spin 1s linear infinite;
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  .btn:disabled .spinner {
	opacity: 1;
  }
  
  @keyframes spin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
  }