a:link { 
	text-decoration: none;
}
a:visited {
	
	text-decoration: none;
}
a:hover {
	 
	text-decoration: none;
}
a:active {
	text-decoration: none;
	 
}

textarea {
    resize: none;
}

 ::-webkit-scrollbar {
    display: none;
}
  
   .mitiposelect { 
  height: 30px;
  padding: 5px 10px;
  background-color:white;
  line-height: 20px;
  font-size: 14px;
  color:#1A5074;
  border-radius: 6px 6px 6px 6px 
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 1px 0 rgba(24, 24, 24, 0.1);
  box-sizing: border-box;
  font-weight: bold;
}   
   


/* preloader */
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #C4D8DF;
    z-index: 100;
}
#loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left:50%; top:50%;
    background: url(img/loader.gif) no-repeat center 0;
    margin:-50px 0 0 -50px;
}

  
 
 
 
 body
 {
  background:#C4D8DF;
 }
 
 
 
 .menuopciones
  {
  background: #263544;
  width:200px;
 
  }
  
  
  
 
	
    .panel {
      position: fixed;
      top: 55px;
      width: 100%; 
      color: #fff; 
      height:100%;	  
      max-height: calc(100% - 50px);
      overflow-y: auto;	  
	  scrollbar-width: none; /* Firefox 64 */
	  z-index: 100;
    }
  	
	
	
    .panelprincipal {
      position: fixed;
      top:35px;
      width: 100%; 
      color: #fff;
 
      height:100%;	 
	  
      max-height: calc(100% - 50px);
      overflow-y: auto;	  	  
	   
    } 

    #menupanel {
      left: 0;
      top: 35px;
	  width:250px;
      -webkit-transform: translateX(-270px);
      -ms-transform: translateX(-270px);
      transform: translateX(-270px); 
    } 
	
.panel::-webkit-scrollbar { 
    display: none;  // Safari and Chrome
}	
	
	
   .NombrePantallaOscuro
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #1B5175;   
   }	 
	
	
	
   .NombrePantalla
   {
    font-size: 16px;
    line-height: 1em;
 
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	color: #FFFFFF;   
   }	
   
   
 .NombrePantalla
   { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #C4D8DF;   
   }   
	
 
 .NombrePantallalt
   { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #C4D8DF;   
   }
 
 
 .NombrePantallaltOscuro
   { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #1A5074;   
   }
 
a:link { 
	text-decoration: none;
}
a:visited {
	
	text-decoration: none;
}
a:hover {
	 
	text-decoration: none;
}
a:active {
	text-decoration: none;
	 
}

.estiloceldadatos{
}

 
.divcontenidoprincipal
 {
  height:730px; 
  background-color:#F0F5F7 
  }  
  
  
.divcontenidoprincipal2
 {
  height:730px; 
  background-color:#1A5074 
   display: flex;
   align-items: center;  
  
  }   
 
 
.TablaNombrePantalla {
  border: 1px solid #1C6EA4;
  background-color: #216FA2;  
  border-collapse: collapse;
 
}
.TablaNombrePantalla  td, table.TablaNombrePantalla th { 
  padding: 3px 2px;
}
  
  

.tablacabecera {
  border: 1px solid #1C6EA4;
  background-color: #216FA2;  
  border-collapse: collapse;
 
}
.tablacabecera  td, table.tablacabecera th { 
  padding: 3px 2px;
}
  
  
  
  
  
.TablaFiltro {
  border: 1px solid #F0F5F7;
  background-color: #F0F5F7;  
  border-collapse: collapse;
 
}
.TablaFiltro  td, table.TablaFiltro th { 
  padding: 3px 2px;
}
    
  
  
  
  
  

.tablaformulario {
  border: 1px solid #F0F5F7;
  background-color: #F0F5F7;  
  border-collapse: collapse;
 
}
.tablaformulario  td, table.tablacabecera th { 
  padding: 3px 2px;
}
  
   
  
 
.tablapiedatos {
  border: 1px solid #1C6EA4;
  background-color: #175075;   
  border-collapse: collapse;
  color: #FFFFFF;
}


.tablapiedatos  td, table.tablapiedatos th {
  height:35px;
  padding: 3px 2px;
}
.tablapiedatos  tbody td {
  font-size: 13px;
}
.tablapiedatos  tr:nth-child(even) {
  background: #D0E4F5;
}
.tablapiedatos  thead {
  background: #1C6EA4;
  border-bottom: 4px solid #444444;
}
.tablapiedatos  thead th {
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}







  
 
.tablapiedatospaginador {
  border: 1px solid #175075;
  background-color: #175075;   
  border-collapse: collapse;
  color: #FFFFFF;
}


