@font-face {
	font-family: Comfortaa;
	font-weight: normal;
	src: url("../../fonts/Comfortaa-Regular.ttf") format("truetype");
}
@font-face {
	font-family: Comfortaa-bold;
	font-weight: normal;
	src: url("../../fonts/Comfortaa-Bold.ttf") format("truetype");
}
@font-face {
	font-family: Comfortaa-light;
	font-weight: normal;
	src: url("../../fonts/Comfortaa-Light.ttf") format("truetype");
}

body {
    background: white;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #ccc;
    border-left-color: rgb(238, 238, 238);
    border-left-width: 1px;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-warning {
    border-left-color: #a2a4ae;
}

.obligatorio {
    color: #FF0000;
}

/* ESTILOS CHECKBOX RADIO*/

.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    color: #73BF26;
}

.checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.checkbox .cr .cr-icon2 {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 29%;
    color: #D91E1E;
}

.checkbox label input[type="checkbox"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon2 {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon2 {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr {
    opacity: .5;
}

.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.fa-circle.mostrar {
    left: 17% !important;
    color: #0477BF;
}

.fa-times.mostrar {
    left: 28% !important;
    color: #D91E1E;
}

.fa-check.mostrar {
    color: #73BF26;
}

.radio .cr .cr-icon {
    margin-left: 0.02em;
}

.radio label input[type="radio"] {
    display: none;
}

.radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.radio label input[type="radio"]:disabled+.cr {
    opacity: .5;
}

/* FIN ESTILOS CHECKBOX RADIO*/

.bg-primary {
    background-color: #5d5d5d !important;
}

.nav-link {
    color: #fff !important;
}

/*Menu busqueda*/

.header-seleccion {
    background-color: #73BF26;
}

/*informacion busqueda panel list-group*/

.lista-grupo {
    border: 1px solid;
    border-color: #D91E1E6E;
    border-radius: 4px;
}

.lista-grupo>.list-group-item {
    padding: .2rem 1.25rem;
    border: none;
}

.input-nombre {
    border-color: #D91E1E6E;
}

/*Carta de seleccion datos*/

.card-seleccion {
    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
}

.card-seleccion>.card-header {
    padding: .1rem 1.25rem;
}

.label-a {
    font-size: 14px;
}

.float {
    position: -webkit-sticky;
    position: sticky;
    bottom: 8px;
}

/*agregado por JG**/
/*Cards****/

.azul-border {
    border-color: #0063BE;
}

.azul-header {
    background-color: #0063BE;
    color: #ffffff;
}

.amarillo-border {
    border-color: #FECB00;
}

.amarillo-header {
    background-color: #FECB00;
    color: #444444;
}

.rojo-border {
    border-color: #DD221D;
}

.rojo-header {
    background-color: #DD221D;
    color: #ffffff;
}

.verde-border {
    border-color: #77CA81;
}

.verde-header {
    background-color: #69b681;
    color: #ffffff;
}

.gris-border {
    border-color: #585850;
}

.gris-header {
    background-color: #585850;
    color: #ffffff;
}

.naranja-border {
    border-color: #ff8c27;
}

.naranja-header {
    background-color: #ff8c27;
    color: #ffffff;
}

/*FIN Cards****/
/*Datatables**/
/*
.pagination .page-item:not(.disabled) .page-link{
    color: #008000;
}
*/
.pagination .page-item.active .page-link {
    background-color: #69b681;
    border-color:#77ca81;
    color: white;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
    background-color: #69b681;
    border-color:#77ca81;
    color: white;
}

.pagination .page-item.active .page-link:hover {
    background-color: #69b681;
    border-color:#77ca81;
    color: white;
}

table.dataTable thead tr {
    background-color: #868686;
    color: #ffffff;
    font-size: 14px;
}

table.dataTable th {
    font-weight: bold;
    font-size: 14px;
}

table.dataTable td {
    font-size: 13px;
}

table.dataTable th,
td {
    white-space: nowrap;
    font-size: 14px;
}

.dataTables_wrapper {
    font-size: 12px;
    direction: ltl;
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
    margin-left: 5px;
    margin-right: 5px;
}

a.dt-button.red {
    color: red;
}

a.dt-button.orange {
    color: orange;
}

a.dt-button.green {
    color: green;
}

td {
    font-size: 14px;
}

th {
    font-size: 14px;
    font-weight: normal;
}

tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #D3E8F7
}

.letra-titulo {
    font-family: Comfortaa-bold;
    color: #FFF996;
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 10px;
}

/*FIN Datatables**/
/*Botones personalizados*/

.btn-login {
    color: #fff;
    background-color: #77CA81;
    border-color: #77CA81;
}

.btn-login:hover {
    color: #fff;
    background-color: #69b681;
    border-color: #69b681;
}

.btn-primary {
    color: #fff;
    background-color: #0063BD;
    border-color: #0063BD;
}

.btn-success {
    color: #fff;
    background-color: #66b681;
    border-color: #66b681;
}

.btn-danger {
    color: #fff;
    background-color: #DD271D;
    border-color: #DD271D;
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-secondary {
    color: #ffffff;
    background-color: #585850;
    border-color: #585850;
}

.btn-dark {
    color: #fff;
    background-color: #0D0D0D;
    border-color: #0D0D0D;
}

/*FIN Botones personalizados*/
/*separacion vertical entre objetos html*/

.paddingOBJ {
    padding-top: 5px
}

/*FIN Estilo Login****/

.login-style {
    background: #69b681;
    background-image: url("../../img/fondo-verde.png");
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    height: 75px !important;
}

.footer-login {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding-top: 0.5em;
	line-height: 1.3 !important;
	margin-bottom: 0px;
}
.footer-gris {
	background-color: #eeeeef;
	color: #5b5b5f;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

.footer-enlace {
	color: #5b5b5f;
}

.menu {
	background-color: #dededf;
	color: #5b5b5f;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

.menu a:link {
	color: #5b5b5f;
}

.menu2 {
	color: #5b5b5f;
	margin-bottom: 0px;
	padding-bottom: 0.5em;
}

.menu2 a:link {
	color: #5b5b5f;
}


.navlist li {
	display: inline;
	padding-right: 0.4em;
	/*padding-left: 0.2em;*/
	border-right: 1px solid #5b5b5f;
}

.navlist li.last {
	border: none;
}

.navlist {
	text-align: center;
	margin-left: -40px;
	margin-bottom: 0px;
}

.navlist a {
	color: #5b5b5f;
	text-decoration: none;
}

.navlist a:hover {
	text-decoration: underline;
}

@font-face {
    font-family: Lemon;
    src: url(DKLemonYellowSun.otf);
}

@font-face {
    font-family: billhead;
    src: url(lhf_billhead_19001.ttf);
}

.letra-blanco {
    font-family: Lemon;
    color: white;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 0
}

.letra-negro {
    font-family: billhead;
    color: darkslategray;
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .prueba {
        position: relative;
        top: -340px;
        left: -280px;
    }
}

@media only screen and (min-width: 1024px) {
    .navbar {
        height: 35px;
    }
}

.imagen-nav {
    height: 100%;
    width: 100%;
    background-image: url("../../img/fondo-header.jpg");
}

@media (max-width:960px) {
    .somestuff {
        display: none;
    }
}

.custom-control-label::before,
.custom-control-label::after {
    top: .2rem;
    width: 1.25rem;
    height: 1.25rem;
}

.custom-control-input-green:focus~.custom-control-label::before {
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

.custom-control-input-green:checked~.custom-control-label::before {
    border-color: #28a745 !important;
    background-color: #28a745 !important;
}

.custom-control-input-green:focus:not(:checked)~.custom-control-label::before {
    border-color: #5bd778 !important;
}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
    background-color: #d6f5dd !important;
    border-color: #d6f5dd !important;
}

.logo {
    position: absolute;
    margin-top: 2rem;
    margin-left: 10%;
    width: 15rem;
    height: 5.5rem;
    background-color: white;
    border-radius: 10px 10px 0 0;
    padding: 8px 2px;

}

.cuadro {
    margin-left: 5%;
    width: 220px;
    height: 60px;
    text-align: center;
    /*background-image: url("../img/logo-integra.png");*/
    background-repeat: no-repeat;
    background-position: center;
}

.letra_ficha {
    font-family: 'Calibri';
    color: #626265;
}