/*
Colores tema

#F2F2F2 GRIS CLARO RGB(242, 242, 242)
#6E6E6E GRIS OSCURO
#D8D8D8 gris claro RGB(216, 216, 216)
#1A1A1A GRIS CASI NEGRO
#FF8000 mensaje error 1 naranja
#B40404 mensaje importante rojo
#FF0000 rojo grafica
#F39C12 amarillo
#00BF6F verde grafica
#045FB4 Azul grafica
#85C1E9 azul claro
*/

/*COLORES CORPORATIVOS

	(Verde claro) PANTONE 7479C [26D07C] [38, 208, 124]
	(Verde oscuro) PANTONE 7480C [00BF6F] [0, 191, 111]
	(Azul claro) PANTONE 2995C [00A9E0] [0, 169, 224]
	(Azul oscuro) PANTONE 3005C [0077C8] [0, 119, 200]
	(Gris) PANTONE 18-0601 TPG [6E6E6D] [109, 109, 109]

*/

@font-face {
    font-family: 'work_sans';
    src: url("fonts/Work_Sans/WorkSans-Regular.ttf");
}

@font-face {
    font-family: 'ubuntu';
    src: url("fonts/Ubuntu/Ubuntu-Regular.ttf");
}

.read-more-state {
  display: none !important;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Leer más';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Leer menos';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  border-radius: .25em;
}

/*FORO GCONOCIMIENTO*/
	#comentarios_lista::-webkit-scrollbar {
	    width: 0.3em;
	    height: 0.3em;
	}

	#comentarios_lista::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	}

	#comentarios_lista::-webkit-scrollbar-thumb {
	    background-color: #41D78C;
	}

	#comentarios_lista {
        overflow-y: auto;
    }
/*FORO GCONOCIMIENTO*/

/*estilos menu de control de turno*/
	.menu_control_turno {
		position: fixed;
		width: 213px;
		right: 0;
		transform: translateX(140px);
		bottom: 38px;
		z-index: 2000;
	}
	 
	.menu_control_turno ul {
		list-style: none;
	}
 
	.menu_control_turno ul li a {
		display: inline-block;
		float: right;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
	}
 		
 	.menu_control_turno:hover {
		transform: translateX(0px);
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
 	}

	.menu_control_turno ul li a:hover {
		padding: 10px 10px 10px 10px;
		color: #FFF;
	}
	
	.icon_turno {
		width: 25px !important;
	}

	.menu_turno {
		padding: 5px 10px 5px 10px;
		color: #fff;
		width: 100%;
		font-size: 14px;
		background-color: #1E8449;
	}

	.menu_observacion {
		padding: 5px 10px 5px 10px;
		color: #fff;
		width: 100%;
		font-size: 14px;
		background-color: #BA4A00;
	}

	.menu_almuerzo {
		padding: 5px 10px 5px 10px;
		color: #fff;
		width: 100%;
		font-size: 14px;
		background-color: #2874A6;
	}

	.menu_break {
		padding: 5px 10px 5px 10px;
		color: #fff;
		width: 100%;
		font-size: 14px;
		background-color: #F1C40F;
	}

	.menu_pausa {
		padding: 5px 10px 5px 10px;
		color: #fff;
		width: 100%;
		font-size: 14px;
		background-color: #B03A2E;
	}

	.menu_capacitacion {
		padding: 5px 10px 5px 10px;
		color: #fff;
		width: 100%;
		font-size: 14px;
		background-color: #6C3483;
	}

	.menu_retro {
		padding: 5px 10px 5px 10px;
		color: #fff;
		width: 100%;
		font-size: 14px;
		background-color: #1ABC9C;
	}

	.resultado_turno {
		padding: 5px 10px 5px 10px;
		color: #fff;
		width: 100%;
		font-size: 14px;
		background-color: #2E2E2E;
	}
/*estilos menu de control de turno*/

/*GESTIÓN EVALUACIONES*/
	.cronometro-boton {
	  position:fixed;
	  width:155px;
	  height:50px;
	  top:65px;
	  right:10px;
	  text-align:center;
	  z-index:100;
	}

	.progress {
		background-color: #A6ACAF;
	}

	.filtro-estadisticas::-webkit-scrollbar {
	    width: 0.3em;
	    height: 0.3em;
	}

	.filtro-estadisticas::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	}

	.filtro-estadisticas::-webkit-scrollbar-thumb {
	    background-color: #41D78C;
	}

	.filtro-estadisticas {
        overflow-y: auto;
        overflow-x: auto;
    }

