body {
    background-color: #f7f7f7;
}

.esp {
    padding: 20px 20px;
}

.sub-footer {
	padding:0px!important;
}

.boton_a {
    padding-top: 30px!important;
}

.titulo {
    margin: 20px 0px 0px 0px!important;
}

.mensj h3 i {
    font-size: 32px;
}

.form-group {
    margin-bottom: 8px!important;
}

.mensj h3 {
    font-size: 26px;
    font-weight: 600;
}

.gris {
    background-color: #f7f7f7;
    padding: 20px;
}

.seguimiento {
    font-size: 29px;
    font-weight: 600;
}

.cent {
    margin-bottom: 30px;
}

.celeste-text {
    color: rgb(85, 190, 235);
}

.rojo-text {
    color: rgb(233, 86, 72);
}

.verde-text {
    color: rgb(71, 154, 71);
}

.gris {
    background-color: #f7f7f7;
    padding: 20px;
}

.celeste {
    background-color: rgb(207, 236, 249);
    border-color: rgb(85, 190, 235);
    padding: 20px;
}

.celeste p {
    border-color: rgb(85, 190, 235);
}

.rojo {
    background-color: rgb(251, 225, 222);
    border-color: rgb(233, 86, 72);
    padding: 20px;
}

.verde {
    background-color: rgb(225, 239, 225);
    border-color: rgb(71, 154, 71);
    padding: 20px;
}

.sticky-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.do-fadein {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    /* Firefox */
    -webkit-animation: fadein 1s;
    /* Safari and Chrome */
    -o-animation: fadein 1s;
    /* Opera */
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}