iframe {
    height: 35vh;
}

img {
    width: 100%;
}

.container {
    padding-top: 15vh;
}

.logo-recicla {
    width: 70%;
}

div>.centrado-horizontal {
    display: block;
}

.centrado-horizontal {
    margin: auto;
}

.bg-reciclaje {
    background-image: url("../img/bg-login.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.packSelected {
    /* border: 3px solid #014278; */
    transform: scale(1.15);
    z-index: 9 !important;
}

.zoomeable {
    transition: transform 0.2s;
    z-index: 1 !important;
}

/* -- INICIO: MASONRY VALIDACIÓN --*/
.title-thumbnail {
    text-align: center;
    margin-top: 16px;
    /* color: #014278; */
    font-size: 22px;
    font-weight: 400;
}

.text-thumbnail {
    text-align: center !important;
    margin-top: 2px !important;
    margin-bottom: 10px !important;
    color: #014278;
    font-size: 16px !important;
}

/* -- FIN: MASONRY VALIDACIÓN --*/

/* ----- INICIO: DERIVADOS DE LA PLANTILLA ----- */

/* -- INICIO: SIDEBAR --*/
.sidebar[data-color="rec-blue"] li.active>a {
    background-color: #014278;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
        0 7px 10px -5px rgba(1, 66, 120, 0.4);
}

.sidebar .nav-mobile-menu .logout {
    float: right;
    line-height: 30px;
    margin-right: 8px;
}

/* -- FIN: SIDEBAR -- */

/* -- INICIO: CARD -- */
.card .card-header-rec-blue .card-icon,
.card .card-header-rec-blue .card-text,
.card .card-header-rec-blue:not(.card-header-icon):not(.card-header-text),
.card.bg-rec-blue,
.card.card-rotate.bg-rec-blue .front,
.card.card-rotate.bg-rec-blue .back {
    background: linear-gradient(60deg, #156eb8, #014278);
}

.card-nav-tabs .card-body+.card-footer {
    border-top: 1px solid #eee
}

/* -- FIN: CARD -- */

/* -- INICIO: FORM CONTROL -- */
.form-control,
.is-focused .form-control {
    background-image: linear-gradient(to top,
            #014278 2px,
            rgba(156, 39, 176, 0) 2px),
        linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.form-check .form-check-input:checked+.form-check-sign .check {
    background: #014278;
}

/* -- FIN: FORM CONTROL -- */

/* -- INICIO: BUTTONS -- */
.btn.btn-rec-blue {
    color: #fff;
    background-color: #014278;
    border-color: #014278;
    box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14),
        0 3px 1px -2px rgba(156, 39, 176, 0.2),
        0 1px 5px 0 rgba(156, 39, 176, 0.12);
}

.btn.btn-rec-blue:hover {
    color: #fff;
    background-color: #014278;
    border-color: #701c7e;
}

.btn.btn-rec-blue:focus,
.btn.btn-rec-blue.focus,
.btn.btn-rec-blue:hover {
    color: #fff;
    background-color: #014278;
    border-color: #014278;
}

/* -- FIN: BUTTONS -- */

/* -- INICIO: TEXTOS -- */
.text-rec-blue {
    color: #014278 !important;
}

a.text-rec-blue:hover,
a.text-rec-blue:focus {
    color: rgb(10, 131, 230) !important;
}

/* -- FIN: TEXTOS -- */

/* -- INICIO: ENLACES -- */
.page-item.active .page-link {
    background-color: #014278;
    border-color: #014278;
}

.page-link {
    color: #014278;
}

/* -- FIN: ENLACES -- */

/* -- INICIO: ALERTS -- */
.alert.alert-primary {
    background-color: #146CB6 !important;
    color: #ffffff;
}

/* -- FIN: ALERTS -- */

/* ----- FIN: DERIVADOS DE LA PLANTILLA ----- */

/* -- INICIO: CARGAS -- */
.loader {
  font-weight: bold;
  font-family: sans-serif;
  font-size: 1.35rem;
  animation: l1 1s linear infinite alternate;
  text-align: center;
}
.loader:before {
  content:"Cargando..."
}
@keyframes l1 {to{opacity: 0}}


/* -- FIN: CARGAS -- */