.tablapiedatospaginador  td, table.tablapiedatospaginador th {
  height:40px;
  padding: 3px 2px;
}
.tablapiedatospaginador  tbody td {
  font-size: 13px;
}
.tablapiedatospaginador  tr:nth-child(even) {
  background: #D0E4F5;
}
.tablapiedatospaginador  thead {
  background: #1C6EA4;
  
}
.tablapiedatospaginador  thead th {
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}



 
 
 
 
 
.tabladatoscabecera {
  border: 1px solid #1C6EA4;
  background-color: #175075;  
  text-align: left;
  border-collapse: collapse;
  color: #FFFFFF;
}
.tabladatoscabecera  td, table.tabladatoscabecera th {
  
 
   padding: 3px 2px;
}







.tablapiepagina {
  border: 1px solid #1C6EA4;
  background-color: #216FA2;  
  text-align: left;
  border-collapse: collapse;
  color: #FFFFFF;
}
.tablapiepagina  td, table.tablapiepagina th { 
  padding: 3px 2px;
}
 


















.responsive {
  width: 100%;
  max-width: 25px;
  min-width: 14px;  
  height: auto;
}   




.responsivezorro {
  width: 70%;
  max-width: 88px;
  height: auto;
}   


.responsivegenepie {
  width: 100%;
  max-width: 88px;
  height: auto;
} 		








.navigation {
   width: 280px;
   background-color: #0F344D;
   height:1200px;
  
    
 
}
 

/* Hide scrollbar for Chrome, Safari and Opera */
.navigation::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.navigation {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  overflow-y:hidden;
}


.mainmenu  {
  list-style: none;
  padding: 0;
  margin: 0;
}

.submenu {
  list-style: none;
  padding: 2;
  margin: 0;
}

.mainmenu a {
  display: block;
  background-color: #0F344D;
  text-decoration: none;
  padding: 10px;
  color: #CCCCCC;
}


.mainmenu a:hover {
    background-color: #C4D8DF;
	color:#0F344D;
}

.mainmenu li.active .submenu {
  display: block;
  max-height: 200px;
}

.submenu a {
  background-color: #175075;
  
}


.submenu a:hover {
  background-color: #C4D8DF;
  
}


.submenu {
  overflow: hidden;
  max-height: 0;
  
  -webkit-transition: all 0.5s ease-out;
} 



.tablaseparacion
 {
  background-color:  #C4D8DF;  
 }

.tablaseparacion td
 {
  height:2px;
   
 }
 
 
.divseparacionopciones
 {
 background-color: #C4D8DF;  
  height:10px;
  
 } 



.tabladatosdetalle { 
  background-color:  #CCE4F4;  
  text-align: left;
  border-collapse: collapse; 
  color:black;
  
}

 

.tabladatosdetalle  td, table.tabladatosdetalle th {
  border-top: 1px solid #AAAAAA;
  padding: 3px 1px;
}
.tabladatosdetalle  tbody td {
  font-size: 13px; 
}


.tabladatosdetalle tbody tr:nth-child(odd) {
	background: #C4D8DF;
}
.tabladatosdetalle tbody tr:nth-child(even) {
	background: #F0F5F7;
}
 
 
  .EstiloNombreUsuariomv {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}

 
 

.EstiloNombreUsuario {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
} 

.LineaDatos {	
    height: 17px; 
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #175075;	
	overflow: hidden; 
	height: 17px;	
	
 
    overflow-x: hidden;
    text-overflow:hidden; 
    white-space: nowrap; 
	
}



 .inputs {
  width: 100%; 
}


 .textareas {
  width: 100%; 
}

.LineaDatosFormulario {	
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #175075;	
	overflow: hidden; 
	height: 20px;	 
}

.LineaDatosFormulario2 {	
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #175075;	
  
}


.TitulosDatosFormularioOscuro {	
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #175075;	
	font-weight: bold; 
	overflow: hidden; 
	height: 20px;	
}


.TitulosDatos {	
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCE4F4;	
	font-weight: bold; 
	overflow: hidden; 
	height: 20px;	
}

.TitulosDatospeque {	
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCE4F4;	
	font-weight: bold; 
	overflow: hidden; 
	height: 20px;	
}



.TitulosDatosOscuro {	
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #175075;	
	font-weight: bold; 
	overflow: hidden; 
	height: 20px;	
}


.TitulosMenuLateral {	
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCE4F4;	
	font-weight: bold;
}