/*CHAT GCONOCIMIENTO*/
	.chat-boton {
	  position:fixed;
	  width:50px;
	  height:50px;
	  bottom:40px;
	  right:10px;
	  background-color: #41D78C;
	  color: #262944 !important;
	  border-radius:50px;
	  text-align:center;
	  font-weight: bold;
	  font-size:30px;
	  z-index:100;
	}

	.chat-boton-alert {
	  position:fixed;
	  bottom:75px;
	  right:40px;
	  z-index:100;
	}

	.chat-boton:hover {
	    background-color: #32BF79;
	    color: #262944;
	    cursor: pointer;
	}

	#chat-contenido .chat-perfil img {
	  width: 35px;
	  border-radius: 50%;
	  padding: 3px;
	  border: 2px solid #e74c3c;
	  height: auto;
	  cursor: pointer;
	  -moz-transition: 0.3s border ease;
	  -o-transition: 0.3s border ease;
	  -webkit-transition: 0.3s border ease;
	  transition: 0.3s border ease;
	}
	
	#chat-contenido .chat-perfil img.online {
	  border: 2px solid #2ecc71;
	}
	#chat-contenido .chat-perfil img.away {
	  border: 2px solid #f1c40f;
	}
	#chat-contenido .chat-perfil img.busy {
	  border: 2px solid #e74c3c;
	}
	#chat-contenido .chat-perfil img.offline {
	  border: 2px solid #95a5a6;
	}

	#chat-contenido .chat-perfil p {
	  margin-left: 10px;
	}

	.chat-enviado {
		background: #435f7a;
  		color: #f5f5f5;
		border-radius: 20px;
	}

	.chat-recibido {
		background: #FFF;
		border-radius: 20px;
	}

	.chat-historial-img {
		width: 22px;
		border-radius: 50%;
		
	}

	.height-45 {
		max-height: 45px;
		min-height: 45px;
		height: 45px;
	}

	.lista-chats::-webkit-scrollbar {
	    width: 0.3em;
	    height: 0.3em;
	}

	.lista-chats::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	}

	.lista-chats::-webkit-scrollbar-thumb {
	    background-color: #41D78C;
	}

	.lista-chats {
        overflow-y: auto;
    }

    .historial-chats::-webkit-scrollbar {
	    width: 0.3em;
	    height: 0.3em;
	}

	.historial-chats::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	}

	.historial-chats::-webkit-scrollbar-thumb {
	    background-color: #41D78C;
	}

	.historial-chats {
        overflow-y: auto;
    }

/*CHAT GCONOCIMIENTO*/

.sidebar-panel {
  
}
.sidebar-panel .feed-element img.rounded-circle {
  width: 32px;
  height: 32px;
}
.sidebar-panel .feed-element,
.media-body,
.sidebar-panel p {
  font-size: 12px;
}
.sidebar-panel .feed-element {
  margin-top: 20px;
  padding-bottom: 0;
}
.sidebar-panel .list-group {
  margin-bottom: 10px;
}
.sidebar-panel .list-group .list-group-item {
  padding: 5px 0;
  font-size: 12px;
  border: 0;
}


.list-group.panel > .list-group-item {
	padding: 5px 10px 5px 5px;
	width: 100%;
	background-color: #fff;
	color: #262944;
	font-size: 12px;
}

.list-group-submenu {
	width: 100%;
	font-size: 11px;
}

.list-group-submenu > .list-group-item {
	padding: 5px 10px 5px 20px;
	color: #262944;
}

.list-group.panel > .list-group-item:hover {
	background-color: #41D78C;
	color: #fff;
}

.list-group-submenu > .list-group-item:hover {
	color: #41D78C;
	font-weight: bold;
}

.titulo-seccion-protocolo {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.titulo-seccion-protocolo:hover {
	color: #FFF;
}


.alert-dash{
	font-size: 11px;
	text-align: center;
}

.alert_nuevo_dash{
	color: #FFF;
	font-size: 9px;
	background-color: #00BF6F;
	border-radius: 10px;
	padding: 2px;
	text-align: center;
	width: 50px;
}

.alert_conteo_menu{
	color: #FFF;
	font-weight: bold;
	font-size: 9px;
	background-color: #FF0000;
	border-radius: 10px;
	padding: 4px 2px 2px 2px;
	text-align: center;
	min-width: 19px;
}

.titulo_seccion {
	font-size: 20px;
	font-weight: bold;
	color: #262944;
}

.color-titulo {
	color: #262944 !important;
}

.color-gris-texto {
	color: #797D7F !important;
}

.titulo-seccion-conocimiento {
	font-size: 14px;
	font-weight: bold;
}

.descripcion-seccion-conocimiento {
	font-size: 12px;
	color: #797D7F;
	font-style: italic;
	font-family: 'ubuntu' !important;
}

.descripcion-seccion-conocimiento-detalle {
	font-size: 12px;
	color: #797D7F;
	font-family: 'ubuntu' !important;
}

.font-size-10 {
	font-size: 10px !important;
}

.font-size-11 {
	font-size: 11px !important;
}

.padding-2{
	padding: 2px 4px 2px 4px !important;
}

.height-31 {
	height: 31px !important;
}

.height-20 {
	height: 20px !important;
}

.font-size-12 {
	font-size: 12px !important;
}

.font-size-13 {
	font-size: 13px !important;
}

.seccion-filtro-top {
	border-radius: 5px;
	font-size: 10px;
}

.aceptado{
	color: #00BF6F;
}

.rechazado{
	color: #FF0000;
}

.border-top {
	border-top: 1px solid #F2F2F2;
}

.border-bottom {
	border-bottom: 1px solid #F2F2F2;
}

.border-bottom-blanco {
	border-bottom: 1px solid #FFF;
}

.border-bottom-azul {
	border-bottom: 1px solid #262944;
}

.border-radius-5 {
	border-radius: 5px;
}

.favorito {
	color: #FFC300;
}

a {
	text-decoration: none;
	color: #00B4DC;
}

a:hover{
	text-decoration: none;
	color: #00B4DC;
}

body{
	font-family: 'work_sans';
	overflow: hidden;
	background-color: #EEEEEE;
}

body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

.icono-verde {
	color: #00BF6F;
	font-size: 18px;
}

.fondo-verde{
	background-color: #00BF6F;
}

.fondo-azul{
	background-color: #00A9E0;
}

.fondo-rojo{
	background-color: #FF0000;
}

.fondo-blanco {
	background-color: #FFFFFF;
}

.fondo-corporativo {
	background-color: #262944;
}

.fondo-gris {
	background-color: #EEEEEE !important;
}

.fondo-gris-2 {
	background-color: #6E6E6D !important;
}

.fondo-gris-3 {
	background-color: #32465A !important;
}

.color-verde {
	color: #00BF6F;
}

.color-gris {
	color: #1A1A1A;
}

.color-rojo {
	color: #FF0000;
}

.color-pendiente {
	color: #717D7E;
}

.color-naranja {
	color: #F39C12;
}

.color-corporativo {
	color: #262944;
}

.color-blanco {
	color: #FFFFFF;
}

.matriz-grupo {
	background-color: #0077C8 !important;
	color: #FFF !important;
}
.matriz-grupo:hover {
	background-color: #0077C8 !important;
	color: #FFF !important;
}

.matriz-grupo-sub {
	background-color: #666666 !important;
	color: #FFF !important;
}
.matriz-grupo-sub:hover {
	background-color: #666666 !important;
	color: #FFF !important;
}

.matriz-item {
	background-color: #CCCCCC !important;
}
.matriz-item:hover {
	background-color: #CCCCCC !important;
}

/*ESTILOS GDOCUMENTAL*/
	.typeahead {
        border: 2px solid #fff;
        border-radius: 4px;
        padding: 8px 12px;
        width: 100%;
        max-width: 100%;
        min-width: 290px;
        background: #6E6E6E;
        color: #FFF;
    }

    ul.typeahead{
        margin:0px;
        padding:0px 0px;
    }

    ul.typeahead.dropdown-menu li a {
        padding: 3px !important;
        border-bottom:#fff 0.3px solid;
        color:#FFF;
    }

    ul.typeahead.dropdown-menu li:last-child a {
        border-bottom:0px !important;
    }

    ul.typeahead.dropdown-menu li a strong {
        background-color: #00B4DC;
        color: #fff;
    }
    
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
        text-decoration: none;
        background-color: #00B4DC;
        color: #FFF;
        outline: 0;
    }

    /*ESTILOS TEMPORALES CSS REVISIÓN*/
    .list-group.panel > .list-group-item {
        padding: 5px 10px 5px 5px;
        width: 100%;
        background-color: #262944 !important;
        color: #fff !important;
        font-size: 12px;
    }

    .list-group-submenu {
        width: 100%;
        font-size: 11px;
    }

    .list-group-submenu > .list-group-item {
        padding: 5px 10px 5px 20px;
        color: #262944 !important;
    }

    .list-group.panel > .list-group-item:hover {
        color: #41D78C !important;
    }

    .list-group-submenu > .list-group-item:hover {
        color: #262944 !important;
        font-weight: bold !important;
    }

    .lowercase {
        text-transform: initial;
    }

    .seccion-noticias-gdocumental {
        background-color: #262944 !important;
    }

    .seccion-favoritos-gdocumental::-webkit-scrollbar {
	    width: 0.3em;
	    height: 0.3em;
	}

	.seccion-favoritos-gdocumental::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	}

	.seccion-favoritos-gdocumental::-webkit-scrollbar-thumb {
	    background-color: #41D78C;
	}

	.seccion-favoritos-gdocumental {
        overflow-y: auto;
        overflow-x: auto;
    }

