:root{
	--oscuro: #313a46;
	--rojo: #fa5c7c;
	--gris-txt: #8a969c;
	--rojo-claro: #ff5a6c;
}
body{
	color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
    /*background-color: #f3f3f4;*/
    background-color: #f8f9fc;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 700;
}
.danger {
    width: 85px!important;
    height: 25px;
    left: 0;
    right: 0;
    margin: auto;
    top: -30px;
    z-index: 1;
    border-radius: 20px;
    color: #fff;
    padding-top: 3px!important;
    font-size: .75rem;
}
.foto-pauta{
	width: 150px!important;
    margin: auto;
    height: 150px!important;
    object-fit: cover!important;
    object-position: center!important;
}
.mensaje-one{
	position: relative;
	min-height: 50px;
	color: #fff;
	background-color: #009688;
	border-radius: 15px;
}
.mensaje-two{
	position: relative;
	min-height: 50px;
	color: #4b4b4b;
    background-color: #55d1c5;
    border-radius: 15px;
}
.mensaje-tres{
	position: relative;
	min-height: 50px;
	color: #4b4b4b;
    background-color: #55d1c5;
    border-radius: 15px;
}
.mensaje-one .triangulo{
	position: absolute;
	top: 17px;
	left: -5px;
	width: 0; 
  	height: 0; 
  	border-top: 8px solid transparent;
  	border-bottom: 8px solid transparent;  
  	border-right: 8px solid #009688;
}
.mensaje-tres .triangulo{
	position: absolute;
	top: 17px;
	left: -5px;
	width: 0; 
  	height: 0; 
  	border-top: 8px solid transparent;
  	border-bottom: 8px solid transparent;  
  	border-right: 8px solid #55d1c5;
}
.mensaje-two .triangulo{
	position: absolute;
	top: 17px;
	right: -5px;
	width: 0; 
  	height: 0; 
  	border-top: 8px solid transparent;
  	border-bottom: 8px solid transparent;  
  	border-left: 8px solid #55d1c5;
}
.mensaje-one p,
.mensaje-two p,
.mensaje-tres p{
	margin: 0;
	font-size: .95rem;
}
/* Toggle Styles */
#wrapper {
	/*background-color: #f3f3f4;*/
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    overflow-x: hidden;
    /*background-image: url(../imagenes/avatar/fondo-avatar.png);*/
	background-color: var(--oscuro);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#sidebar-wrapper::-webkit-scrollbar {
  width: 6px;
}
/* Track */
#sidebar-wrapper::-webkit-scrollbar-track {
  background: rgb(231 221 255 / 8%);
  border-radius: 10px;
}
/* Handle */
#sidebar-wrapper::-webkit-scrollbar-thumb {
  background: #6a737e; 
  border-radius: 10px;
}
/* Handle on hover */
#sidebar-wrapper::-webkit-scrollbar-thumb:hover {
  background: #6a737e; 
}
#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}
#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 80px 15px 15px 15px;
}
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}
/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav .brand{
	width: 120px; 
	aspect-ratio: 1 / 1;
}
.sidebar-nav .accordion .accordion-item{
	background-color: transparent;
	border: none;
}
.sidebar-nav .accordion .accordion-header .accordion-button{
	font-size: 14px;
	padding: .7rem 1.3rem;
	background-color: transparent;
	color: #f1f1f1;
	box-shadow: none;
}
.sidebar-nav .accordion .accordion-header .accordion-button.collapsed{
	color: #bccee4;
}
.sidebar-nav .accordion .accordion-header .accordion-button::after,
.sidebar-nav li a.accordion-button::after{
	filter: opacity(0.4) drop-shadow(0 0 0 white) brightness(150%);
}
.sidebar-nav .accordion .accordion-body{
	padding: 0;
	border-left: 4px solid var(--rojo-claro);
}
.sidebar-nav li,
.sidebar-nav li:has(> a.accordion-button){
	padding: .3rem 0;
}
.sidebar-nav li a,
.sidebar-nav li a.accordion-button{
	font-size: 14px;
	color: #8391a2;
	padding-left: 2.5rem;
	padding-top: 0;
	padding-bottom: 0;
	text-decoration: none;
	font-weight: 400;
	background-color: transparent;
	box-shadow: none;
} 
.sidebar-nav li a:hover{
	color: #bccee4;
}
.sidebar-nav li a.active{
	color: #fff;
}

#topnav{
	/*left: 250px;*/
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
	transition: all 0.5s ease;
}
#wrapper.toggled #topnav{
	/*left: 0;*/
}
#menu-toggle{
	font-size: 25px;
	color: #313a46;
}
#topnav .right-notifica a i{
	font-size: 21px;
}
#topnav .right-notifica a{
	color: #8a969c;
}
#topnav .right-notifica a:hover{
	color: #6c757d;
}
#topnav .right-notifica a span.label{
	background-color: var(--rojo);
	position: absolute;
	top: -1px;
	right: -1px;
	font-size: 9px;
	color: #fff;
	padding: 2px 5px;
	border-radius: 10px;
}
#topnav .user-avatar{
	background-color: #fafafd;
    border: 1px solid #eef2f7;
    border-width: 0 1px;
}
#topnav .user-avatar figure{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden;
}
#topnav .user-avatar img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#topnav .user-avatar .nombre{
	font-size: 14px;
	font-weight: 400;
}
#topnav .user-avatar .dropdown-menu{
	max-width: 220px;
}
#topnav .user-avatar .dropdown-menu .dropdown-item,
#topnav .user-avatar .dropdown-menu .dropdown-item i{
	font-size: 14px;
}
#topnav .dropdown.notificaciones .dropdown-menu{
	/*min-width: 300px;*/
	width: 300px;
}
#topnav .dropdown.notificaciones .dropdown-menu .dropdown-item{
	font-size: 14px;
}
.dropdown-menu{
	border-color: #e7ebf0;
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}

