/*NOTA: Intenta mantener la estructura de la nomeclatura y la declaracion de clases en inglés */

/* Elementos Responsive Generales */
.container-copyright-mobile {
    display: none;
    width: 100%;
    background-color: #001e46;
    margin: 0;
    border-bottom: 1px solid #0072c1;
    text-align: center;
    color: white;
    font-size: 12px;
    line-height: 11px;
    padding-top: 10px;
}

.sidebar-mobile {
    z-index: 1000;
    display: none;
    width: 255px;
    height: 100%;
    position: absolute;
    right: 0px;
    padding: 0;
    margin-right: -4px;
    margin-top: 55px;
    background-color: #008ad1;
}

.sidebar-mobile ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-mobile ul li a {
    height: 44px;
    color: white;
    font-size: 13px;
    padding: 0px;
    text-decoration: none;
    border-bottom: 2px solid #0079c3;
    display: flex;
    align-items: center;
}

.sidebar-mobile ul li a span {
    width: 60%;
    display: block;
    text-align: left;
}

.icon-mobile {
    width: 40%;
    height: auto;
}

.icon-mobile img {
    margin-left: 34px;
    min-height: 20px;
    max-width: 36px;
    max-height: 28px;
}

.container-actions-login-mobile .col-8 img {
    max-width: 30px;
    height: 30px;
    float: right;
}

.container-actions-login-mobile {
    display: none;
    width: 100%;
    height: 45px;
    background-color: #008bd6;
    margin: 0;
    padding: 0;
}

.container-welcome-mobile span {
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

.container-menu-mobile img {
    float: right;
    margin-right: 12px;
    width: 30px;
    height: 30px;
}

.container-signout-mobile img {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 12px;
}

.container-actionsnav-user-mobile {
    display: none;
    padding-right: 0px;
    width: 100%;
}

.action-nav img {
    width: 100%;
    height: 33px;
}

.container-actionsnav-user-mobile .action-nav {
    position: relative;
    text-align: center;
}

.paddingbordederecha {
    padding-right: 5px;
}

.paddingbordeizquierda {
    padding-left: 5px;
}

.container-actionsnav-user-mobile .action-nav span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-weight: bold;
    font-size: 11px;
}

/* Elementos Responsive solo para Index */

.container-image-login-mobile img {
    float: left;
    width: 100px;
    height: 30px;
    margin-left: 12px;
    cursor: pointer;
}

@media (max-width: 2400px) and (min-width: 767px) {

    #_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_DIUUObcffKHP__column-2,
    #_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9djTS6hFVvxc__column-2,
    #_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_imMCKP4zXVzV__column-2 {
        margin-left: -12px;
        min-width: 67.6%;
    }

    #_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_qWP5pT7a7cex__column-2 {
        margin-left: -9px;
        min-width: 67.1%;
    }

    .journal-content-article .container-my-account {
        margin-right: -1px;
        margin-left: -15px;
    }
}

@media (max-width: 992px) {

    /* Responsive Login y generales */
    .container-vigil,
    .footer-triangle {
        display: none;
    }

    .container-copyright-mobile {
        display: block;
    }

    .portlet-journal-content .journal-content-article .banner-home {
        max-width: 100%;
    }

    .banner-home {
        margin-left: 0px;
    }

    .catpcha {
        transform: scale(0.68);
        transform-origin: 0 0;
    }

    .container-form-login-occiv {
        height: 384px;
    }

    .container-form-login-occiv .form-row {
        max-height: 54px;
    }

    .logo {
        margin: 16px 0px 16px 0px;
    }

    .container-header-col-izq {
        width: 208px;
    }

    .container-image-welcome img {
        height: 67px;
    }

    /* Responsive consultar crédito Consultar Crédito */
    .container-table-consult .custom-table th {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 9px;
    }

    /* Responsive formularios solicitar crédito y cambiar clave */
    .container_apply_credit .form-group {
        margin-left: 0px;
        align-items: initial;
        justify-content: initial;
    }

    .container_apply_credit .form-group label {
        margin-left: 15px;
        min-width: 100%;
    }

    .container-errors-form {
        padding-left: 5%;
        height: 45px;
    }
}

@media (max-width: 767px) {

    /* Responsive Login y generales */
    .container-form-login-occiv,
    .container-actionsnav-user {
        display: none;
    }

    .footer .col-sm img {
        max-width: 100%;
    }

    .container-actionsnav-user-mobile {
        display: flex;
    }

    .site .main {
        width: auto;
    }

    .container-header-col-izq,
    .grandparent-actionsnav-user {
        margin: 0px;
    }

    .portlet {
        margin-bottom: 0px;
    }

    .site .main {
        margin-top: 0px;
    }

    .container-header-col-der {
        display: none;
    }

    .container-header-col-izq {
        width: 100%;
    }

    .logo {
        text-align: center;
        margin: 10px 0px 10px 0px;
    }

    .logo img {
        max-height: 70px;
    }

    .container-actions-login-mobile {
        display: flex;
    }

    /* Login para movil */
    .container-form-login-occiv {
        width: 80%;
        margin: 0 auto;
        padding: 1rem 0;
        height: auto;
    }

    .catpcha {
        transform: none;
    }

    .container-form-login-occiv .button-occiv {
        margin-top: 1rem;
    }

    .modal-dialog {
        left: 20%;
        width: 50%;
    }

    /* Responsive consultar crédito y modificar crédito*/
    .custom-table th {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 9px;
    }

    .custom-table th:last-child,
    .custom-table th:first-child {
        padding-right: 5px;
        padding-left: 5px;
    }

    .container-consult-credit .container-table-consult,
    .container-modify-credit .container-table-modify {
        overflow: auto;
    }

    /* Responsive formularios solicitar crédito y cambiar clave */
    .container_apply_credit .form-group .col-sm-8 {
        min-width: 100%;
    }

    .container_apply_credit .form-group select,
    .container_apply_credit .form-group input {
        width: 90%;
        margin: 0 auto;
    }

    .container-errors-form {
        height: 35px;
    }
}

@media (max-width: 576px) {

    /* Responsive Login y generales */
    .onimage-login-mobil {
        width: 100px;
    }

    .footer .col-sm {
        max-width: 20%;
    }

}