/*ESTILOS GDOCUMENTAL*/

/*ESTILOS VISTA PREVIA BOTONERA*/
	.vp_botonera{
	    /*background-color: #FFF;*/
	    border-right: solid 5px #EEEEEE;
	}

	.vp_botonera_boton {
	    background-color: #FFF;
	    padding: 10px 5px 10px 5px;
	    border: 1px solid rgba(0,0,0,0.2);
	    border-radius: 5px;
	    color: #2E2E2E;
	}

	.vp_botonera_boton:hover {
	    cursor: pointer;
	}

	.vp_boton_icono{
	    text-align: center;
	}

	.vp_boton_icono > img {
	    width: 40px;
	}

	.vp_boton_titulo{
	    text-align: center;
	    font-weight: bold;
	    font-size: 12px;
	}

	.vp_boton_titulo_sub{
	    text-align: center;
	    font-size: 12px;
	}

/*ESTILOS VISTA PREVIA BOTONERA*/

/*ESTILOS BOTONERA*/
	.botonera_boton {
	    /*padding: 3px 3px 3px 3px;*/
	    border: 1px solid rgba(6, 145, 105, 0.5);
	    color: #FFF;
	}


	.boton_icono{
	    text-align: center;
	    width: 40px;
	}

	.boton_texto {
	    background-color: #41D78C;
	    color: #FFF;

	}

	.boton_nombre{
	    font-size: 12px;
	}

	.boton_valor{
	    font-size: 18px;
	    font-weight: bold;
	}

	.botonera_boton:hover{
	    cursor: pointer;
	}

	.botonera_boton:hover .boton_texto{
	    background-color: #666;
	}
/*ESTILOS BOTONERA*/