.EstiloLibregrande   {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C4D8DF;	
    font-weight: bold; 
	overflow: hidden; 
	height: 20px;	
}
   
   
.EstiloLibre   {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C4D8DF;	
 
	overflow: hidden; 
	height: 20px;	
}

   

.TitulosOpciones {	
	font-size: 16px;
	line-height: 1.2em; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCE4F4;	
	font-weight: bold;
}


.TitulosOpciones:hover {	
   font-size: 16px;
   line-height: 1.2em; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;	
	font-weight: bold;
}


 


.SubTitulosMenuLateral {	
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCE4F4;	
	font-weight: bold;
}


 .resaltarfila:hover td{
     background:#D2D2D2; 
	 cursor: auto;
 }
	 
	 
	 
   
   a.linkopacity img 
   {	filter:alpha(opacity=50);	-moz-opacity: 0.5;	opacity: 0.5;	-khtml-opacity: 0.5;   z-index:1;} 
   
   a.linkopacity:hover img {	filter:alpha(opacity=100); 	-moz-opacity: 1.0; 	opacity: 1.0;	-khtml-opacity: 1.0;   z-index:1;} 

 
 
[data-tooltip] {
  position: relative;
  
  &::before,
  &::after {
    opacity: 0;
    visbility: hidden;
    
  }
  
  &::before {
    content: attr(data-tooltip);
    display: block;
    position: absolute;
    top: 220%;
    left: 50%;
    margin-left: -4.75em;
    width: 25em;
    text-align: center;
    border-radius: 4px;
    background: #C4D8DF;
    color: #175075;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.1;
    padding: 0.75em 0.95em;
	 font-weight: bold;
  }
  
  &::after {
    content: "";
    border: 10px solid transparent;
    border-top-color: #175075;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -10px;
  }
  
  &:hover {
    cursor: help;
  }
  
  &:hover::before,
  &:hover::after {
    opacity: 1;
    visiblity: visible;
  }
}	 


 

.button { /* clase general */
  border: 0px solid #dedede;
 
  color: #555;
  display: inline-block;
  font: bold 12px/12px HelveticaNeue, Arial;
  padding: 8px 11px;
  text-decoration: none; 
  
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;  
}



 
 
 
 
 
 .button, .button span {
	display: inline-block;
 
}
.button {
    margin-top:5px;
	margin-bottom:5px;
}
.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:active, .button.active {
	top:1px;
}
.button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}


.button.small span {
	font-size:12px;
}
.button.medium span {
	font-size:14px;
	
}
.button.large span {
	font-size:18px;
}


.button.black {
	background-color: #333333;
	color: #FFFFFF;
}
.button.gray {
	background-color: #666666;
	color: #FFFFFF;
	 
}
.button.white {
	background-color: #FFFFFF;
	color: #FFFFFF;
}
.button.white span{
	 
	color: #FFFFFF;
}
.button.red {
	background-color: #e62727;
	color: #FFFFFF;
	width: 50%; 
	height: 40px; 
	font-size:16px;
	
}


.button.orange {
	background-color: #ff5c00;
	color: #FFFFFF;
	 
}
.button.magenta {
	background-color: #A9014B;
	color: #FFFFFF;
	 
}
.button.yellow {
	background-color: #ffb515;
	color: #333333;
	width: 50%; 
	height: 40px; 
	font-size:16px;	
	 
}
.button.blue {
	background-color: #00ADEE;
	color: #FFFFFF;
	width: 50%; 
	height: 40px; 
	font-size:16px;	
 
}
.button.pink {
	background-color: #e22092;
}
.button.green {
	background-color: #91bd09;
	color: #FFFFFF;
	width: 50%; 
	height: 40px; 
	font-size:16px;
}
.button.rosy {
	background-color: #F16C7C;
}
.button.brown {
	background-color: #804000;
}
.button.purple {
	background-color: #800080;
}
.button.cyan {
	background-color: #46C7C7;
}
.button.gold {
	background-color: #D4A017;
	color: #333333;
 
}

 .nombrepantallaterminal
{	color: #216FA2;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
}	
  
  
 .miinputtext  {
  
  height: 30px;
  padding: 5px 10px;
  background-color:white;
  line-height: 20px;
  font-size: 14px;
  color:#1A5074;
  border-radius: 6px 6px 6px 6px 
  border: 1px solid #1A5074;
  box-shadow: 0 1px 0 rgba(24, 24, 24, 0.1);
  box-sizing: border-box;
  font-weight: bold;
} 

  textarea:focus {
 
  background-color:#C4D8DF;
}     

.miinputtext[type=text]:focus {
 
  background-color:#C4D8DF;
}  

.select2-dropdown{
 
    background-color:#C4D8DF;
}