/*.breadcrumb .breadcrumb-item{
	font-size: 14px;
	font-weight: 400;
}*/
.breadcrumb .breadcrumb-item a{
	text-decoration: none;
	color: #888;
}
.breadcrumb .breadcrumb-item.active{
	color: var(--rojo);
	font-weight: 500;
}

.titulo{
	color: #666;
}
.text-14{
	font-size: 14px;
}
.text-sm{
	font-size: 13px;
	color: #8a969c;
}
.text-rojo{
	color: var(--rojo);
}
.text-gris{
	color: var(--gris-txt);
}
label{
	font-weight: 500;
}
.border{
	border-color: #e7ebf0!important;
}
.bg-rojo{
	background-color: var(--rojo-claro);
}
.card-shadows{
	box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}

.tarjetas .card{
	border: 1px solid #e7ebf0;
	border-bottom: 3px solid #fb4345;
}
.card .cont-icono{
	width: 60px;
	height: 60px;
	border-radius: 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #fb4345;
}
.table a, .table .btn-link{
	text-decoration: none;
	/*padding: 0;*/
}

.usuarios-sistema .avatar{
	height: 5em;
	width: 5em;
	border-radius: 50%;
	overflow: hidden;
}
.usuarios-sistema .avatar img{
	height: 100%;
	object-fit: cover;
}



.input-group .input-group-btn .btn-default{
	border-radius: 0;
	border: 1px solid #bdbdbd;
	background-color: #fff;
}
.input-group .input-group-btn .btn-default:hover{
	background-color: #777;
	color: #fff;
}
.input-group .input-group-btn .btn-file{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -3px;
}
.input-group .input-group-btn .btn-default:nth-child(2){
	margin-left: -3px;
}
.file-preview-image{
	max-width: 100%;
}

@media print {
	.tiro,
	.retiro{
		margin: auto;
	}
	.tiro .credencial-tiro{
		float: right;
		border: 1px solid red;
		width: 9.45cm;
		height: 5cm;
	}
	.retiro .credencial-retiro{
		background-color: green;
		float: left;
		border: 1px solid red;
		width: 9.45cm;
		height: 5cm;
	}
	.cm{
		display: inline-block;
		vertical-align: top;
		margin: 0 -4px 0 0;
		border: 1px solid red;
		width: 9.45cm;
		height: 5cm;
	}
}
.dataTables_length select{
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 10px;
    padding: 5px 10px;
    width: 70px;
    /*height: 35px;*/
}
.dataTables_filter label{
	color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.dataTables_filter label input{
	height: 30px;
	margin-left: 10px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
#dataTables-example_info{
	float: left;
	margin-bottom: 10px;
}
#dataTables-example_paginate{
	float: right;
	margin-bottom: 10px;
}
#dataTables-example_paginate #dataTables-example_previous{
	color: #777;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 12px;

    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#dataTables-example_paginate #dataTables-example_next {
	color: #777;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 12px;

    margin-left: -1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#dataTables-example_paginate #dataTables-example_previous:hover,