.titulo_filtro {
	background-color: #41D78C;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

/*ESTILOS PANEL PRINCIPAL*/

	.cuadro_dash {
	    border: 1px solid rgba(122, 31, 94,0.3);
	    color: #262944;
	    border-radius: 5px;
	}

	.cuadro_dash:hover,
	.cuadro_dash:focus {
	    box-shadow: 0 0 10px 1px rgba(122, 31, 94,0.3);
	    border-radius: 5px;
	}

	.cuadro_dash_titulo {
		font-size: 11px;
		background-color: #41D78C;
		border-radius: 5px 5px 0px 0px;
		color: #FFFFFF;
	}

	.dash_estado_registrado {
        color: #FF0000;
    	font-size: 13px;
    	padding: 2px 5px 2px 5px;
    	border-radius: 5px;
    	border: solid 1px #FF0000;
    	background-color: rgba(255, 0, 0, 0.2);
    }

    .dash_estado_provisionado {
        color: #00BF6F;
    	font-size: 13px;
    	padding: 2px 5px 2px 5px;
    	border-radius: 5px;
    	border: solid 1px #00BF6F;
    	background-color: rgba(40, 180, 99, 0.2);
    }

    .dash_estado_escalado {
        color: #175E83;
    	font-size: 13px;
    	padding: 2px 5px 2px 5px;
    	border-radius: 5px;
    	border: solid 1px #175E83;
    	background-color: rgba(23, 94, 131, 0.2);
    }

    .dash_estado_pendiente {
        color: #F39C12;
    	font-size: 13px;
    	padding: 2px 5px 2px 5px;
    	border-radius: 5px;
    	border: solid 1px #F39C12;
    	background-color: rgba(243, 156, 18, 0.2);
    }

    .dash_estado_invalido {
        color: #6C3483;
    	font-size: 13px;
    	padding: 2px 5px 2px 5px;
    	border-radius: 5px;
    	border: solid 1px #6C3483;
    	background-color: rgba(108, 52, 131, 0.2);
    }

    .dash_estado_fallido {
        color: #FF0000;
    	font-size: 13px;
    	padding: 2px 5px 2px 5px;
    	border-radius: 5px;
    	border: solid 1px #FF0000;
    	background-color: rgba(255, 0, 0, 0.2);
    }

    .dash_estado_rechazado {
        color: #1A1A1A;
    	font-size: 13px;
    	padding: 2px 5px 2px 5px;
    	border-radius: 5px;
    	border: solid 1px #1A1A1A;
    	background-color: rgba(46, 46, 46, 0.2);
    }


/*ESTILOS PANEL PRINCIPAL*/

/*ESTILOS BOTON TOUR GTO*/
.boton_tour {
    float: right;
    color: #FFFFFF;
    background-color: #41D78C;
}

.boton_tour:hover {
    color: #FFFFFF !important;
}
/*FIN ESTILOS BOTON TOUR GTO*/

/*ALERTAS*/
.mensaje_ok{
	padding: 5px;
	background-color: #04B404;
	clear: left;
	color: #FFFFFF;
	text-align: center; 
}

.mensaje_error{
	padding: 5px;
	background-color: #FF8000;
	clear: left;
	color: #fff !important;
	text-align: center; 
}
.mensaje_error_2{
	padding: 5px;
	clear: left;
	color: #FF8000 !important;
	text-align: center;
	font-size: 11px !important;
}

.mensaje_important{
	padding: 5px;
	background-color: #B40404;
	clear: left;
	color: #fff !important;
	text-align: center; 
}

/*ALERTAS*/

.link_menu{
	color: #262944;
}

/*LOGIN*/
	.login{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
	}
	.login_left{
		float: left;
		width: 50%;
		min-width: 280px;
	}
	.login_right{
		float: left;
		width: 50%;
		min-width: 260px;
		background-color: #41D78C;
		border-radius: 5px;
		box-shadow: 0 0 40px 1px #0077C8;
	}

	.login_right > ul{
		color: #FFFFFF;
		margin-left: 50px;
	}
	.titulo_login{
		font-size: 19px;
		line-height: 50px;
	}
	.login_user{
		height: 40px;
		width: 90%;
		border: solid 2px #1A1A1A;
		border-radius: 5px;
		margin-bottom: 5px;
	}

	.login_pass{
		height: 40px;
		width: 90%;
		border: solid 2px #1A1A1A;
		border-radius: 5px;
		margin-bottom: 5px;

	}
	.login_captcha{
		height: 40px;
		width: 65%;
		border: solid 2px #1A1A1A;
		border-radius: 5px;
	}

	.imagen_captcha {
		float: left;
		margin: 5px 10px 10px 20px;
	}

	.login_logo {
		font-size: 25px;
		float: left;
		margin: 5px 5px 2.5px 5px;
		color: #A4A4A4;	
	}
	.login_input {
		float: left;
		margin: 10px 5px 10px 0px;
		width: 80%;
	}
	.login_input > input {
		height: 20px;
		font-size: 12px;
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
		border: 0;
		color: #1A1A1A;
		outline:none;
	}
	.login_input_captcha {
		float: left;
		margin: 10px 5px 10px 0px;
		width: 80%;
	}
	.login_input_captcha > input {
		height: 20px;
		width: 100%;
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
		border: 0;
		color: #1A1A1A;
		outline:none;
	}
	.login_titulo_aviso{
		margin: 10px 0px 0px 0px;
		padding: 5px;
		font-size: 15px;
	}
	.login_titulo_oesia{
		margin: 0px 0px 0px 0px;
		padding: 5px;
		font-size: 15px;
		color: #FFFFFF;
	}
	.login_aviso{
		padding: 5px;
		font-size: 12px;
		color: #A4A4A4;
	}
	.login_aviso_oesia{
		padding: 5px;
		font-size: 12px;
		color: #FFFFFF;
	}
	.login_olvido_contraseña{
		width: 90%;
		padding: 5px;
		clear: left;
		font-size: 12px;
		text-align: right;

	}
	.login_olvido_contraseña > a {
		text-decoration: none;
		color: #A4A4A4;
	}
	.login_olvido_contraseña > a:hover {
		color: #262944;
	}
	.login_boton{
		width: 90%;
		padding: 5px;
		text-align: right;
	}
	.login_boton > input{
		height: 30px;
		padding-right: 10px;
		padding-left: 10px;
		color: #FFFFFF;
		background-color: #41D78C;
		border:0;
		border-radius: 5px;
	}
	.login_boton > input:hover {
		box-shadow: 0 0 10px 1px #0077C8;
		background-color: #1A1A1A;
	}

	.boton_right_login{
		float: right;
		margin: 15px 10px 15px 5px;
		padding: 0px 15px 0px 15px;
		line-height: 30px;
		background: #0077C8;
		color: #FFFFFF;
		border: solid #0077C8 1px;
		border-radius: 5px;
	}
	.boton_right_login:hover{
		box-shadow: 0 0 10px 1px #0077C8;
	}


/*LOGIN*/



/*MENÚ PRINCIPAL*/
	.sidebar{
		position: absolute;
		width: 250px;
		height: 100%;
		background-color: #262944;
		padding-bottom: 40px;
		color: #FFFFFF;
		font-size: 12px;
		overflow: auto;
		left: -250px;

	}

	.sidebar::-webkit-scrollbar {
	    width: 5px;
	}
	 
	.sidebar::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	}
	 
	.sidebar::-webkit-scrollbar-thumb {
	  background-color: darkgrey;
	}

	.sidebar h2 {
		text-align: center;
		padding: 16px 15px 15px 15px;
		font-size: 18px;
		color: #41D78C;
		font-weight: bold;
		border-bottom: solid 2px #00B4DC;
		background-color: #262944;
	}

	.sidebar ul {
		list-style: none;
		padding: 0;
		clear: right;
	}

	.sidebar li {
		outline: 1px solid #333333;
		transition: all 0.3s;
	}

	.sidebar ul > li > a:hover {
		color: #41D78C !important;
		border-left: 5px solid #41D78C;
	}

	.sidebar a {
		display: block;
		padding: 6px 5px 5px 10px;
		color: #FFFFFF;
		height: 35px;
	}

	.sidebar ul ul {
		display: none;
		background-color: #262944;
	}

	.sidebar ul ul a {
		padding: 7px 15px 5px 30px;
		height: 35px;
	}

	.sidebar ul > ul > li:hover {
		border: none;
	}

	.submenu_icon {
		position: absolute;
		right: 10px;
		font-size: 15px;
	}

	.opcion_icon {
		font-weight: bold;
		font-size: 15px;
		width: 20px;
		text-align: center;
		margin-right: 5px;
		float: left;
	}

	.texto_menu {
		padding-top: 3px;
	}

	

	.abrir {
		transform: translateX(250px);
	}
