.popup1,
    .popup2,
    .popup3,
    .popup4,
    .popup5 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.6);
        transition: opacity 500ms;
        visibility: hidden;
        opacity: 0;
    }
    
    .overlay:target {
        visibility: visible;
        opacity: 1;
        z-index: 20;
    }
    
    .popup {
        margin: 70px auto;
        padding: 20px;
        background: var(--graySilver);
        border-radius: 20px;
        width: 400px;
        position: relative;
        /*transition: all 5s ease-in-out;*/
    }
    
    .resp-tabs-container .popup {
        width: 400px;
    }
    
    .bg-login .popup {
        width: 330px;
    }
    
    .bg-login input#id_number {
        width: 300px;
    }
    
    .bg-login .popup {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .bg-login {
        background-image: url("../img/back_indexc.png");
    }
    
    input#id_number {
        background-image: url("..img/img-form-4.jpg");
    }
    
    .popup .close {
        position: absolute;
        top: 7px;
        right: 7px;
        /* transition: all 200ms; */
        font-size: 30px;
        font-weight: bold;
        /* text-decoration: none; */
        color: #fff;
        background: #E6162E;
        border-radius: 1005;
    }
    
    .close {
        padding-left: 6px !important;
        float: right;
        font-size: 1.35rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: 1;
        border-radius: 15px;
        width: 30px;
        height: 30px;
    }
    
    .popup .close:hover {
        color: #E6162E;
        background: #fff;
    }
    
    .popup .content {
        max-height: 30%;
        overflow: auto;
    }
    
    .popup .form-group {
        align-items: center;
        justify-content: center;
        display: grid;
        padding: 6px;
    }
    
    .popup label {
        display: inline-block;
        margin-bottom: 0rem;
        color: var(--red);
        font-size: 24px;
        font-weight: bold;
    }
    
    .registrar_popup {
        font-size: 19px;
        color: #3490dc;
    }
    
    .popup hr {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        border: 0;
        border-top: 1px solid var(--grayFont);
    }
    
    .form-control {
        display: block;
        width: 320px;
        height: calc(1.6em + 0.75rem + 12px);
        padding: 0.375rem 0.75rem;
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1.6;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 2.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-box-shadow: 9px 8px 15px -6px rgba(179, 179, 179, 0.71);
        -moz-box-shadow: 9px 8px 15px -6px rgba(179, 179, 179, 0.71);
        box-shadow: 9px 8px 15px -6px rgba(179, 179, 179, 0.71);
    }
    
    .row {
        justify-content: center;
    }
    
    .btn-primary {
        color: #fff;
        background-color: #E6162E;
        border-color: #E6162E;
        border-radius: 2.25rem;
        width: 140px;
        height: 35px;
        font-size: 15px;
    }
    
    .btn-primary:focus,
    .btn-primary:active {
        color: #fff;
        background-color: #E6162E;
        border-color: #E6162E;
    }
    
    input#id_number {
        background-image: url(../img/registro/tipo_.png);
        background-size: 50px;
        background-position-x: 10px;
        background-position-y: 1px;
        background-repeat: no-repeat;
        text-indent: 58px;
        font-weight: bolder;
        color: var(--grayFont);
        padding-top: 10px;
        padding-top: 11px;
    }
    
    input#id_number:focus {
        background-image: none;
        text-indent: 0px
    }
    
     ::-webkit-input-placeholder {
        /* Edge */
        color: var(--footersubtext) !important;
    }
    
     :-ms-input-placeholder {
        /* Internet Explorer */
        color: var(--footersubtext) !important;
    }
    
     ::placeholder {
        color: var(--footersubtext) !important;
    }
    
    .popup {
        margin: 70px auto;
        padding: 20px;
        background: var(--graySilver);
        border-radius: 20px;
        width: 400px;
        position: relative;
        /*transition: all 5s ease-in-out;*/
    }
    
    input#name {
        width: 400px;
    }

    input#id_number {
        width: 310px;
        text-indent: 50px;
        margin-left: -30px;
    }

    
    input#phone {
        width: 400px;
    }
    
    input#email {
        width: 400px;
    }
    
    select#id_option,
    select#document_type_id {
            width: 80px;
            height: 40px;
            margin-left: 40px;
            font-weight: bolder;
            border: none;
    }

    select#document_type_id:focus {
          outline: none;
          border: 4px solid #3796ca;
          opacity: 0.4;
    }
    
    
    @media only screen and (max-width: 600px) {
        .popup {
            margin: 70px auto;
            padding: 20px;
            background: var(--graySilver);
            border-radius: 20px;
            width: 300px;
            position: relative;
            /*transition: all 5s ease-in-out;*/
        }
        .bg-login .popup {
            width: 340px;
        }
        .resp-tabs-container .popup {
            width: 300px;
            z-index: 20;
        }
        .form-control {
            display: block;
            width: 260px;
        }
        input#name {
            width: 290px;
        }
        input#id_number {
            width: 200px;
            margin-left: 30px;
        }

        input#phone,
        input#email {
            width: 290px;
        }
        select#id_option,
        select#document_type_id {
        width: 70px;
        margin-left: 0;
        }
        .form-select {
            border-radius: 50px;
            width: 290px;
        }
         
    }
    
    .dashFooterBtn {
        top: -18px !important;
    }