#dataTables-example_paginate #dataTables-example_next:hover {
	background-color: #f3f3f4;
	text-decoration: none;
	color: #1f3d53;
}
#dataTables-example_paginate .current {
  z-index: 2;
  color: #fff!important;
  padding: 6px 12px;
  background-color: #fb4345!important;
  border-color: #fb4345!important;
}
#dataTables-example_paginate .paginate_button,
#dataTables-example_paginate .ellipsis {
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fb4345;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.widget-content {
	padding: 20px 15px 15px;
	background: #FFF;
}
.modal-header{
    background-color: #242a30!important;
    color: #fff!important;
}
.modal-header button{
	margin-left: auto;
}
.modal-dialog {
	width: 730px!important;
}
.modal-buscar{
	text-align: left;
	background-color: #242a30;
	border-radius: 4px 4px 0 0;
	margin-bottom: 15px;
	padding: 10px 15px;
	color: #fff;
	font-weight: 300;
	font-size: 16px;
}
.modal-buscar h4{
	padding: 5px 15px;
	color: #fff;
	font-weight: 300;
	font-size: 16px;
}
.modal-buscar .cerrar{
	border: none;
	background: url(../imagenes/iconos/eliminar.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	border-radius: 50%;
	width: 23px;
	margin-top: 5px;
	height: 23px;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	float: right;
}
.modal-buscar .input-buscar{
	border: 1px solid #ccc;
	border-radius: 4px;
	height: 35px;
	padding: 3px 10px;
	color: #242a30;
}
.cont-boton{
	margin: 10px 0 20px 15px;
}
.cont-formulario{
	padding: 15px 0;
	border-bottom: 1px solid #e7eaec;
	background-color: #fff;
}
.cont-formulario .cont-texto-enrrequesido{
	margin: 0;
}
.cont-formulario .cont-texto-enrrequesido .grabar{
	padding: 15px 0 0 0;
}
.cont-formulario .cont-texto-enrrequesido .enrrequesido{
	margin: 0 0 15px 0;
}
.cont-caledario{
	border-top: 1px solid #e7eaec;
	padding: 15px;
}
.cont-cuentas{
	overflow: hidden;
	border: 1px solid #ccc;
    border-top: none;
    border-radius: 4px;
    padding: 0;
	margin-top: 5px;
	margin-bottom: 15px;
}
.cont-cuentas .cont-oscuro{
	text-align: right;
	background-color: #242a30;
    border-radius: 4px 4px 0 0;
    margin-bottom: 15px;
    padding: 5px 15px;
}
.cont-cuentas .cont-oscuro-info{
	padding: 0;
	margin-top: -15px;
}
.cont-cuentas .cont-oscuro-info .gris{
	background-color: #f1f1f1;
	padding: 7px 15px;
	color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
	margin: 0;
	width: 100%;
}
.cont-cuentas .cont-oscuro-info .gris a{
	color: #fc3f48;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
	margin: 0;
	width: 100%;
}
.cont-cuentas .cont-oscuro-info .blanco{
	background-color: #fff;
	padding: 7px 15px;
	color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
	margin: 0;
	width: 100%;
}
.cont-sig-ant{
	text-align: right;
	padding: 6px 0;
}
.cont-sig-ant .anterior{
	color: #777;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 12px;
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.cont-sig-ant .siguiente{
	color: #777;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 12px;
    margin-left: -4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.cont-sig-ant .anterior:hover,
.cont-sig-ant .siguiente:hover,
.cont-sig-ant .anterior:focus,
.cont-sig-ant .siguiente:focus{
	color: #fff;
    background-color: #fb4046;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 6px 12px;
    margin-left: -4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.boton{
	border: none;
    border-radius: 4px;
    background-color: #fb4345;
    color: #fff;
    padding: 5px 15px;
    border: 1px solid red;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 8px;
}
.sig{
	border-radius: 0 4px 4px 0;
    background-color: #ece9e9;
    color: #666;
    padding: 5px 15px;
    border: 1px solid #bfbebe;
    font-size: 16px;
    font-weight: 400;
}
.ant{
	border-radius: 4px 0 0 4px;
	margin-right: -4px;
    background-color: #ece9e9;
    color: #666;
    padding: 5px 15px;
    border: 1px solid #bfbebe;
    font-size: 16px;
    font-weight: 400;
}
.ant:hover,.ant:focus,
.sig:hover,.sig:focus{
	text-decoration: none;
	background-color: #d0cece;
	color: #242a30;

}
.fondo{
	background-image: url(../imagenes/avatar/fondo.jpg);
}
.fondo .inicia-sesion{
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	border-radius: 5px;
	background-color: #f1f1f1;
	max-width: 400px;
	padding: 15px 15px 30px 15px;
	margin: 6% auto 0 auto;
}
.fondo .inicia-sesion .cont-gorila{
	border-bottom: 1px solid #d9d8d8;
	padding: 15px;
	background-color: #f1f1f1;
}
.fondo .inicia-sesion .cont-gorila img{
	width: 100%;
}
.fondo .inicia-sesion h3{
	text-align: center;
	color: #242a30;
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	font-weight: 400;
	padding: 0;
}
.fondo .inicia-sesion form{
	margin: 0;
	text-align: center;
}
.fondo .inicia-sesion fieldset{
	border: none;
	padding: 0;
}
.fondo .inicia-sesion form input{
	padding: 12px 15px;
	width: 90%;
	margin-bottom: 20px;
	border: 1px solid #d9d8d8;
	color: #242a30;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;
	border-radius: 3px;
}
.fondo .inicia-sesion form .entrar{
	border: none;
	text-align: center;
	margin: auto;
    border-radius: 4px;
    background-color: #fb4345;
    color: #fff;
    padding: 5px 15px;
    border: 1px solid red;
    font-size: 16px;
    font-weight: 400;
}

.sesion{
	background-image: url(../imagenes/avatar/fondo-avatar.png);
	background-color: #223545;
	padding: 0;
	margin: auto;
	text-align: center;
}
.sesion .avatar{
	padding: 30px 0 15px 0;
	text-align: center;
}
.sesion .avatar img{
	border-radius: 50%;
	width: 60px;
	height: 60px;
	text-align: center;
}.sesion .nombre{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	margin: 0;
	font-weight: 400;
}
.sesion .datos,
.datos{
	padding: 0;
}
.sesion .datos .desplegar1,
.datos .desplegar1{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
	padding: 0;
}
.sesion .datos .desplegar1:hover,
.sesion .datos .desplegar1:focus,
.datos .desplegar1:hover,
.datos .desplegar1:focus{
	background: rgba(16, 46, 72, 0.3);
}
.sesion .datos .desplegar1 .flecha,
.datos .desplegar1 .flecha{
	font-size: 9px;
	color: #fff;
	text-align: center;
	margin: 0;
}
.sesion .datos .desplegar1 .flecha:hover,
.sesion .datos .desplegar1 .flecha:focus{
	font-size: 9px;
	color: #fb4345;
	text-align: center;
	margin: 0;
}
.sesion .datos .desplegar1-int,
.datos .desplegar1-int{
	border-left: 5px solid #fb4345;
	list-style: none;
	padding: 0;
}
.sesion .datos .desplegar1-int .int1,
.datos .desplegar1-int .int1{
	background: rgba(09, 32, 52, 0.3);
	padding: 0;
	margin: 0;
}
.sesion .datos .desplegar1-int .int1 span,
.datos .desplegar1-int .int1 span{
	color: #fff;
	font-size: 11px;
	padding: 0;
}
.sesion .datos .desplegar1-int .int1 a,
.datos .desplegar1-int .int1 a{
	text-align: left;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
	padding: 0;
}
.sesion .datos .desplegar1-int .int1 a:hover,
.sesion .datos .desplegar1-int .int1 a:hover,
.datos .desplegar1-int .int1 a:hover,
.datos .desplegar1-int .int1 a:hover{
	background: rgba(09, 32, 52, 0.1);
}
.cont-iniciar{
	position: relative;
	top: 8%;
}
.desplegable{
	border-left: 1px solid #2e4050;
	overflow: hidden;
}
.desplegable .menu{
	background-color: none;
	margin: 0;
	padding: 0;
}
.desplegable .menu .panel{
	border: 0px;
	padding: 0;
	border-radius: 0px;
	margin: 0!important;
}
.desplegable .menu .panel .panel-heading{
	border-bottom: none;
	background-color: #2e4050;
	border-radius: 0px;
}
.desplegable .menu .panel .panel-heading:hover,
.desplegable .menu .panel .panel-heading:focus{
	background-color: #283846;
	color: #fff;
}
.desplegable .menu .panel .panel-heading a{
	color: #a2abbe;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
}
.desplegable .menu .panel .panel-heading a:hover,
.desplegable .menu .panel .panel-heading a:focus{
	color: #fff;
	text-decoration: none;
}
.desplegable .menu .panel .panel-heading a span{
	margin-right: 5px;
	font-size: 14px;
}
.desplegable .menu .panel .panel-heading a .flecha{
	float: right;
	font-size: 10px;
	font-weight: 300;
}
.desplegable .menu .panel .interior{
	padding: 0;
	margin: 0;
	background-color: #1e2f40;
	border-left: 5px solid #fb4345;
}
.desplegable .menu .panel  .interior .menu-int{
	padding: 0;
	margin: 0;
}
.desplegable .menu .panel  .interior .menu-int li{
	margin: 0;
	padding: 0;
	width: 100%;
}
.desplegable .menu .panel .interior .menu-int li a{
	color: #a2abbe;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
}
.desplegable .menu .panel .interior .menu-int li a:hover,
.desplegable .menu .panel .interior .menu-int li a:focus,
.desplegable .menu .panel .interior .menu-int li .activo{
	color: #fff;
	background-color: #0a2635;
}
.desplegable .menu .panel .interior .menu-int li a span{
	font-size: 12px;
	margin-right: 5px;
}
.superior{
	border: 1px solid red;
	margin: 0 15px;
}
.btn-treslineas{
	margin: 0;
}
.btn-treslineas a{
	border-radius: 3px;
	padding: 5px 14px;
	border: none;
	background-color: #fb4345;
}
.btn-treslineas a:hover,
.btn-treslineas a:focus,
.btn-treslineas a:active{
	background-color: #fa3133;
}
.btn-treslineas a .tres{
	color: #fff;
	font-size: 13px;
}
.notifica{
	list-style: none;
	margin: 0;
}
.notifica a{
	position: relative;
	float: right;
}
.notifica a i{ 
	position: relative;
	color: #999c9e;
	padding: 10px 0 0 0;
	position: absolute;
}
.notifica .ayuda{
	border: 1px solid #fb4245;
	float: right;
	font-weight: 300;
	padding: 0 15px;
	color: #fff;
	border-radius: 12px;
	text-align: center;
	background-color: #fb4245;

	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.notifica .ayuda i{
	margin: 0;
	color: #fff;
	font-size: 15px;
	position: relative;
	padding: 0;

	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.notifica .ayuda:hover{
	border: 1px solid #ccc;
	background-color: #e7eaec;
}
.notifica .ayuda:hover i{
	color: #0a2736;
}
.notifica a span{
	font-weight: 300;
	font-size: 12px;
	margin: 0 0 0 9px;
	background-color: #fb4345;
	border-radius: 15px;
	padding: 4px 8px;
	color: #fff;
	position: absolute;
}
.notifica .notificacion{
	border-top: 3px solid #e7eaec;
	border-radius: 0px;
	top: 30px;
	right: -15px;
	padding: 0;
	margin: 0;
}
.notifica .notificacion .cantidad{
	color: #333;
	margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
.notifica .notificacion .detalle{
	color: #333;
	margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    border-bottom: 1px solid #ccc;
}
.notifica .notificacion .detalle a .media-left img{
	border: 3px solid #fb4345;
	width: 60px;
	height: 60px;
	margin: 15px 0;
	border-radius: 50%;
}
.notifica .notificacion .detalle a .media-body{
	margin: 0;
}
.notifica .notificacion .detalle a .media-body h6{
	color: #fb4345;
	margin-top: 15px;
	font-size: 14px;
	font-weight: 400;
}
.notifica .notificacion .detalle a .media-body p{
	color: #666;
	font-size: 14px;
	font-weight: 300;
	margin: 5px 0 0 0;
}
.notifica .notificacion .detalle a .media-body .text-muted{
	color: #999;
	font-size: 12px;
	font-weight: 300;
	margin: 5px 0 0 0;
}





table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}
table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}
table.dataTable thead{
    color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 300;
}



    
.panel{
	border: 1px solid red;
    background-color: #fff;
    border-top: 3px solid #e7eaec;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px;
    padding: 0;
    margin: 15px 0 0 0 !important; 
}
.panel .panel-heading{
    border-bottom: 1px solid #e7eaec;
    border-radius: 0px;
    color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    background-color: #fff;
}
.panel .panel-heading figure{
    max-width: 300px;
    margin: 0 auto;
    display: block;
}
.panel .panel-heading figure img{
    width: 100%;
    padding: 0 0 15px 0;
}
.panel .panel-heading .cont-titulo{
	border-top: 1px solid #f3f3f4;
	padding: 0;
}
.panel .panel-heading .input{
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 0 15px 0 0;
	padding: 5px 0 5px 10px;
	font-weight: 300;
	font-size: 16px;
}
.panel .panel-heading .buscar,
.buscar{
	border: none;
	border-radius: 4px;
	background-color: #fb4345;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid red;
	font-size: 16px;
	font-weight: 400;
}
.panel .panel-heading .buscar-codigo,
.buscar-codigo{
	border-radius: 4px;
	background-color: #2e4050;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid #1e2f40;
	font-size: 16px;
	font-weight: 400;
}
.panel .panel-heading .buscar-codigo:hover,
.buscar-codigo:hover{
	text-decoration: none;
	background-color: #1e2f40;
	color: #fff;
	border: 1px solid #2e4050;
}
.panel .panel-heading .boton{
	border: none;
	float: right;
	border-radius: 4px;
	background-color: #fb4345;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid red;
	font-size: 16px;
	font-weight: 400;
}
.panel .panel-heading .buscar:hover,
.panel .panel-heading .boton{
	text-decoration: none;
	background-color: #fe3537;
}
.panel .panel-heading h1{
	color: #1e2f40;
    font-family: 'Lato', sans-serif;
    font-size: 31px;
    font-weight: 400;
}
.panel .panel-heading p,
.panel .panel-heading a{
	color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.panel .panel-heading a:hover{
	text-decoration: none;
}
.panel .panel-heading p strong{
	color: #fb4345;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.cont-boton{
	padding: 0;
}
.cont-boton .boton{
	border-radius: 4px;
	background-color: #fb4345;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid red;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
}
.cont-boton .boton:hover{
	text-decoration: none;
}
.cont-usuarios{
	padding: 0;
	margin: 15px 0;
}
.cont-usuarios .usuarios{
	border-radius: 4px;
	margin: 0;
	padding: 0;
	color: #666;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 400;
	background-color: #fff;
}
.cont-usuarios .usuarios .modificar{
	border-radius: 4px 4px 0 0;
	background-color: #242a30;
	padding: 10px 15px;
}
.cont-usuarios .usuarios .modificar .form{
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.cont-usuarios .usuarios .modificar .form p{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;
	margin: 0 15px 0 0;

	display: inline-block;
	vertical-align: top;

}
.cont-usuarios .usuarios .modificar .form .eliminar-2{
	border: none;
	background: url(../imagenes/iconos/eliminar.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	border-radius: 50%;
	width: 23px;
	margin: auto;
	height: 23px;
	font-size: 0;

	display: inline-block;
	vertical-align: top;
}
.cont-usuarios .imprimir,
.imprimir{
	border: none;
    border-radius: 4px;
    background-color: #fb4345;
    color: #fff;
    padding: 5px 15px;
    border: 1px solid red;
    font-size: 16px;
    font-weight: 400;
}
.cont-usuarios .sii,
.sii{
	border: none;
    border-radius: 4px;
    background-color: #00adad;
    color: #fff;
    padding: 5px 15px;
    border: 1px solid #038769;
    font-size: 16px;
    font-weight: 400;
}
.cont-usuarios .warning,
.warning{
	float: right;
	border-radius: 4px;
	background-color: #f0ad4e;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid #f0b74e;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 15px 0;
}
.imprimir,
.sii{
	margin: 0 15px 15px 0;
}
.cont-usuarios .usuarios .titulo{
	background-color: #242a30;
    border-radius: 4px 4px 0 0;
    margin: 0;
    padding: 5px 15px;
    color: #fff;
    font-weight: 300;
    font-size: 16px; 
}
.cont-usuarios .usuarios .info table tr td a,
.editarcuenta{
	color: #8afefd;
    font-size: 12px;
    background-color: #00adad;
    border-radius: 18px;
    padding: 4px 6px;
}
.cont-usuarios .usuarios .info table tr td a:hover,
.cont-usuarios .usuarios .info table tr td .editarcuenta:hover{
	color: #fff;
    font-size: 12px;
    background-color: #00adad;
    border-radius: 18px;
    padding: 4px 6px;
}
.cont-usuarios .usuarios .modificar .editar{
	color: #8afefd;
	font-size: 12px;
	background-color: #00adad;
	border-radius: 18px;
	padding: 4px 6px;
}
.editar{
	border: none;
	  background: url(../imagenes/iconos/lapiz.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	border-radius: 50%;
	width: 23px;
	margin: auto;
	height: 23px;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.eliminar{
	border: none;
	background: url(../imagenes/iconos/eliminar.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	border-radius: 50%;
	width: 23px;
	margin: 0 0 0 10px;
	height: 23px;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.detalle{
	border: none;
	background: url(../imagenes/iconos/carpeta.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	border-radius: 50%;
	width: 23px;
	margin: 0 0 0 10px;
	height: 23px;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.finalizar{
	border: none;
	background: url(../imagenes/iconos/check.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	border-radius: 50%;
	width: 23px;
	margin: auto;
	height: 23px;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.pautas{
	border: none;
	background: url(../imagenes/iconos/carpeta.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	border-radius: 50%;
	width: 23px;
	margin: auto;
	height: 23px;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.TabbedPanels .TabbedPanelsTabGroup .TabbedPanelsTab{
	background-color: #f1f1f1!important;
	border: 1px solid #f1f1f1!important;
	border-radius: 5px 5px 0 0!important;
	text-transform: uppercase;
	color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.TabbedPanels .TabbedPanelsTabGroup .TabbedPanelsTab:focus,
.TabbedPanels .TabbedPanelsTabGroup .active{
	text-decoration: none;
	background-color: #fff!important;
	color: #333;
}
.TabbedPanels .TabbedPanelsContentGroup{
	border: 1px solid #f1f1f1!important;
	background-color: #fff!important;
}
.avatar-trabajaron{
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #fb4345;
}
.avatar-trabajaron img{
	width: 100%;
}
.cont-usuarios .usuarios .info{
	padding: 0;
}
.cont-usuarios .usuarios .info .avatar{
	background-color: #fb4345;
	text-align: center;
}
.cont-usuarios .usuarios .info .avatar figure{
	border: 3px solid #242a30;
	border-radius: 50%;
	overflow: hidden;
	margin: 2em auto 1em auto;
	width: 5em;
	height: 5em;
}
.cont-usuarios .usuarios .info .avatar .icono{
	color: #fff;
	margin: 15px 0;
}
.cont-usuarios .usuarios .info .avatar figure img{
	width: 100%;
}
.cont-usuarios .usuarios .info .avatar h2{
	margin: 0;
	color: #fff;
	min-height: 80px !important;
	font-weight: 400;
	font-size: 31px;
}
.cont-usuarios .usuarios .info .avatar p{
	margin: 0 0 15px 0;
	color: #fff;
	font-weight: 300;
	font-size: 14px;
}
.cont-usuarios .usuarios .info .datos{
	padding: 15px;
    margin: 0;
    border-radius: 0 0 4px 4px;
    border-top: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.cont-usuarios .usuarios .info .datos p{
	margin: 0 0 5px 0;
	color: #666;
	font-weight: 300;
	font-size: 15px;
}
.cont-usuarios .usuarios .info .datos p b{
	color: #fb4345;
	font-weight: 400;
	font-size: 15px;
}
.cont-usuarios .usuarios .info .datos p i{
	color: #fb4345;
	font-size: 12px;
}
.cont-usuarios .formulario{
	padding: 0;
}
.cont-usuarios .formulario .cont-info,
.cont-info{

	padding: 0;
}
.cont-usuarios .formulario .cont-info .avatar,
.cont-info .avatar{
	border-radius: 4px;
	margin-bottom: 15px;
	background-color: #fb4345;
	text-align: center;
	padding: 30px 15px 15px 15px;
}
.cont-usuarios .formulario .cont-info .avatar a,
.cont-info .avatar a{
	background-color: #242a30;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 300;
	border-radius: 4px;
	color: #fff;
}
.cont-usuarios .formulario .cont-info .avatar figure,
.cont-info .avatar figure{
	width: 150px;
	border: 3px solid #242a30;
	height: 150px;
	margin: 30px auto 0 auto;
	overflow: hidden;
	padding: 23px 15px 0px 10px;
}
.cont-usuarios .formulario .cont-info .avatar figure img,
.cont-info .avatar figure img{
	width: 100%;
}
.cont-usuarios .formulario .cont-info .datos,
.cont-info .datos{
	border: 1px solid #ccc;
	border-top: none;
	margin: 0 0 15px 0;
	border-radius: 4px;
	padding: 0;
}
.datos{

	border-top: none;
	margin: 15px 0;
	border-radius: 4px;
	padding: 0;
}
.cont-usuarios .formulario .cont-info .datos .cuadros,
.cont-info .datos .cuadros,
.datos .cuadros{
	margin: -15px auto 0 auto;
	text-align: center;
	padding: 0 0 15px 0;
	display: block;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .icono,
.cont-info .datos .cuadros .icono,
.datos .cuadros .icono{
	background-color: #0a2635;
	padding: 15px 0;
	text-align: center;
	margin-bottom: 20px;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .icono-check,
.cont-info .datos .cuadros .icono-check,
.datos .cuadros .icono-check{
	background-color: #0a2635;
	padding: 15px 0;
	text-align: center;
	margin-bottom: 20px;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .icono-check .cont-img,
.cont-info .datos .cuadros .icono-check .cont-img,
.datos .cuadros .icono-check .cont-img{
	margin: auto;
	background-color: #ff7800;
    border-radius: 50%;
    color: #fff;
    width: 90px;
    height: 90px;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .icono-check .contimg img,
.cont-info .datos .cuadros .icono-check .cont-img img,
.datos .cuadros .icono-check .cont-img img{
	margin-top: 17px;
	height: 55px;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .icono .fa-file-text-o,
.cont-info .datos .cuadros .icono .fa-file-text-o,
.datos .cuadros .icono .fa-file-text-o{
	background-color: #999;
	border-radius: 50%;
	color: #fff;
	padding-top: 20px;
	font-size: 50px;
	width: 90px;
	height: 90px;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .icono .fa-file-o,
.cont-info .datos .cuadros .icono .fa-file-o,
.datos .cuadros .icono .fa-file-o{
	background-color: #fb4345;
	border-radius: 50%;
	color: #fff;
	padding-top: 20px;
	font-size: 50px;
	width: 90px;
	height: 90px;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .icono .fa-cog,
.cont-info .datos .cuadros .icono .fa-cog,
.datos .cuadros .icono .fa-cog{
	background-color: #229474;
	border-radius: 50%;
	color: #fff;
	padding-top: 20px;
	font-size: 50px;
	width: 90px;
	height: 90px;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .icono .fa-database,
.cont-info .datos .cuadros .icono .fa-database,
.datos .cuadros .icono .fa-database{
	background-color: #053464;
	border-radius: 50%;
	color: #fff;
	padding-top: 20px;
	font-size: 50px;
	width: 90px;
	height: 90px;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .boton,
.cont-info .datos .cuadros .boton,
.datos .cuadros .boton{
	border-radius: 4px;
    background-color: #fb4345;
    color: #fff;
    padding: 5px 15px;
    border: 1px solid red;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0;
}
.cont-usuarios .formulario .cont-info .datos .cuadros .warning,
.cont-info .datos .cuadros .warning,
.datos .cuadros .warning{
	border-radius: 4px;
	background-color: #f0ad4e;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid red;
	font-size: 16px;
	font-weight: 400;
	margin: 15px 0;
}





.cont-usuarios .formulario .cont-info .datos .titulo,
.cont-info .datos .titulo,
.datos .titulo{
	background-color: #242a30;
	border-radius: 4px 4px 0 0;
	margin-bottom: 15px;
	padding: 5px 15px;
	color: #fff;
	font-weight: 300;
	font-size: 16px;
}
.cont-usuarios .formulario .cont-info .datos .titulo i,
.cont-info .datos .titulo i,
.datos .titulo i{
	float: right;
	color: #fff;
	font-size: 12px;
	background-color: #00adad;
	border-radius: 18px;
	padding: 4px 5px;
}
.cont-usuarios .formulario .cont-info .datos .form,
.cont-info .datos .form,
.datos .form{
	margin-bottom: 15px;
	padding: 0;
}
.cont-usuarios .formulario .cont-info .datos .form .int-form,
.cont-info .datos .form .int-form,
.datos .form .int-form{
	margin-bottom: 15px;
	padding: 0;
}
.cont-usuarios .formulario .cont-info .datos .form p,
.cont-info .datos .form p,
.datos .form p{
	font-size: 14px;
	padding: 5px 0 0 15px;
}
.cont-usuarios .formulario .cont-info .datos .form .pe,
.cont-info .datos .form .pe,
.datos .form .pe{
	border-bottom: 1px solid #f1f1f1;
	font-size: 14px;
	padding: 5px 15px;
}
.cont-usuarios .formulario .cont-info .datos .form .texto,
.cont-info .datos .form .texto,
.datos .form .texto{
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	border-bottom: none; 
	font-size: 16px;
	font-weight: 400;
	padding: 5px 0 0 15px;
}
.cont-usuarios .formulario .cont-info .datos .form .text,
.cont-info .datos .form .text,
.datos .form .text{
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: 400;
	padding: 0 0 15px 15px;
}
.cont-usuarios .formulario .cont-info .datos .form .input,
.cont-info .datos .form .input,
.cont-usuarios .formulario .cont-info .datos .form select,
.cont-info .datos .form select,
.datos .form .input,
.datos .form select,
.input{
	border: 1px solid #ccc;
	border-radius: 4px;
	/*height: 35px;*/
	padding: 5px 10px;
	width: 100%;
}
.descripcion{
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px 10px;
	width: 100%;
	height: 35px;
}
.descripcion-final{
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px 10px;
	width: 100%;
}
.cont-usuarios .formulario .cont-info .datos .form .input2,
.cont-info .datos .form .input2,
.datos .form .input2{
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px 10px;
	height: 35px;
	width: 100%;
}
.cont-usuarios .formulario .cont-info .datos .form select,
.cont-info .datos .form select{
	width: 100%;
	height: 32px;
	background-color: #fff;
}
.cont-agregar{
	margin: 0 15px 0 0;
	width: 30px;
	height: 30px;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.cont-agregar .asignar{
	border-radius: 50%;
	background: url(../imagenes/iconos/mas.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	width: 30px;
	height: 30px;
	border: 2px solid red;

}
.form{
	padding: 15px 0;
}
.form-2{
	padding: 0;
}
/*.form select{
	border: 1px solid #ccc;
	width: 100%;
	height: 32px;
	background-color: #fff;
}*/
.cont-usuarios .formulario .cont-info .datos .form .check{
	padding: 5px 0;
	height: 35px;
}
.cont-usuarios .formulario .cont-info .boton{
	border-radius: 4px;
	background-color: #fb4345;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid red;
	font-size: 16px;
	font-weight: 400;
	margin: 15px 0;
}
.cont-usuarios .formulario .cont-info .warning{
	border-radius: 4px;
	background-color: #f0ad4e;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid red;
	font-size: 16px;
	font-weight: 400;
	margin: 15px 0;
}
.cont-usuarios .formulario .cont-info .boton2,
.boton2{
	border-radius: 4px;
	background-color: #fb4345;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid red;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
}
.cont-usuarios .formulario .cont-info .boton3,
.boton3{
	border-radius: 4px;
	background-color: #fb4345;
	color: #fff;
	padding: 5px 15px;
	width: 100%;
	border: 1px solid red;
	font-size: 15px;
	font-weight: 400;
}
.cont-usuarios .formulario .cont-info .boton4,
.boton4{
	border-radius: 4px;
	background-color: #00adad;
	color: #fff;
	padding: 6px 0;
	float: right;
	text-align: center;
	font-size: 16px;
	width: 100%;
	font-weight: 300;
}
.cont-usuarios .formulario .cont-info .boton4:hover,
.boton4:hover{
	text-decoration: none;
}


.table{
    background-color: #fff;
    color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.table .avatar{
	width: 80px;
	border: 2px solid #fb4345;
	border-radius: 50%;
	overflow: hidden;
}
.table .avatar img{
	width: 100%;
}
.dataTables_filter label,
.dataTables_length label{
	color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: inline-flex;
    align-items: center;
}
.dataTables_length{
  	display: inline-block;
  	padding-left: 0;
  	margin: 10px 0;
  	border-radius: 4px;
  	width: 60%;
}
.dataTables_filter,
.pagination{
	float: right;
  	display: inline-flex;
  	padding-left: 0;
  	margin: 10px 0;
  	border-radius: 4px;
}
.pagination>li>a,
.pagination>li>span{
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #fb4345;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #fb4345;
  border-color: #fb4345;
}

.cnt-img-round {
    display: inline-block;
/*    margin-right: 5px 5px 0px 0;*/
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background-color: #dc3645;
    padding: 2px;
    margin-bottom: 0;
}
.cnt-img-round .img-round {
    width: 30px;
    height: 30px;
    object-fit: contain;
    border-radius: 50%;
}
.cnt-img-round .det {
    width: 300px;
    position: absolute;
    margin-top: 13px;
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 12%);
    z-index: 999;
    background-color: #d1ecf1;
}
.cnt-img-round .det:before {
    content: '';
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #d1ecf1;
    position: absolute;
    margin-top: -25px;
    margin-left: -5px;
}

@media (max-width: 1200px) {
	.nav-collapse .pull-right{
		padding-top: 2%;
	}
	.nav-collapse .pull-right .dropdown{
		margin-bottom: -20px;
	}
}

@media (max-width: 991px) {
	.dataTables_length,
	.dataTables_filter{
		display: block!important;
		width: 90%;
		float: left!important;
		margin-bottom: 5px;
	}
	#dataTables-example_info {
		float: left;
		margin-bottom: 15px;
	}
	#dataTables-example_paginate {
		float: left;
		margin-bottom: 10px;
	}
}

@media(min-width: 768px) {
    #wrapper {
        padding-left: 250px;
    }
    #wrapper.toggled {
        padding-left: 0;
    }
    #sidebar-wrapper {
        width: 250px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }
    #page-content-wrapper {
        padding: 70px 20px 20px;
        position: relative;
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
    #topnav{
		left: 250px;
	}
	#wrapper.toggled #topnav{
		left: 0;
	}
}

@media (max-width: 767px) {
	#topnav{
		left: 0px;
	}
	#wrapper.toggled #topnav{
		left: 250px;
	}
	#page-content-wrapper{
		padding: 80px 15px 15px 15px!important;
	}
	#dataTables-example_paginate,
	#dataTables-example_info,
	.dataTables_length {
	    display: none!important;
	}
	.dataTables_filter {
    	width: 100%;
    }
	.dataTables_filter label input {
	    margin-left: 5px;
	    width: 172px;
    }
    .modal-dialog {
	    width: 96%!important;
	    margin: 10% auto 0 auto;
	}
	.opciones {
		text-align: center!important;
	}
}

@media (min-width: 1200px) {
	.navbar .search-query {
		width: 200px;
	}
	
}

.opciones {
	padding: 0 15px 0 0;
}
.opciones a {
	margin-left: 2px;
	display: -webkit-inline-box;
}
.hover {
    cursor: pointer;
}
.hover i {
    opacity: 0;
    position: absolute;
    text-align: center;
    background-color: rgba(37, 43, 49, 0.8);
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    padding: 20px;
    width: 2.3em;
    height: 2.3em;
    font-size: 34px;
    margin: -1px 0 0 -1px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.hover:hover i {
    opacity: 1;
}
.close.cerrar {
    border: 1px solid #d43e3a;
    background-color: #d9534e;
    opacity: 1;
    border-radius: 50%;
    padding: 1px 5.41px;
    font-size: 24px;
    text-shadow: none;
    color: #fff;
    top: -25px;
    right: -26px;
    position: fixed;
}
.cont {
    position: relative;
    display: inline-block;
    width: 100%;
}
.load {
    background-image: url("/imagenes/loading.gif");
    background-repeat: no-repeat;
    background-position: center; 
    position: absolute;
    z-index: -1;
    background-color: rgba(243, 243, 244, 0.6);
    opacity: 0;
    height: 100%;
    width: 100%;
}

/*Subir Archivos*/
.custom-file{
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 10px;
    overflow: hidden;
}
.custom-file-input{
    position: relative;
    z-index: 2;
    width: 131%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    margin-top: 6px;
    opacity: 0;
}
.custom-file-label{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.custom-file-label{
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-file-label::after{
    position: absolute;
    font-weight: 400;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Seleccionar";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}
.custom-file-label{
    font-weight: 300;
}
/*Subir Archivos*/

.text-rojo{
	color: #dc3545;
}
.text-negro{
	color: #333;
}
.alerta {
	position: fixed;
    z-index: 9999;
    margin: auto;
    bottom: 15px;
    right: 10px;
    width: 100%;
    max-width: 350px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.alerta ul {
	list-style-type: none;
}