/*MENÚ PRINCIPAL*/


/*HEADER*/
	.menu-bar {
        background-color: #fff !important;
        border-bottom: solid 2px #00B4DC;
        transition: all 0.3s;
    }

    .logo_home {
        height: 30px;
    }

    .navbar-titulo {
        color: #262944;
        font-weight: bold;
        font-size: 18px;
    }

    .navbar-toggler {
        background-color: #FFF;
        color: #262944;
        font-size: 30px;
    }

    .navbar-toggler:hover {
        background-color: #fff;
    }

    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
    }

    .navbar-logout {
        background-color: #262944;
        color: #FFF;
        border-radius: 5px
    }

    .navbar-logout:hover {
        color: #41D78C;
    }

    .navbar-brand {
        margin-right: 0px !important;
    }

	.menu_configuracion_lateral {
		width: 100%;
		display: none;
	}

	.menu_conf_lateral {
		display: block;
		font-size: 15px;
		color: #FFFFFF;
		text-align: center;
		width: 40px;
		float: right;
		/*padding: 10px 10px 10px 10px;*/
		background-color: #1A1A1A;
	}

	.menu_conf_lateral:hover {
		background-color: #41D78C;
	}
/*HEADER*/

/*CONTENIDO*/

	.filtro_mes {
		height: 200px;
		overflow-y: auto;
	}

	.filtro_mes::-webkit-scrollbar {
	    width: 5px;
	}
	 
	.filtro_mes::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	}
	 
	.filtro_mes::-webkit-scrollbar-thumb {
	  background-color: darkgrey;
	}

	.filtro_quiosco {
		height: auto;
		max-height: 400px;
		overflow-y: auto;
	}

	.filtro_quiosco::-webkit-scrollbar {
	    width: 5px;
	}
	 
	.filtro_quiosco::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	}
	 
	.filtro_quiosco::-webkit-scrollbar-thumb {
	  background-color: darkgrey;
	}

	.menu {
	    margin-left: 2px;
	    height: 31px;
	}

	.menu > span {
	    padding-top: 2px;
	}

	.btn-corp {
		background-color: #41D78C;
	    color: #262944 !important;
	    font-size: 12px;
	    font-weight: bold;
	}

	.btn-corp:hover {
	    background-color: #32BF79;
	    color: #262944;
	}

	.btn-corp-menu {
		background-color: #262944;
	    color: #fff;
	    font-size: 12px;
	    font-weight: bold;
	}

	.btn-corp-menu:hover {
	    background-color: #41D78C;
	    color: #262944;
	}

	.btn-corp-2 {
	    color: #0077C8 !important;
	    font-size: 12px;
	    /*margin-left: 0.8px;*/
	    border: solid 1px #0077C8;
	}

	.btn-corp-plus {
		background-color: #41D78C;
	    color: #262944;
	    font-size: 8px;
	}

	.pading-left {
		padding-left: 1px;
	}

	.btn-corp-2:hover {
	    background-color: #41D78C;
	    color: #FFFFFF !important;
	}

	.btn-corp-2-activo {
	    color: #FFF !important;
	    font-size: 12px;
	    background-color: #41D78C;
	    border: solid 1px #0077C8;
	}

	.btn-dash {
		background-color: #41D78C;
	    color: #FFFFFF !important;
	    padding: 0px;
	    font-size: 12px;
	}

	.btn-dash:hover {
		background-color: #00A9E0;
	    color: #FFFFFF;
	}

	.btn-corp-form {
		height: 38px;
		background-color: #41D78C;
	    color: #262944;
	    font-size: 12px;
	    font-weight: bold;
	}

	.btn-corp-form:hover {
	    background-color: #32BF79;
	}

	.btn-sm {
		width: 20px;
		height: 20px;
		font-size: 10px;
		padding: 2px 2px 2px 2px !important;
	}

	.boton_copiar {
		color: #262944;
	}
	
	.paginacion {
		font-size: 12px;
		color: #262944;
	}

	.page-link {
		color: #262944;
		font-weight: bold;
	}

	.page-link:hover {
		background-color: #41D78C;
		color: #262944;
		border: solid 1px #41D78C;
	}

	.pagination>li.active>a {
	  background-color: #262944 !important;
	  color: #fff !important;
	  border: solid 1px #262944 !important;
	}

	.paginacion_descripcion {
		color: #262944;
		font-weight: bold;
		font-size: 12px;
	}

	.texto_estado {
        padding: 3px 5px 3px 3px;
        font-size: 11px;
        float: left;
        border-radius: 10px;
        width: 160px;
        color: #FFF;
    }

	.estado_registrado {
        background-color: #FF0000;
        margin-top: 2px;
    }

    .estado_provisionado {
        background-color: #00BF6F;
        margin-top: 2px;
    }

    .estado_escalado {
        background-color: #175E83;
        margin-top: 2px;
    }

    .estado_pendiente {
        background-color: #F39C12;
        margin-top: 2px;
    }

    .estado_invalido {
        
        background-color: #6C3483;
        margin-top: 2px;
    }

    .estado_fallido {
        background-color: #FF0000;
        margin-top: 2px;
    }

    .estado_rechazado {
        background-color: #1A1A1A;
        margin-top: 2px;
    }

    .texto_registrado {
        color: #FF0000;
    }

    .texto_provisionado {
        color: #00BF6F;
    }

    .texto_escalado {
        color: #175E83;
    }

    .texto_pendiente {
        color: #F39C12;
    }

    .texto_invalido {
        color: #6C3483;
    }

    .texto_fallido {
        color: #FF0000;
    }

    .texto_rechazado {
        color: #1A1A1A;
    }

    .borde_provisionado {
        border: solid 1px #00BF6F;
    }

    .borde_escalado {
        border: solid 1px #175E83;
    }

    .borde_pendiente {
        border: solid 1px #F39C12;
    }

    .borde_invalido {
        border: solid 1px #6C3483;
    }

    .borde_fallido {
        border: solid 1px #FF0000;
    }

    .borde_rechazado {
        border: solid 1px #1A1A1A;
    }
	
	.div_convenciones {
		border-radius: 5px;
		color: #FFF;
		padding: 5px;
		font-size: 12px;
	}

	.div_convenciones:hover {
		color: #FFF;
	}



	/*INPUTS*/

		.custom-file-input ~ .custom-file-label::after {
		    content: "Adjuntar";
		}

		input {
			height: 32px !important;
		}

		textarea {
			width: 100%;
			height: 25px;
			font-size: 12px;
			border: solid #0077C8 1px;
			cursor: text;
		}

		textarea::-webkit-scrollbar {
		    width: 0.3em;
		}

		textarea::-webkit-scrollbar-track {
		    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
		}

		textarea::-webkit-scrollbar-thumb {
		    background-color: darkgrey;
		}

	/*INPUTS*/
	
	/*TABLAS*/
		th {
			font-size: 12px;
			background-color: #262944;
			color: #FFF;
			text-align: center;
			font-weight: normal;
		}

		td {
			font-size: 11px;
		}

		.table-fixed::-webkit-scrollbar {
		    width: 0.3em;
		    height: 0.3em;
		}

		.table-fixed::-webkit-scrollbar-track {
		    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
		}

		.table-fixed::-webkit-scrollbar-thumb {
		    background-color: #41D78C;
		}

		.table-fixed {
            overflow-y: auto;
            overflow-x: auto;
        }

        .table-fixed thead th {
            position: sticky;
            border-top: 0px;
            z-index: 2;
            top: 0;
        }
	/*TABLAS*/



