/* GENERALES
-------------------------------------------------- */
	.back-color-ext { background: #f4f6f98c; }

	.borde_footer { padding: 1px; }

	.sticker{ color: #ff1604; }

	.text-ini{ font-size: initial !important; }

	.top-info,
	.datail-factura,
	[data-toggle*="tooltip"],
	.show_span, .hidden_span {
		cursor: pointer;
	}

	.show_span, .hidden_span {
		color: #337ab7;
	}

	.show_span:hover, .hidden_span:hover {
		outline: none;
	    color: #23527c;
	}

	.box-title a { color: #444; }

	.todo-list > li .text span{
	    font-weight: 600;
	    padding-right: 3px;
	}

	.todo-list > li {
	    padding: 5px;
	    background: #ffffff;
	}

	.todo-list > li .text ul > li{
	    margin-bottom: 5px;
	}

	.navbar .btnsidebar {
		padding-bottom: 12px;
	}

	.selectors > div > .form-group {
		margin-bottom: 10px;
	}

    .ajax-requisitos, .tb-permisos, .details {
    	border: 1px solid #ced4da;
	    border-radius: 4px;
    }

	.nota { max-width: 70px; }

	.skin-drack .main-header .navbar {
	    background-color: #191919;
	}

	.skin-drack .main-header .navbar .nav>li>a{
		color:#fff
	}

	.skin-drack .main-header .navbar .nav>li>a:hover,
	.skin-drack .main-header .navbar .nav>li>a:active,
	.skin-drack .main-header .navbar .nav>li>a:focus,
	.skin-drack .main-header .navbar .nav .open>a,
	.skin-drack .main-header .navbar .nav .open>a:hover,
	.skin-drack .main-header .navbar .nav .open>a:focus,
	.skin-drack .main-header .navbar .nav>.active>a {
		background:rgba(0,0,0,0.1);
		color:#f6f6f6
	}

	.navbar-brand {
	    height: 54px;
	    padding: 8px 5px 5px 5px;
	}

	@media (max-width: 767px) {

		.navbar-brand {
		    padding: 8px 8px 5px 30%;
		}
	}

	.img-fotocheck {
		cursor: pointer;
		max-width:  40px;
	}

	.ps-descarga { padding-top: 25px; }

	.sin-color {
		background-color: rgb(255 255 255);
	}

	blockquote {
	    padding: 4px 20px;
	}

	blockquote p {
		margin-bottom: 0px;
	}

	.cert-us td:nth-child(1) {
		width: 40%;
	}

	.prog-us td:nth-child(1) {
		width: 10%;
	}

	.prog-us td:nth-child(2) {
		width: 40%;
	}

	.colorBlue {
		color: #2196F3;
	}

/* TABLAS ESTADISTICAS
-------------------------------------------------- */
	.st_capacitados > tbody > tr:nth-of-type(odd) {
	    background-color: #c8eeff;
	}

	.st_vent_part > tbody > tr:nth-of-type(odd) {
	    background-color: #d6f9d7eb;
	}

	.st_vent_emp > tbody > tr:nth-of-type(odd) {
	    background-color: #fdd5d1e8;
	}

	.st_vent_op > tbody > tr:nth-of-type(odd) {
	    background-color: #ccd6d569;
	}

	.st_ordenes_comp > tbody > tr:nth-of-type(odd) {
	    background-color: #edc08f47;
	}

	.st_modalidad > tbody > tr:nth-of-type(odd) {
	    background-color: #d6d6d687;
	}

	.st_capacitados   > tbody > tr:nth-of-type(even),
	.st_vent_emp      > tbody > tr:nth-of-type(even),
	.st_vent_part     > tbody > tr:nth-of-type(even),
	.st_vent_op       > tbody > tr:nth-of-type(even),
	.st_ordenes_comp  > tbody > tr:nth-of-type(even),
	.st_modalidad     > tbody > tr:nth-of-type(even),
	.st_grupos        > tbody > tr:nth-of-type(odd),
	.st_ventas_custom > tbody > tr:nth-of-type(odd) {
	    background-color: #f9f9f9;
	}

	.st_grupos, .st_ventas_custom {
	    border: 1px solid #ddd;
    	border-radius: 4px;
	}

	.st_grupos td:nth-child(1) {
        width: 11%;
    }

	.st_grupos td:nth-child(2) {
        width: 33%;
    }

    .st_grupos td:nth-child(4) {
        width: 23%;
    }

    .st_ventas_custom td:nth-child(1) {
        width: 12%;
    }

	.st_ventas_custom td:nth-child(3),
    .st_ventas_custom td:nth-child(4) {
        width: 23%;
    }

	.tb-header-st {
		background: #2699cef5;
    	color: white;
	}

	.tb-estadistica {
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 4px;
	}

	.tb-estadistica table {
		margin-bottom: 0px;
	}

	.tb-estadistica .table>tbody>tr>td,
	.tb-estadistica .table>tbody>tr>th,
	.tb-estadistica .table>tfoot>tr>td,
	.tb-estadistica .table>tfoot>tr>th,
	.tb-estadistica .table>thead>tr>td,
	.tb-estadistica .table>thead>tr>th {
		padding: 5px;
	}

	.canvas-footer {
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 3px;
	    border-bottom-left-radius: 3px;
	    padding: 10px;
	    background-color: #fff;
	}

/* LISTAS GRUPO
-------------------------------------------------- */
	.list-group-item {
		margin-bottom: 3px;
	}

	.list-group-item > .badge {
	    display: inline-block;
	    min-width: 10px;
	    padding: 4px 9px;
	    font-size: 14px;
	    font-weight: 700;
	    line-height: 1;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: middle;
	    border-radius: 10px;
	}

	.list-group-item h4 {
		margin-top: 2px;
		margin-bottom: 2px;
		font-size: 20px;
		color: #696767;
	}

	.list-group-header {
		font-weight: 700;
	    margin-bottom: 15px;
	    text-align: center;
	    color: #696767;
	}

/* CAJAS SUPERIORES
-------------------------------------------------- */
	.inner p{
		font-size: 16px;
	}

	.bg-maroon-plus {
		background-color: #eb3779;
		color: #f9f9f9;
	}
	.bg-teal-plus {
		background-color: #39CCCC;
		color: #f9f9f9;
	}

	.small-box {
	    margin-bottom: 10px;
	}

/* CUSTOM ALERT
-------------------------------------------------- */
	.callout h4{
		margin-bottom: 0px;
	}

	.callout-blue {
	    background: #cce5ff !important;
	    border-color: #b8daff !important;
	}

	.callout-color { color: #004085a6 !important; }

	.callout-red {
	    background: #f8d7da;
    	border-color: #f5c6cb;
	}

	.callout-color-red { color: #c72130; }

	.callout-green {
	    background-color: #d4edda;
    	border-color: #c3e6cb;
	}

	.callout-color-green { color: #45a95c; }

	.callout-yellow {
	    background-color: #fff3cd;
    	border-color: #ffeeba;
	}

	.callout-color-yellow { color: #f9a217; }

/* DATA ADMISION
-------------------------------------------------- */
	.detail-pg-up {
		margin-bottom: 15px;
	}

	.detail-pg-up h3 {
		margin: 0px;
		font-size: 20px;
	}

	.tabla-inscritos strong{
		font-weight: 600;
		color: #4a4a4a;
	}

	.tabla-inscritos td ul{
		padding-left: 15px;
		margin-bottom: 0px;
	}

	.tabla-inscritos td:nth-child(1) {
        width: 8%;
    }

	.tabla-inscritos td:nth-child(2) {
        width: 31%;
    }

    .tabla-inscritos td:nth-child(4) {
        width: 25%;
    }

    .tabla-inscritos td:nth-child(5) {
        width: 8%;
    }

/* TABLAS DE PROCESO
-------------------------------------------------- */
	.obs-list > table td:nth-child(1) {
        width: 7%;
    }

	.obs-list > table td:nth-child(2) {
        width: 20%;
    }

    .obs-list > table td:nth-child(3) {
        width: 40%;
    }

    .obs-list > table td:nth-child(4) {
        width: 17%;
    }

	#tb_proceso_de_pago th:nth-child(2) {
        width: 13% !important;
    }

    #tb_proceso_de_pago th:nth-child(3) {
        width: 30% !important;
    }

	.custom-tr-pago td{
		border-top-color: white !important;
		padding-top: 0px !important;
	}

	.custom-btn-pg button{
		border-radius: 25px;
		border-color: black;
		background-color: white;
	}

    #orden_compra > .box-body > .table-responsive > table td:nth-child(2) {
        width: 22%;
    }

    #orden_compra > .box-body > .table-responsive > table td:nth-child(4) {
        width: 24%;
    }

    #factura > .box-body > .table-responsive > table td:nth-child(1) {
        width: 17%;
    }

    #factura > .box-body > .table-responsive > table td:nth-child(4) {
        width: 15%;
    }

/* INFORMACION DE PROCESO
-------------------------------------------------- */
	.info_etapas {
		padding-left: 10px;
		margin: 10px;
	}

	.info-proceso h3 {
		margin-top: 2px;
		margin-bottom: 2px;
		color: #00c0ef;
		font-size: 22px;
	}

	.info-proceso h4 {
		margin-top: 8px;
    	margin-bottom: 8px;
	}

	.info-proceso strong {
		color: #696767;
	}

	@media (min-width:992px){

		.info-proceso {
			margin-bottom: 0px;
		}
	}

	@media (max-width:768px){

		.proceso_pg li:last-child{
			float: left !important;
		}
	}

/* SWAL-ALERT
-------------------------------------------------- */
	.swal-text {
    	font-size: 20px;
    	text-align: center;
    }

    .swal-button--catch, .swal-button--defeat {
    	background-color: #3c8dbc;
    }

/* REQUISITOS
-------------------------------------------------- */
	.data-requisit { cursor: pointer; }

	.data-requisit span { margin-left: 10px; }

	.data-requisit .sm, .data-progreso .sm{
		width: 70px;
		float: left;
		height: 17px;
	}

	.data-progreso {
		width: 130px;
	}

	.data-progreso span{
		padding: 0px 8px;
	}

/* TOOLTIPS
-------------------------------------------------- */
	.tooltip-inner {
	    max-width: 265px;
	    padding: 6px;
	    color: #fff;
	    text-align: left;
	    background-color: #000;
	    border-radius: 4px;
	    font-size: 14px;
	}

	.rqst, .pgs{
		margin: 6px;
	}

	.pgs{
		color: yellow;
	}

	.cj-r {
		border: 1px solid #00c0ef;
	}

	.list-r {
		border: 1px solid #ced4da;
		margin-bottom: 0px;
	}

	.detail-cert {
		cursor: pointer;
	}

	.custom-tool-cert {
		padding: 3px;
    	width: 173px;
	}

	.custom-tool-header,
	.custom-tool-body  {
		width: 190px;
	}

	.custom-tool-header span {
		margin: 0px 15px 0px 15px;
		padding: 6px;
		font-size: 14px;
	}

	.custom-tool-body {
		margin-top: 5px;
		font-size: 13px;
	}

	.custom-tool-body .span-fila {
		margin: 0px 8px 0px 8px;
    	padding: 0px 5px 6px 5px;
	}

	.custom-tool-body .span-null {
		margin: 0px 8px 0px 8px;
    	padding: 0px 0px 6px 36px;
	}

/* VISTA VALIDAR CERTIFICADOS
-------------------------------------------------- */
	.top-cert { padding-top: 60px; }

	.text-center-h2 {
		text-align: center;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.custom-select > .form-group > .form-control,
	.custom-input  > .form-group > .form-control {
		height: 40px;
		font-size: 18px;
	}

	@media (min-width:992px){

		.custom-select, .custom-input, .custom-btn-search {
			padding: 0px;
		}

		.custom-select{
			width: 25.333333%;
			margin-left: 187px;
		}

		.custom-input {
			width: 29.333333%;
		}

		.custom-btn-search { width: 11.333333%;	}

		.btn-search {
			width: 122px;
			height: 40px;
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
		}

		.custom-select .form-group select{
			border-radius: 0px;
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
		}

		.custom-input .form-group input{
			border-radius: 0px;
		}

		.load-search > .table-responsive { padding: 8px 8px 0px 8px; }
	}

	@media (min-width:750px) and (max-width:991px){

		.top-cert > .box-default > .box-body p {
			padding: 0px 20px 0px 20px;
		}

		.custom-select, .custom-input, .custom-btn-search {
			padding: 0px;
		}

		.custom-select{
			width: 32.333333%;
			margin-left: 56px;
		}

		.custom-input {
			width: 34.333333%;
		}

		.custom-btn-search { width: 11.333333%;	}

		.btn-search {
			width: 115px;
			height: 40px;
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
		}

		.custom-select .form-group select{
			border-radius: 0px;
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
		}

		.custom-input .form-group input{
			border-radius: 0px;
		}

		.load-search > .table-responsive { padding: 8px 8px 0px 8px; }
	}

	@media (max-width:483px){

		.btn-search {
			display: block;
    		width: 100%;
		}
	}

	.load-search { padding: 12px; }

	.load-search h3 {
		color: #828282;
		font-family: inherit;
	}

	.load-search > .table-responsive > table {
		border: 1px solid #e3e7eb;
		margin-bottom: 0px;
	}

	.txt-negrita{
		font-weight: 600;
	}

	@media (min-width:750px) {

		.load-search .col-sm-6:first-child {
			padding-left: 30px;
		}
	}

	.load-search > .table-responsive > .table>tbody>tr>td,
	.load-search > .table-responsive > .table>tbody>tr>th,
	.load-search > .table-responsive > .table>tfoot>tr>td,
	.load-search > .table-responsive > .table>tfoot>tr>th,
	.load-search > .table-responsive > .table>thead>tr>td,
	.load-search > .table-responsive > .table>thead>tr>th {
	    padding: 11px;
	}

	.load-search > .table-responsive > table td:nth-child(2) {
        width: 33%;
    }

    .load-search > .table-responsive > table th:nth-child(4),
    .load-search > .table-responsive > table th:nth-child(5),
    .load-search > .table-responsive > table th:nth-child(6),
    .load-search > .table-responsive > table td:nth-child(4),
    .load-search > .table-responsive > table td:nth-child(5),
    .load-search > .table-responsive > table td:nth-child(6) {
        text-align: center;
    }

/* Panel Detalle
-------------------------------------------------- */
	.panel-body-detail{
		padding: 5px 10px;
	}

	.table-modal {
		margin: 0px;
	}

	.table-modal > tbody > tr:first-child > td:first-child,
	.table-modal > tbody > tr:first-child > td:last-child {
		border-top: none;
	}

	.table-modal > tbody > tr > td:nth-child(1) {
		width: 30%;
	}

/* AVATAR Y NOMBRE DE USER
-------------------------------------------------- */
	.avatar-user p{
		margin: 0 10px;
    	font-weight: 600;
    }

    .avatar-user span{
		margin: 0 10px;
    }

    .profile-std-img {
	    width: 85px;
	    height: 85px;
	    padding: 6px;
	    text-align: center;
	    color: white;
	    font-size: 50px;
    	font-weight: 600;
	}

/* WIDGET DE USER
-------------------------------------------------- */
	.fondo-widget {
		height: 36px;
    	background: #f4f6f9;
	}

	@media (min-width:992px){

		.widget-user .widget-user-header {
			padding: 20px 20px 0px 127px;
    		height: 74px;
		}

		.widget-user .widget-user-image {
		    top: 7px;
		    left: 2%;
		    margin-left: 0;
		}

		.widget-user .box-footer {
		    padding-top: 10px;
		}

		.widget-user .profile-std-img{
		    top: 10px;
		}

		.widget-user .widget-user-image > img {
		    width: 84px;
		}
	}

	@media (max-width:768px){

		.fondo-widget {
			height: 44px;
		}
	}

	@media (max-width:368px){

		.widget-user .widget-user-image {
		    top: 77px;
		}

		.fondo-widget {
			height: 60px;
		}
	}

/* Tab CUSTOM
-------------------------------------------------- */
	.tab-custom {
		margin-bottom: 0px;
		box-shadow: none;
	}

	.tab-custom > .tab-content {
		padding: 20px 10px 0px 10px;
	}

	.tb-evaluacion>tbody>tr>td,
	.tb-evaluacion>tbody>tr>th,
	.tb-evaluacion>tfoot>tr>td,
	.tb-evaluacion>tfoot>tr>th,
	.tb-evaluacion>thead>tr>td,
	.tb-evaluacion>thead>tr>th,
	.tb-add-absence>tbody>tr>td,
	.tb-add-absence>tbody>tr>th,
	.tb-add-absence>tfoot>tr>td,
	.tb-add-absence>tfoot>tr>th,
	.tb-add-absence>thead>tr>td,
	.tb-add-absence>thead>tr>th,
	.tb-finalizacion>tbody>tr>td,
	.tb-finalizacion>tbody>tr>th,
	.tb-finalizacion>tfoot>tr>td,
	.tb-finalizacion>tfoot>tr>th,
	.tb-finalizacion>thead>tr>td,
	.tb-finalizacion>thead>tr>th {
	    padding: 3px;
	    vertical-align: initial;
	}

/* FILTRAR PERIODO ACADEMICO
-------------------------------------------------- */
	.filter-periodos {
	    width: 220px;
	}

	@media (max-width:767px){
		.filter-periodos {
			margin-top: 10px;
		    float: none !important;
		}
	}

/* VENTANA MODAL
-------------------------------------------------- */
	.close { font-size: 25px; }

	.modal-content { border-radius: 4px; }

	.modal-header {
	    background: #3c8dbc;
	    color: white;
	    padding: 15px 20px 15px 20px;
	    border-top-left-radius: 4px;
    	border-top-right-radius: 4px;
	}

	.modal-body { padding: 20px; }

	.modal-footer {
	    padding: 12px 20px 12px 20px;
	    background-color: rgba(0,0,0,.03);
    	border-top: 0 solid rgba(0,0,0,.125);
	}

	.btnAgregarHorario {
		margin-right: 10px;
	}

/* LABEL, BOTONES E INPUTS
-------------------------------------------------- */
	.btn-space {
		width: max-content;
	}

	.btns-admision, .btns-grupo {
		margin-bottom: 10px;
	}

	.btns-admision button, .btns-grupo button {
		margin-right:  6px;
	}

	.btns-admision .btn-primary, .btns-grupo .btn-primary {
		padding-top: 4px;
    	padding-bottom: 4px;
	}

	.btns-admision .checkbox-toggle, .btns-grupo .checkbox-alls {
    	padding: 0px 4px 4px 4px;
    	background-color: transparent;
    	border-color: #e2e0e04f;
    }

	.btn-space a,
	.btn-space button {
		margin-right: 7px;
	}

	.btn-space a:hover,
	.btn-space button:hover{
		transition: .3s all ease;
		opacity:.8;
		transform: scale(1.1,1.1);
	}

	/* Color GRIS */
	.btn-secondary {
	    color: #fff;
	    background-color: #6c757d;
	    border-color: #6c757d;
	}

	.btn-secondary:hover {
	    color: #fff;
	    background-color: #70777d;
	    border-color: #7b8894;
	}

	.btn-secondary:active,
	.btn-secondary:focus {
	    outline: none;
	    text-decoration: none;
	    color: #fff;
	    background-color: #4f555a;
	}

	.btn-style {
        display: inline-block;
        max-height: 26px;
        margin-right: 5px;
        margin-bottom: 5px;
        line-height: initial;
        font-weight: 400;
        font-size: initial;
        border: 1px solid transparent;
        padding: 1px 5px;
    }

    .label-modalidad {
        display: inline-block;
        max-height: 26px;
        margin-left: 5px;
        line-height: initial;
        font-weight: 400;
        font-size: initial;
        border: 1px solid transparent;
        padding: 1px 5px;
    }

    @media (max-width:767px){

		.label-modalidad {
			margin-left: 0px;
			margin-top: 5px;
		}
	}

	/* Posesionar el Up Botton encima de los input con iconos */
	.input-group {
    	position: sticky;
    }

    .form-control[disabled], fieldset[disabled] .form-control {
	    cursor: initial;
	}

	@media (min-width:277px) and (max-width:374px){

		.box-footer .pull-right {
			float: none !important;
			margin-top: 8px;
		}
	}

/* FOTO DE PERFIL
-------------------------------------------------- */
    .perfil-user img{
    	max-width:  200px;
    	max-height: 200px;
    }

/* FORMULARIO EMPLEADO
-------------------------------------------------- */
	.empleado { padding: 0px; }

	.empleado .image img {
	    max-width: 50px;
    	max-height: 50px;
	}
	.emp-firma-dig img{
    	max-width:  200px;
    	max-height: 200px;
    }

    .div-line {
    	margin-bottom: 15px;
    	padding: 1px; background: #c3bbbb;
    }

    .btnAddFirma{
    	margin-right: 10px;
    }

/* INPUT FILE
-------------------------------------------------- */
	.custom-label {
	    display: block;
	    margin-top: 5px;
	    margin-bottom: 5px;
	}

    .custom-file {
	    position: relative;
	    display: inline-block;
	    width: 100%;
	    margin-bottom: 0;
	}

	.custom-file-input {
	    position: relative;
	    z-index: 2;
	    width: 100%;
	    margin: 0;
	    opacity: 0;
	    height: 36px;
	    padding: 6px 12px 6px 12px;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 1.5;
	    color: #495057;
	    background-color: #fff;
	    background-clip: padding-box;
	    border: 1px solid #ced4da;
	    border-radius: 4px;
	    box-shadow: inset 0 0 0 transparent;
	    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}

	.custom-file-label {
	    position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	    z-index: 1;
	    padding: 6px 12px 6px 12px;
	    font-weight: 400;
	    line-height: 1.5;
	    color: #495057;
	    background-color: #fff;
	    border: 1px solid #ced4da;
	    border-radius: 4px;
	    box-shadow: none;
	}

	.custom-file-label::after {
		display: block;
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 3;
	    padding: 6px 12px 6px 12px;
	    line-height: 1.5;
	    color: #495057;
	    content: "Seleccionar";
	    background-color: #e9ecef;
	    border-left: inherit;
	    border-radius: 0px 4px 4px 0px;
	}

	.custom-fotocheck img {
    	max-height: 130px;
	}

/* INICIALES DE NOMBRE DE USUARIO
-------------------------------------------------- */
	.iniciales {
	    font-size: 15px;
	    width: 45px;
    	height: 45px;
		border-radius: 50%;
		display: flex;
	    flex-direction: row;
	    align-items: center;
	    justify-content: center;
	    color: #fff;
	    border: 1px solid rgba(148, 148, 148, 0.17);
	}

	.dropdown-toggle .iniciales{
		width: 40px;
    	height: 40px;
    	font-size: 23px;
  		font-weight: 600;
	}

	.user-header span{
		font-size: 50px;
		font-weight: 600;
		z-index: 5;
	    height: 90px;
	    width: 90px;
	    border: 3px solid;
	    border-color: rgba(255, 255, 255, 0.2);
	    margin-left: 32%;
	}

/* SELECCIONAR ROLES EN EL MENU
-------------------------------------------------- */
	.select-roles { margin: 10px; }

	.select-roles select {
		display: block;
	    width: 100%;
	    height: 36px;
	    padding: 6px 12px 6px 12px;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 1.5;
	    color: #ffffff;
    	background-color: #222d32;
	    background-clip: padding-box;
	    border: 1px solid #3c8dbc;
	    border-radius: 4px;
	    box-shadow: inset 0 0 0 transparent;
	    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}

	select {
		padding-left: 8px !important;
	}

/* DATATABLE
-------------------------------------------------- */
	div.dataTables_wrapper div.dataTables_length select {
		height: auto;
	}

	@media (max-width:991px) and (min-width:768px) {

		div.dataTables_wrapper div.dataTables_filter input {

			width: 160px;
		}
	}

	.table { width: 100% !important; }

/* ARCHIVOS ADJUNTOS
-------------------------------------------------- */
    .box__file_content {
        padding-top: 20px;
    }
    .box__file {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 4px;
        background-color: #f4f4f4;
        color: #666;
        margin: 0 0 20px 20px;
        min-height: 100px;
        padding: 12px;
        width: 175px;
        text-align: center;
        word-wrap: break-word;
    }
    .box__file > .far {
        display: block;
        font-size: 60px;
        margin-top: 8px;
    }
    .box__file:hover {
        transition: .3s all ease;
		opacity:.8;
		transform: scale(1.1,1.1);
    }
    .box__file > .fa-file-word {
        color: #3c8dbc;
    }
    .box__file > .fa-file-pdf {
        color: #e72e16;
    }
    .box__file > .fa-file-excel {
        color: #008d4c;
    }
    .box__file > .fa-file-image {
        color: #999;
    }
    .box__file > p {
        margin: 7px 0 0px;
    }

/* BOTON ARRIBA
-------------------------------------------------- */
	#up{
		display: none;
		bottom: 0;
		right: 0;
		position: fixed;
		margin-bottom: 10px;
   		margin-right: 10px;
        z-index: 1;
	}

	#up img{
		width: 45px;
		height: 45px;
		opacity: 1;
	}

	#up img:hover{
		cursor: pointer;
		transition: .3s all ease;
		transform: scale(1.1,1.1);
	}

