body {
    font-family: 'FFMiloRegular';
    margin:0;
    padding:0;
    height:100%;
 }

 html{
    background-color: #4A4A4A;
 }

footer#divfooter {
    font-family: 'FFMiloRegular';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    background-color: #4A4A4A;
    padding: 5rem 0px;
    text-align: center;    
    right: 0;
    bottom: 0 !important;
    left: 0;
    width: 100%;
}

div#copyright {
    text-align: center;    
    top: 3rem;
}

div#icons {
    font-size: xx-large;
}

div#icons a {
    color: #fff;
}

div.foot{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

div.foot a {
    color: #fff;
}

img#logoPie {
    width: 220px;
    height: 95px;
    margin: 7px auto;
}

div#page {
    /* padding-bottom: 20rem; */
    padding-bottom: 4rem;

}

.btnAvinka {
    font-family: 'FFMiloBold';
    background: #39B54A;
    border-radius: 96px;
    color: #fff;
    border: none;
    padding: 0.5rem 3rem;
    font-size: larger;
}
.btnAvinka:hover{
    cursor: pointer;
}

div.titulo{
    font-family: 'FFMiloExtraBold';
    font-style: normal;
    font-weight: 700;
    font-size: xxx-large;
    line-height: 78px;
    color: #39B54A;
    text-align: center;
    margin: 0px auto;
}

.jGrowl-notification {
    background-color: #F7F7F7 !important;
    font-family: 'FFMiloBold';
    font-style: normal;
    font-weight: 700;
    font-size: 17.08px;
    line-height: 21px;
    color: #FF4141;
    border: solid 1px #FF4141;
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 400px;
}

.jGrowl-closer.highlight.ui-corner-all.default{
    background-color:#F7F7F7 !important;
    font-family: 'FFMiloBold';
    font-style: normal;
    font-weight: 300;
    font-size: 17.08px;
    line-height: 21px;
    color: #FF4141;
    content: "Cerrar todos";
    visibility: visible;
    display: block;
}

/* input[type=checkbox]:before { 
    content:"";
    display:inline-block;
    width:24px; height:24px;
    background:red; 
}

input[type=checkbox]:checked:before { 
    background:green; 
} */

input[type=checkbox]+span:not(.lever) { 
    position: relative;
    padding-left: 35px;
}

input[type=checkbox]:checked+span:not(.lever) { 
    position: relative;
    padding-left: 35px;
}

input[type=checkbox]+span:not(.lever):before { 
    background: url("../images/uncheck.png") #fff;
    min-width: 24px;
    min-height: 24px;
    /* background: black; */
    position: absolute;
    z-index: 10;
    content: '';
    background-repeat: no-repeat;
    top: -4px;
    left: 0px;
}

input[type=checkbox]:checked+span:not(.lever):before { 
    background: url("../images/check.png") #fff; 
    min-width: 24px;
    min-height: 24px;
    /* background: black; */
    position: absolute;
    z-index: 10;
    content: '';
    background-repeat: no-repeat;
    top: -4px;
    left: 0px;
}

.bloqueperfil .card-header {
    background-color: #6B6B6B;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: #ffffff;
    font-family: 'FFMiloBold';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
}

div.bloqueperfil {
    background: #FFFFFF;
    border-radius: 1rem;
    box-shadow: 10px 10px 21px -10px rgb(0 0 0 / 75%);
    border: solid 1px #DCE0E2;
    margin: 2rem 0;
}

select.form-control:hover {
	background-color: #39B54A;
    color: #ffffff;
    border-color: #39B54A;
}

select option {
    background-color: #ffffff;
    color: #495057;
}

select {
    background-image: url("../images/flecha.png");
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

select:hover {
    background-image: url("../images/flecha_white.png");
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

select.form-perfil {
    background-image: url(../images/act-flecha.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

div.divbutton {
    text-align: center;
}

i.fas.fa-edit {
    float: right !important;
}

input.chekeds {
    float: left;
    width: 24px;
    height: 24px;
}
label {
    font-size: 'FFMiloRegular';
    padding-left: 0.5rem;
}

.btn-whatsapp {
    display:block;
    width:70px;
    height:70px;
    color: #fff;
    position: fixed;
    right:20px;
    bottom:20px;
    border-radius:50%;
    line-height:80px;
    text-align:center;
    z-index:999;
}

#icon-whatsapp{
    width: 80px;
    float: right;
    margin-top: -2rem;

}

.grecaptcha-badge { 
    visibility: hidden;
}

@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
{
    html{
        zoom: 75%;
    }
}

.cFooter{
    font-family: 'FFMiloRegular';
}

.cStrong{
    font-family: 'FFMiloBold';
}
.content-qr{
    margin-left: auto;
    width: 60%;
    margin-right: auto;
    padding-left: 10%;

}
input.input-qr{
    width: 80%;
    text-align: center;
    font-weight: 500;
    border-radius: 20px;
    background: #39B54A;
    color: #ffffff;
    font-family: FFMiloExtraBold;
}
.codigo-qr{
    width: auto;
    height: auto;
    margin-top: 20px;
    /* margin-left: auto;
    margin-right: auto; */
    padding-left: 30%
}