.input_ver{
    background-color: #F2F2F2;
    border: none !important;
}

.input_ver_2{
    background-color: #DADFE1;
    border: none !important;
}

.element_hide {
	z-index: -1;
	position: absolute;
	opacity: 0;
	width: 0.1px;
	height: 0.1px;
}



.contenido {
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 2px 15px 100px 15px;
	box-sizing: border-box;
	overflow: auto;
	background-color: #FFF;
}

.contenido::-webkit-scrollbar {
    width: 5px;
}
 
.contenido::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.contenido::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

section {
	padding-top: auto;
	width: 100%;
	clear: left;
	clear: right;
}

.sin_menu {
	padding-top: 5px;
}

.column_1 {
	width: 100%;
}

.div_tabla {
	width: 100%;
}

.div_tabla::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
 
.div_tabla::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.div_tabla::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

.column_2 {
	width: 50%;
	min-width: 250px;
	float: left;
}

.column_1_estadistica {
	width: 100%;
	background-color: #EAECEE;
	position: absolute;
}


.tabla_list{
	clear: left;
	width: 100%;
}

.tabla_header {
	background-color: #41D78C;
	color: #FFFFFF;
	height: 20px;
	min-height: 20px;
	font-size: 12px;
	text-align: center;
}

.tabla_header_2 {
	background-color: #41D78C;
	color: #FFFFFF;
	max-width: 20px;
	height: 150px;
	font-size: 12px;
	text-align: center;
}

.tabla_header_3 {
	background-color: #DADFE1;
	color: #1A1A1A;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.tabla_header_4 {
	background-color: #1A1A1A;
	color: #FFFFFF;
	height: 20px;
	font-size: 13px;
	text-align: center;
}

.column_acciones {
	width: 80px;
	min-width: 80px;
}