/* MENSAJE CUANDO NO HAY REGISTROS EN LA BD
-------------------------------------------------- */
	.mensaje{
		margin: 70px;
		text-align: center;
		border-bottom: 0px;
	}

	.mensaje h1{
		color: #3a3a3a;
		border-bottom: 0px;
		margin-bottom: 15px;
		font-size: 177px;
		font-weight: 600;
		text-shadow: 8px 8px 1px #dadada;
	}

	.mensaje h2{
		color: #655c5c;
		font-weight: 500;
	}

	@media (max-width:991px) and (min-width:768px) {

		.mensaje{
			margin: 40px;
		}

		.mensaje h1{
			font-size: 130px;
		}
	}

	@media (max-width:767px){

		.mensaje{
			margin: 10px;
		}

		.mensaje h1{
			font-size: 75px;
		}
	}

/* SPINNER DE CARGANDO...
-------------------------------------------------- */
	.loader {
		color: #43a7f1;
		font-size: 90px;
		text-indent: -9999em;
		overflow: hidden;
		width: 1em;
		height: 1em;
		border-radius: 50%;
		margin: 72px auto;
		position: relative;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
		animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	}

	@-webkit-keyframes load6 {
		0% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
		}
		5%,
		95% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
		}
		10%,
		59% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
		}
		20% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
		}
		38% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
		}
		100% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
		}
	}
	@keyframes load6 {
		0% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
		}
		5%,
		95% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
		}
		10%,
		59% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
		}
		20% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
		}
		38% {
			box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
		}
		100% {
			box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
		}
	}
	@-webkit-keyframes round {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	@keyframes round {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

/* SPINNER DE CARGANDO...
-------------------------------------------------- */
.swal-spinner {
    width: 48px;
    height: 48px;
    border: 5px solid;
    border-color: #43a7f1 transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}