/*estilo botones columna acciones*/
tr > td > a > button {
	width: 25px !important;
}

.tabla_contenido_1 {
	background-color: #F2F2F2;
	color: #1A1A1A;
	font-weight: normal;
}

.tabla_contenido_1:hover {
	background-color: #DADFE1;
}
.tabla_contenido_1 > td {
	padding: 5px 5px 5px 5px;
	font-size: 10px;
}

.item_formulario_1, .item_formulario_4, .item_formulario_8, .item_formulario_9> p{
	font-weight: bold;
	text-align: left !important;
	font-size: 12px !important;
}

.item_formulario_1 {
	float: left;
	width: 250px;
	min-height: 56px;
	padding: 5px 5px 5px 5px;
	color: #1A1A1A;
	font-size: 14px;
}

.item_formulario_1 > textarea {
	width: 100%;
	height: 60px;
	padding: 5px 5px 5px 5px;

}

.item_formulario_8 {
	clear: both;
	margin: auto;
	width: 400px;
	padding: 5px 5px 5px 5px;
	color: #1A1A1A;
	font-size: 15px;

}
.item_formulario_8 > textarea {
	width: 100%;
	min-width: 390px;
	max-width: 390px;
	padding: 5px 5px 5px 5px;

}

.formulario_boton{
	clear: left;
	width: 100%;
	padding: 5px;
	text-align: right;
}
.formulario_boton > input{
	height: 26px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	width: auto;
	font-size: 12px;
	background-color: #41D78C;
	border: solid #0077C8 1px;
	cursor: pointer;
}

.formulario_boton > input:hover, button:hover {
	background-color: #666;

}

.formulario_boton > a {
	height: 25px;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #41D78C;
}

.formulario_boton > a:hover {
	background-color: #666;
}



/*estilos estadisticas*/
.item_formulario_grafica {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	background-color: #1A1A1A;
	font-size: 15px;
	color: #FFFFFF;

}

.item_formulario_grafica > p {
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
}

.item_formulario_grafica_verde {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	background-color: #196F3D;
	font-size: 12px;
	color: #FFFFFF;
}

.item_formulario_grafica_verde > p {
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
}

.item_formulario_grafica_naranja {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	background-color: #FF8000;
	font-size: 12px;
	color: #FFFFFF;
}

.item_formulario_grafica_naranja > p {
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
}

.item_formulario_grafica_rojo {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	background-color: #FF0000;
	font-size: 12px;
	color: #FFFFFF;
}

.item_formulario_grafica_rojo > p {
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
}

.titulo_contenido{
	padding: 5px 10px 5px 10px;
	color: #0077C8 !important;
	font-weight: bold;
	clear: left;
	font-size: 13px;
}

.titulo_contenido_2{
	padding: 5px 10px 5px 10px;
	color: #FFFFFF !important;
	font-weight: bold;
	clear: left;
	width: 100%;
	background-color: #41D78C;
}

.texto_contenido{
	padding: 0px 0px 3px 20px;
	font-size: 11px;
}

.Rotate-90 {
  	transform: rotate(-90deg);
}

input[type="checkbox"]{
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 border: 1px solid #0077C8;
 width: 13px;
 height: 13px;
 margin: 0 5px 0 0;
 background-color: #FFFFFF;
}

input[type="checkbox"]:hover{
	cursor: pointer;
}
 
input[type="checkbox"].checkbox:checked{
 background: #0077C8;
}

input[type="checkbox"].checkbox_green:checked{
 background: #00BF6F;
}

input[type="checkbox"].checkbox_blue:checked{
 background: #045FB4;
}

input[type="radio"]{
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 border: 1px solid #0077C8;
 width: 13px;
 height: 13px;
 margin: 0 5px 0 0;
}

input[type="radio"]:hover{
	cursor: pointer;
}
 
input[type="radio"]:checked{
 background: #0077C8;
}

/*Scrool*/
.scroll::-webkit-scrollbar {
    width: 0.3em;
    height: 0.3em;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}

.scroll::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

/*Input file*/
/*input[type="file"] {
	z-index: -1;
	position: absolute;
	opacity: 0;
	width: 300px;
	height: 19px;
}*/

/*Div input type file*/
.div_input_file {
	height: 25px;
	border: 1px solid #0077C8;
	padding: 2px 5px 2px 5px;
	overflow: hidden;
}

/*Label*/
.labelinput {
	background-color: #41D78C;
	height: 19px;
	border: 0;
	color: #FFFFFF;
	font-size: 11px;
	padding: 3px 5px 0px 5px;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	font-weight: normal;
}

.labelinput:hover {
	background-color: #666;
}

.labelicon {
	background-color: #41D78C;
	width: 30px;
	height: 25px;
	border: 0;
	color: #FFFFFF;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	float: right;
	font-weight: normal;
	padding-top: 5px;
}

.labelicon:hover {
	background-color: #666;
}

.labelicon_menu {
	background-color: #41D78C;
	width: 30px;
	height: 25px;
	border: 0;
	color: #FFFFFF;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	float: right;
	font-weight: normal;
	padding-top: 5px;
}

.labelicon_menu:hover {
	background-color: #666;
}

/*CONTENIDO*/



/*SUB MENU CONTENIDO*/
/*Diseño sub menu-paginación*/
.sub_menu_footer{
	display: block;
	height: 40px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color: #262944;
	background-color: #FFFFFF;
}

.sub_menu{
	display: block;
	height: auto;
	width: 100%;
	min-width: 254px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color: #262944;
	background-color: #FFFFFF;
	position: relative;
	z-index: 990;
}

.input_buscar {
	width: 120px;
}

.input_boton_buscar {
	width: 25px !important;
}

.sub_menu_formulario {
	float: left;
	width: 40%;
	height: 40px;
	background-color: red;
	display: block;
	padding: 8px 5px 8px 5px;
	height: 100%;
}

.sub_menu_boton {
	height: 25px;
	width: 60px;
	padding: 0px 5px 0px 5px;
	color: #FFFFFF;
	font-size: 13px;
	background-color: #41D78C;
	cursor: pointer;
}
.sub_menu_boton_a {
	height: 25px;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 13px;
	background-color: #41D78C;
	display: inline-block;
}

.sub_menu_boton_a > p {
	display: inline;
	padding-left: 2px;
	
}

.sub_menu_boton:hover, .sub_menu_boton_a:hover {
	background-color: #666;

}
.nav_paginacion{
	text-align: right;
	font-size: 13px;
	height: 41px;
	float: right;
	width: 60%;
	padding: 8px 5px 8px 5px;
	color: #262944;

}

.nav_paginacion > a {
	height: 25px;
	padding: 5px 5px 5px 5px;
	color: #262944;
}

.nav_paginacion > a > p {
	display: inline;
	padding-left: 2px;
	
}

.nav_paginacion > .activo {
	background-color: #41D78C;
	color: #FFFFFF;
}

.nav_paginacion > a:hover {
	background-color: #666;
	color: #FFFFFF;
}


.menu_dashboard {
	display: block;
	background-color: #41D78C;
	height: 25px;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
}

.menu_dashboard:hover {
	background-color: #666;
	color: #FFFFFF;
}

.menu_dashboard > p {
	display: inline;
	padding-left: 5px;
	
}

.dashboard_texto {
	text-align: center;
}

.div_dashboard {
	background-color: #DADFE1;
	width: 350px;
	height: 200px;
	margin: 8px 0px 0px 8px;
	font-size: 12px;
	float: left;
	display: block;
}

.nav_paginacion_2 {
	text-align: left;
	font-size: 13px;
	height: auto;
	float: left;
	width: 60%;
	padding: 0px 5px 0px 5px;
	color: #262944;
}

.nav_paginacion_2 > a {
	padding: 5px 5px 5px 5px;
	font-size: 13px;
	margin-left: 0px;
	display: inline-block;
	color: #262944;
}

.nav_paginacion_2 > .activo {
	background-color: #41D78C;
	color: #FFFFFF;
}
.nav_paginacion_2 > a:hover {
	background-color: #41D78C;
	color: #FFFFFF;
}

/**/

.menu_paginacion {
	float: right;
	width: 300px;
	height: 40px;
	text-align: right;
	display: block;
	position: relative;
	padding: 5px 5px 5px 5px;
	height: 100%;
}

.menu_paginacion > a {
	height: 25px;
	padding: 5px 5px 5px 5px;
	color: #262944;
}

.menu_paginacion > a > p {
	display: inline;
	padding-left: 2px;
	
}

.menu_paginacion > .activo {
	background-color: #41D78C;
	color: #FFFFFF;
}
.menu_paginacion > a:hover {
	background-color: #666;
	color: #FFFFFF;
}

.input_grupo {
    padding-left: 2px;
    float: left;
    font-size: 12px;
}

.input_grupo > p {
    display: inline;
    padding-right: 2px;
}

.icon_menu {
    width: 15px !important;
}

.menu_oculto {
    display: none;
    width: 25px;
    float: right;
}

.mostrar_ocultar {
    display: inline;
}

/**/








/*SUB MENU CONTENIDO*/


/*Estilos para ventana de alerta*/

	.contenido_pagina_modal{
		width: 100%;
		font-size: 13px;
		overflow: hidden;
	}

	
/*Fin estilos para ventana de alerta*/

/*FOOTER*/

	footer{
		clear: left;
		width: 100%;
		position: fixed;
		z-index: 990;
		bottom: 0px !important;
		max-height: 38px;
		height: 38px;
		transition: all 0.3s;
		background-color: #262944;
	}
	.footer_contenido{
		padding: 10px;
		color: #FFFFFF;
		box-sizing: border-box;
		font-size: 12px;
	}
/*FOOTER*/

@media print {
	.contenido {
		position: relative;
	}

	footer {
		display: none;
	}
}


/*RESPONSIVE*/

@media (max-width: 1195px) {
    .div_tabla {
		overflow-x: auto;
	}
}


@media (max-width: 900px) {
	.boton_validar_token {
		width: 100% !important;
		margin-bottom: 5px;
	}
	.menu_configuracion {
		display: none;
	}
	.menu_configuracion_lateral {
		display: block;
	}

	.mostrar_ocultar {
        display: block !important;
        z-index: 999 !important;
    }

    .menu_res {
    	display: none !important;
    }
}

@media (max-width: 800px) {
    .datepicker_menu {
		width: 120px !important;
	}

	.labelicon_menu {
		display: none;
	}

	.table-fixed {
        min-height: 400px;
    }
}

@media (max-width: 768px) {
	.titulo_header {
		padding-top: 25px !important;
		font-size: 12px !important;
	}

	.login_captcha{
		width: 90% !important;
	}

	.login_olvido_contraseña{
		font-size: 12px !important;
	}

	.imagen_captcha {
		text-align: center !important;
	}
	.login_titulo_aviso, .login_aviso, .login_right {
		display: none !important;
	}

	.footer_contenido{
		width: 100% !important;
		font-size: 10px !important;
		padding: 5px !important;
	}

	.control_turno_contenido > a > p {
		display: none;
	}
}

@media (max-width: 350px) {
	.titulo_header {
		width: 270px !important;
		padding-top: 18px !important;
		font-size: 12px !important;
	}
}

@media (max-width: 320px) {
	footer {
		height: 50px !important;
	}

}