@import url('estilos.css');
@font-face {
    font-family: AVGARDD_2;
    src: url('../Fonts/AVGARDD_2.ttf');
}

@font-face {
    font-family: AVGARDDO_2;
    src: url('../Fonts/AVGARDDO_2.ttf');
}

@font-face {
    font-family: AVGARDN_2;
    src: url('../Fonts/AVGARDN_2.ttf');
}

@font-face {
    font-family: ITC Avant Garde Gothic Book;
    src: url('../Fonts/ITC Avant Garde Gothic Book.ttf');
}

.hideDivAdv{
    display:none;
}
.hideDivAdv2 {
    display: none;
}
html body {
    font-family: AVGARDD_2;
    /*font-family: 'ITC Avant Garde Gothic Book';*/
}

.logoavatar {
    text-decoration: none;
    list-style-type: none;
}

.myicon::before {
    content: url('../images/favicon.svg');
}

.logo {
    max-width:100%;
    margin-left:2rem;
    padding:0;
}


.barranav {
    background-color: #FFFFFF !important;
    width: 76vw;
}

.perfil {
    display: block;
    position: relative;
    padding-top: 1rem;
}

.tablacliente {
    background-color: #00233A;
    border-radius: 14px;
    color: #A5ABB3;
}

.card-link1 {
    display: block;
    position: relative;
    text-decoration: none;
    color: #FFFFFF;
    font-family: 'AVGARDN_2';
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    line-height: 20px;
}

    .card-link1:hover {
        text-decoration: none;
        color: #FFFFFF;
    }


form#carpeta_negocio {
    margin-left: -2rem;
}

form#pedidoSAPCN {
    margin-left: -2rem;
}

.card-link2 {
    font-family: 'AVGARDN_2';
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    line-height: 20px;
    color: #FFFFFF;
    margin-left: -5rem;
}

    .card-link2:hover {
        color: #FFFFFF;
        text-decoration: none;
    }


.admin {
    display: inline-block;
    position: relative;
    margin-left: -10rem;
}

.formulario {
    margin-top: -4rem;
}

.formulario2 {
    margin-top: 0.5rem;
}

.card-link:hover {
    color: #FFFFFF;
}

.fila1 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.fila1home {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #FFFFFF;
}

.colhome {
    margin-bottom: 1rem;
}

.vacio {
    visibility: hidden;
}
.d-flex.flex-column.flex-shrink-0.p-3.text-white.bg-dark.card-menu {
    z-index: 10;
    position: relative;
}
.image-background {
    position: absolute;
    width: 100%;
}
.image-background img {
   position: absolute;
   width: 50%;
   left: -26rem;
   top: -52rem;
   z-index: 1;
}
.image-background-2 {
    position: absolute;
    width: 100%;
}

    .image-background-2 img {
        position: absolute;
        width: 50%;
        left: -26rem;
        top:-31rem;
        z-index: 1;
    }

.tituloform {
    font-family: 'AVGARDN_2';
    font-weight: 700 !important;
    font-style: normal;
    font-size: 33px;
    color: #16BAE7;
    line-height: 36px;
}

.enviar {
    margin-top: 3rem;
    background-color: #DADADA;
    border: 1px solid #DADADA;
    border-radius: 8px;
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 47px 10px 47px;
}

    .enviar:hover {
        background-color: #DADADA;
        color: #FFFFFF;
        border: 1px solid #DADADA;
    }

.enviar-activo {
    background-color: #DA1414;
}

.formulario__label {
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    color: #09101D;
    margin-left: 0;
}

.form-horizontal input {
    margin: 1rem 0;
}

.form-horizontal select {
    margin: 1rem 0;
}

.form-horizontal label {
    margin-top: 1rem;
}

.numerodoc {
    width: 228px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .numerodoc:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.nombres {
    width: 320px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .nombres:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.apellido {
    width: 325px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .apellido:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.correo {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .correo:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.telefono {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .telefono:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.direccion {
    width: 320px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}


/*input[type=number] {
                 -moz-appearance:textfield;
             }


input[type=number]::-webkit-outer-spin-button,
             input[type=number]::-webkit-inner-spin-button {
                 -webkit-appearance: none;
                 margin: 0;
             }*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.contratoField {
    margin-right: 1200px;
}

.spaceLeft {
    margin-right: -1200px;
}


.form-select {
    border-radius: 8px;
    height: 48px;
    border: 1px solid #DADEE3;
}

input.form-control {
    border-radius: 8px;
    height:48px;
}

.custom-select.persona2 {
    border: 1px solid #DADEE3;
    border-radius: 8px;
    height: 48px;
}

.custom-select.persona3 {
    border: 1px solid #DADEE3;
    border-radius: 8px;
    height: 48px;
    width:100%;
}

input#numero.form-control.formulario__input.numero {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

input#rsocial.form-control.formulario__input.rsocial {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

input#codigosap.form-control.formulario__input.codigosap {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

input#numdoc.form-control.formulario__input.numdoc {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

input#nombre.form-control.formulario__input.nombre {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

input#correo.form-control.formulario__input.nombre {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

.quintafila {
    margin-bottom: 2rem;
}

.sextafila {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

.octavafila {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

.formulario__grupo-btn-enviar {
    margin-top: 1rem;
    padding-bottom: 1rem;
}

.direccion:focus {
    border: 1px solid #DFE0EB;
    box-shadow: none;
}

.codsap {
    width: 320px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .codsap:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.primerafila {
    margin-bottom: 2rem;
}

.segundafila {
    margin-bottom: 2rem;
}

.tercerafila {
    margin-bottom: 2rem;
}

.cuartafila {
    margin-bottom: -2rem;
}

.formulario__grupo-input {
    position: relative;
}

.formulario_input {
    display: block;
}

.formulario__input-error {
    display: flex;
    /*height: 32px;*/
    margin-top: 0.3rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #FEEFEF;
    font-family: 'AVGARDN_2';
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    line-height: 20px;
    color: #DA1414;
    border-radius: 8px;
    display: none;
}

.formulario__input-error-activo {
    display: block;
    position: relative;
    width: 100%;
}

.error1 {
    display: block;
    position: relative;
    margin-top: -1.2rem;
    margin-left: 1.3rem;
    padding-bottom: 0.5rem;
}

.imgalerta {
    display: block;
    position: relative;
    padding-top: 0.5rem;
    padding-bottom: 0.1rem;
}


.formulario__validacion-estado {
    position: absolute;
    right: 55px;
    bottom: 10px;
    z-index: 100;
    font-size: 16px;
    opacity: 0;
    color: #DA1414;
    opacity: 0;
}

.formulario__validacion-estado2 {
    position: absolute;
    right: 10px;
    bottom: 12px;
    z-index: 100;
    font-size: 16px;
    opacity: 0;
    color: #000;
    opacity: 0;
}

.formulario__validacion-estado3 {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 100;
    font-size: 16px;
    opacity: 0;
    color: #000;
    opacity: 0;
}

.formulario__grupo-correcto .formulario__validacion-estado {
    color: #07E510;
    opacity: 1;
}

.formulario__grupo-correcto .formulario__validacion-estado2 {
    color: #07E510;
    opacity: 1;
}

.formulario__grupo-correcto .formulario__validacion-estado3 {
    color: #07E510;
    opacity: 1;
}

.formulario__grupo-incorrecto .formulario__label {
    color: #DA1414;
}

.formulario__grupo-incorrecto .formulario__validacion-estado {
    color: #DA1414;
    opacity: 0;
}

.formulario__grupo-incorrecto .formulario__validacion-estado2 {
    color: #DA1414;
    opacity: 0;
}

.formulario__grupo-incorrecto .formulario__input {
    border: 1px solid #DA1414;
}

.formulario__mensaje-exito {
    font-size: 14px;
    color: #119200;
    margin-top: 4rem;
    visibility: hidden;
}

.formulario__mensaje-exito-activo {
    display: block;
}

/*modal */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 438px;
    height: auto;
    background-color: #FFFFFF;
    margin: auto;
    padding: 48px 54px;
     border-radius: 17px;
    float: left;
}
.modal-content5 {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 438px;
    height: auto;
    background-color: #FFFFFF;
    margin: auto;
    padding: 48px 54px;
    border-radius: 17px;
}

.modal-content2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 438px;
    height: 405px;
    background-color: #FFFFFF;
    margin: auto;
    padding: 48px 54px;
    border-radius: 17px;
}
.modal-content3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 380px;
    height: 405px;
    background-color: #FFFFFF;
    margin: auto;
    padding: 48px 54px;
    border-radius: 17px;
}



.titulomodal {
    font-family: 'AVGARDN_2';
    font-size: 40px;
    font-weight: 600;
    font-style: normal;
    line-height: 44px;
    text-align: center;
}

.checkmodal {
    display: block;
    position: relative;
    width: 95px;
    height: 95px;
    margin-top: 1rem;
}

.btncliente {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 47px;
    background-color: rgba(239, 49, 36, 0.9);
    border-radius: 8px;
    font-family: 'AVGARDN_2';
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid rgba(239, 49, 36, 0.9);
    margin-top: 2rem;
}

/* The Close Button */
.close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #aaaaaa;
    margin-right: 0.5rem;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.close2 {
    display: block;
    position: relative;
    left: 60%;
    bottom: 14%;
    color: #aaaaaa;
    /*margin-right: 0.5rem;*/
    font-size: 28px;
    font-weight: bold;
}

.modal-header {
    border:none;
}

.modal-header .btn-close {
    position:absolute;
    right:0;
    top:0;
    margin-top:1rem;
    margin-right:1rem;
}

.btn-close {
    padding: 0.25em 0.25em;
    color: #000;
    width:1rem;
    height:1rem;
    background:transparent;
    background-image: url(../images/closemodal.svg);
    background-repeat:no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
}

    .close2:hover,
    .close2:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.formulario__vacio {
    visibility: hidden;
}

.titulorlegal {
    font-family: 'AVGARDN_2';
    font-size: 33px;
    font-style: normal;
    line-height: 36px;
    font-weight: 600;
    margin-top: -2.8rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.codigosapj {
    margin-top: 4rem;
}


#business {
    display: none;
}


#grupo__codigosapjr {
    display: none;
}

#grupo__titulolegal {
    display: none;
    margin-top: 10rem;
    margin-left: -0.5rem;
}

#grupo__documento3 {
    display: none;
}

#grupo__numero3 {
    display: none;
    position: relative;
    margin-left: 5.3rem;
    right: 20%;
}

#grupo__nombre2 {
    display: none;
    position: relative;
    margin-left: 3.1rem;
    right: 13%;
}

#grupo__apellido2 {
    display: none;
    position: relative;
    margin-left: 3.2rem;
    right: 2%;
}

#grupo__correo2 {
    display: none;
    position: relative;
    margin-left: 5.5rem;
    right: 19%;
}

#grupo__telefono2 {
    display: none;
    position: relative;
    margin-left: 5.7rem;
    right: 21%;
}

#grupo__direccion2 {
    display: none;
    position: relative;
    margin-left: 1.5rem;
    right: 3%;
}

#grupo__btnenviar2 {
    display: none;
    padding-left: 1rem;
}

.docnum2 {
    /*
    position: absolute;
    left: -97%;
    */
}

.rsocialgroup {
    /*
    position: absolute;
    left: -97%;
     */
}

.col-md-12.titulo-RepresentateLegal {
    padding-top: 3rem;
    padding-bottom: 1rem;
}

button.btn.btn-outline-secondary {
    margin-top: 2rem;
    padding: 10px 47px;
    border-radius: 8px;
    background-color: #00233A;
    color: #FFFFFF;
    font-size: 20px;
    border: 1px solid #00233A;
}

button.btn.btn-outline-secondary2 {
    margin-top: 2rem;
    padding: 0.5rem;
    width: 40%;
    border-radius: 0.5rem;
    background-color: #B7CD00;
    color: #00233A;
    font-size: 20px;
    border: 1px solid #B7CD00;
    font-family: 'AVGARDN_2';
    font-weight:700;
    line-height:28px;
    text-align:center;
}

.btn-outline-secondary3 {
    width: 100%;
    padding: 0.5rem;
    border-radius: 8px;
    background-color: #00233A;
    color: #FFFFFF;
    font-size: 20px;
    border: 1px solid #00233A;
    text-align: center;
}

button.btn.btn-outline-secondary4 {
    margin-top: 2rem;
    padding: 10px 47px;
    border-radius: 8px;
    background-color: #00233A;
    color: #FFFFFF;
    font-size: 20px;
    border: 1px solid #00233A;
    margin-left:1.5rem;
}

.btnfirmante {
    width: 60%;
    border-radius: 8px;
    background-color: #00233A;
    color: #FFFFFF;
    font-size: 20px;
    border: 1px solid #00233A;
    font-family: 'AVGARDN_2';
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}

.numpjuridica {
    width: 320px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .numpjuridica:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.numpjuridica2 {
    width: 320px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .numpjuridica2:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.correo2 {
    width: 320px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .correo2:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.telefono2 {
    width: 320px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .telefono2:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.codigosapjrgroup {
    position: absolute;
    left: -97%;
    margin-top: 5rem;
}

.codigosapjr {
    width: 320px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .codigosapjr:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }



.tllegalpj {
    font-family: 'AVGARDN_2';
    font-weight: bold;
    font-style: normal;
    font-size: 33px;
    color: #000000;
    line-height: 36px;
    margin-bottom: 3rem;
    margin-left: -0.6rem;
}

.numerodoc2 {
    width: 320px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .numerodoc2:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.numerodoc3 {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

#grupo__vacio {
    visibility: hidden;
}

.apellidos2 {
    display: block;
    position: relative;
    margin-left: 4rem;
}

.telpjuridica {
    display: block;
    position: relative;
    margin-left: 4rem;
}

.subtitulo {
    font-family: 'AVGARDN_2';
    font-weight: bold;
    font-style: normal;
    font-size: 33px;
    color: #000000;
    line-height: 36px;
    margin-bottom: 3rem;
}

.docuclientes {
    border: 1px solid #DADEE3;
    border-radius: 17px;
    box-sizing: border-box;
    padding: 30px 15px 30px 15px;
}

.user1 {
    background-color: #EF3124;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 219px;
    height: 209px;
    border-radius: 8px;
    margin-left: 1rem;
}

.imguser1 {
    display: block;
    position: relative;
    width: 79px;
    height: 67px;
    margin: 0 auto;
    margin-top: 1rem;
}

.card1-texto {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    margin-top: 1rem;
}

.user2 {
    background-color: #EF3124;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 219px;
    height: 209px;
    border-radius: 8px;
    margin-left: 8rem;
}

.imguser2 {
    display: block;
    position: relative;
    width: 79px;
    height: 67px;
    margin: 0 auto;
    margin-top: 1rem;
}

.card2-texto {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    margin-top: 1rem;
}

.linkcard1 {
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.tituloform2 {
    font-family: 'AVGARDN_2';
    font-style: normal;
    font-size: 27px;
    color: #16BAE7;
}

.idusuario {
    margin-bottom: 2rem;
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #16BAE7;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #C6D930;
    padding: 9px 15px;
}

.font-user {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #00233A;
    line-height: 29px;
}
.font-user2 {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #00233A;
    line-height: 29px;
}

.frameaprobacion {
    border: 1px solid #DADEE3;
    border-radius: 17px;
    margin-top: 3rem;
    padding: 20px 15px 20px 15px;
    margin-bottom: 3rem;
}

/* ESTILOS MODULO POST-FACTURACIÓN */

.documentostxt {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 24px;
}

.postfacturaciondoc {
    font-family: 'AVGARDN_2';
    font-weight:900 !important;
    font-style: normal;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}

.postfacturaciondoc2 {
    font-family: 'AVGARDN_2';
    font-weight: 400 !important;
    font-style: normal;
    font-size: 14px;
    color: #09101D;
    line-height: 20px;
}

.tlpostfacturacion {
    display: flex;
    width: 810px;
}

.validaestado {
    padding-top: 0.2rem;
    margin-left: 2rem;
}

.estadocarga {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 24px;
}

.estadoprobacion {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 24px;
}

.habeasdata {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    color: #09101D;
    line-height: 24px;
}

.iconos-data .iconos-cliente {
    display: inline;
    position: relative;
    text-decoration: none;
    list-style-type: none;
    padding: 0 2.5rem 0 2.5rem;
    margin-left: -4rem;
    right: -2%;
}

.merror {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    color: #EF3124;
    line-height: 20px;
    display: none;
}

.docuidentidad {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    color: #09101D;
    line-height: 20px;
}

.icocheckverde2 {
    display: block;
    position: relative;
    margin-left: -4rem;
}

.icocheckrojo2 {
    display: block;
    position: relative;
    margin-left: -2rem;
}

.icocheckrojo4 {
    display: block;
    position: relative;
    margin-left: 2rem;
}

.icocheckverde4 {
    display: block;
    position: relative;
    margin-left: 0;
}

.icocheckverde5 {
    display: block;
    position: relative;
    margin-left: -3.7rem;
}

.icocheckrojo5 {
    display: block;
    position: relative;
    margin-left: 5.6rem;
}

.rojo {
    display: block;
    position: relative;
    margin-left: -4rem;
}

.checkrojo3 {
    display: block;
    position: relative;
    margin-left: 0;
}

.custom-file-input9 {
    opacity: 1;
    border: none;
    font-size: 14px;
    z-index: 0;
    width:0px;
}

.inputupload9 {
    border: none;
}

.custom-file-input9::-webkit-file-upload-button {
    visibility: hidden;
    display: inline-block;
    margin-left: 0;
}

.custom-file-input9::before {
    content: '';
    position: absolute;
    display: inline-block;
    padding: 10px 12px;
    cursor: pointer;
    background-image: url(../images/upload2.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    margin-left: 0;
    z-index: 1;
}

.custom-file-input9:hover::before {
    border-color: black;
}

.custom-file-input9:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.btn-erase {
    display: inline-block;
    padding: 0 10px;
    cursor: pointer;
    background-image: url(../images/papelera.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    margin-left: 0;
    z-index: 1;
    background-color:#FFFFFF;
    border:none !important;
}

.btn-download {
    display: inline-block;
    padding: 14px 12px;
    cursor: pointer;
    background-image: url(../images/icodescarga.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    margin-left: 0;
    z-index: 1;
    background-color: #FFFFFF;
    border: none !important;
}

.btn-send {
    opacity: 1;
    background-image: url(../images/icosubmit.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    margin-left: 0;
    background-color:#FFFFFF;
    border:none;
    padding:5px 10px;
    z-index: 1;
}


/* AQUI TERMINA ESTILOS MODULO POST-FACTURACIÓN */
.btnsave {
    display: block;
    position: relative;
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
    background-color: #EF3124;
    padding: 8px 47px 8px 47px;
    border: 1px solid #EF3124;
    border-radius: 8px;
    margin-top: 2rem;
    margin-left: -0.6rem;
}

    .btnsave:hover {
        background-color: #EF3124;
        color: #FFFFFF;
        border: 1px solid #EF3124;
        border-radius: 8px;
    }

.tlcarpeta2 {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 33px;
    color: #000000;
    line-height: 36px;
}

.tlcarpeta {
    display: block;
    position: relative;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.labelnegocio {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 28px;
}

.marca {
    padding-left: 2rem;
}

.tiponegocio {
    right: 4%;
}

.consultor {
    padding-left: 2rem;
}

.buscador {
    background-color: #FFFFFF;
    border: none;
}

.search {
    background-color: #DADEE3;
    border: 1px solid #DADEE3;
    border-radius: 7px;
}

.espaciovacio {
    display: none
}

.contrato {
    width: 100%;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .contrato:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

.pedidosap {
    width: 214px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

    .pedidosap:focus {
        border: 1px solid #DFE0EB;
        box-shadow: none;
    }

#grupo__pedido {
    padding-left: 0rem;
}

.btnsave2 {
    display: block;
    position: relative;
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: black;
    line-height: 28px;
    text-align: center;
    background-color: #C6D930;
    padding: 8px 47px 8px 47px;
    border: 1px solid #C6D930;
    border-radius: 8px;
    margin-left: 0.6rem;
}

    .btnsave2:hover {
        background-color: #DADEE3;
        border: 1px solid #DADEE3;
        border-radius: 8px;
    }

.tlcargadoc {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 33px;
    color: #000000;
    line-height: 36px;
}

.icocheckverde3 {
    display: block;
    position: relative;
    margin-left: -7rem;
}

.icocheckrojo3 {
    display: block;
    position: relative;
    margin-left: -2.3rem;
}

.btn-agregar-doc {
    display: block;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
}

.btnadddoc {
    display: block;
    position: relative;
    background-color: transparent;
    border: none;
}

.btnenviarap {
    display: block;
    position: relative;
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #000000;
    line-height: 28px;
    text-align: center;
    background-color: #C6D930;
    padding: 8px 47px;
    border: 1px solid #C6D930;
    border-radius: 8px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: -1.5rem;
}

    .btnenviarap:hover {
        background-color: #C6D930;
        border: 1px solid #C6D930;
        border-radius: 8px;
        color: #000000;
    }

.iconos-data2 {
    display: block;
    text-decoration: none;
    list-style-type: none;
}

/*.iconos-data2 .iconos-cliente2 {
    display: inline;
    position: relative;
    text-decoration: none;
    list-style-type: none;
    padding: 0 2.5rem 0 2.5rem;
    margin-left: -4rem;
    right: -2%;
}*/

.iconos-cliente2 {
    position: absolute;
    display: inline;
    text-decoration: none;
    list-style-type: none;
    margin-top: 1.5rem;
    margin-left: 4.2rem;
}

.iconos-cliente3 {
    display: inline;
    text-decoration: none;
    list-style-type: none;
    position: relative;
    margin-top: 0;
}

.iconos-cliente1 {
    position: absolute;
    display: inline;
    text-decoration: none;
    list-style-type: none;
    margin-top: 1.7rem;
    margin-left: 6.2rem;
}

.iconos-cliente4 {
    position: absolute;
    display: inline;
    text-decoration: none;
    list-style-type: none;
    margin-top: 0;
    margin-left: 0;
}

.icono22 {
    display: none;
}

.icono33 {
    display: none;
}

#grupo__unidad {
    position: relative;
    left: 112%;
}

#grupo__ctaflota {
    display: none;
}


/**********************************************           ESTILOS PAGINA FACTURACI�N                    ********************************************************/


.fraprobacionclc {
    /*width: 56vw;*/
    border: 1px solid #DADEE3;
    border-radius: 17px;
    padding: 30px 15px 30px 15px;
    margin-bottom: 3rem;
}

.documentostxt {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 24px;
}
/* START STYLES POST-FACTURACION */
.font-type {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #00233A;
    line-height: 24px;
}
.font-type-sm {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #00233A;
    line-height: 24px;
}


.purple-circle {
    line-height: 24px;
    border: 3px solid #8B2684;
    border-radius: 35px;
    padding: 7px 19px;
}


.purple-circle2 {
    line-height: 10px;
    border: 3px solid #8B2684;
    border-radius: 35px;
    padding:5px 20px;
}


.green-circle {
    line-height: 24px;
    border: 3px solid #B7CD00;
    border-radius: 35px;
    padding: 7px 15px;
}

.green-circle2 {
    line-height: 24px;
    border: 3px solid #B7CD00;
    border-radius: 35px;
    padding: 9px 21px;
}

.green-circle3 {    
    line-height: 10px;
    border: 3px solid #B7CD00;
    border-radius: 35px;
    padding: 5px 20px;    
}

.md-1 {
    margin: auto;
    text-align: center;
}

.md-2{
    margin: 10px auto;
}

.tab-switcher {
    cursor: pointer;
}


.tab-switcher a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    text-decoration: none;
    width: 170px;
    height: 56px;
    background-color: #A5ABB3;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 17px 17px 0px 0px;
    border: 0px solid #A5ABB3;
}

    .tab-switcher.tabfacturacion {
        margin-left:3px;
    }
    /* TAB TABLA CONSULTA CLIENTES */
    li.tab-switcher.tabconsulta {
        margin-left: 3px;
    }

    /* END STYLES POST-FACTURACION */
    .epostfacturacion {
        display: contents;
        position: relative;
        width: 247px;
        height: 46px;
    }

.idcarpeta {
    display: contents;
    position: relative;
    width: 310px;
    height: 46px;
}

.tlpedido {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 24px;
    border: 3px solid #8B2684;
    border-radius: 35px;
    padding: 9px 21px;
    margin-top: -10px;
}

.idcarpetap {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 24px;
    border: 3px solid #B7CD00;
    border-radius: 35px;
    padding: 9px 21px;
    margin-left: 1rem;
}

.urlfact {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #09101D;
}

.urlfact2 {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #09101D;
    margin-left: 0;
}

.urlfact3 {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #09101D;
    margin-left: -0.8rem;
}

.urlestado {
    visibility: hidden;
}



.iconolink2 {
    display: block;
    position: relative;
    margin-left: 26.5rem;
    margin-top: -2rem;
}

.btn-back {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'AVGARDN_2';
    align-items: center;
    padding: 10px 28px 10px 38px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #00233A;
    border-radius: 8px;
    border: 1px solid #00233A;
    background-image: url(../images/arrow-left.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 0%;
}

.btn-back2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'AVGARDN_2';
    align-items: center;
    padding: 10px 28px 10px 38px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #00233A;
    border-radius: 8px;
    border: 1px solid #00233A;
    margin-left:5rem;
}

.btn-notificacion {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'AVGARDN_2';
    align-items: center;
    padding: 10px 28px 10px 38px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    color: #00233A;
    background-color: #B7CD00;
    border-radius: 8px;
    border: 1px solid #B7CD00;
}

.btn-notificacion2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'AVGARDN_2';
    align-items: center;
    padding: 10px 12px 10px 12px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    color: #00233A;
    background-color: #B7CD00;
    border-radius: 8px;
    border: 1px solid #B7CD00;
}

.valexito {
    display:flex;
    flex-direction:row;
    text-decoration:none;
    list-style-type:none;
    align-items:center;
    justify-content:flex-end;
    padding-top:1.5rem;
}

.valexito2 {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    list-style-type: none;
    align-items: center;
    justify-content:flex-start;
}

.txtvalex {
    font-family: 'AVGARDN_2';
    font-size:20px;
    font-weight:700;
    line-height:28px;
    color:#000000;
    padding-left:0.5rem;
}

.iconovalex {
    padding-top:0.3rem;
}

.imgvalex {
    display: flex;
    width: 20px;
    height: 20px;
}

.unidadnegocio {
    font-family: 'AVGARDN_2';
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #09101D;
}

.unidadnegocio2 {
    font-family: 'AVGARDN_2';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #09101D;
}

.btn-next {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'AVGARDN_2';
    align-items: center;
    padding: 10px 35px 10px 25px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #00233A;
    border-radius: 8px;
    border: 1px solid #00233A;
    background-image: url(../images/arrow-right2.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 100%;
}

.botonanterior {
    visibility:hidden;
}

.botonsiguiente {
    visibility:hidden;
}

.btn.btn-default.urlfacturacion {
    display: flex;
    position: absolute;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px 60px;
    background-color: #DADEE3;
    border-radius: 8px;
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-align: center;
    color: #A5ABB3;
    margin-left: 31rem;
    margin-top: 14.5rem;
}

.botonesfactura {
    display: inline-flex;
    position: relative;
    text-decoration: none;
    list-style-type: none;
    list-style: none;
    margin-left: -3rem;
    padding-top: 1rem;
}
.contenedortabs {
    padding-top: 2rem;
    margin-left: -2rem;
}

.btnguardarpv {
    display: block;
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
}

.btnsave3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #B7CD00;
    background-image: url(~/images/arrowleft.svg);
    background-repeat: no-repeat;
    background-position: 0%;
    background-size: 30px;
    border-radius: 8px;
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #00233A;
    line-height: 28px;
    padding: 10px 47px;
    border: 1px solid #B7CD00;
}


    .btnsave3:hover {
        background-color: #B7CD00;
        color: #00233A;
        border: 1px solid #B7CD00;
    }

.btonatras {
    display: block;
    position: relative;
    margin-left: 1.3rem;
}

.inputupload {
    background: #FFFFFF;
    width: 452px;
    height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 16px;
    border: 2px solid #DADEE3;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: -2rem;
}

.inputdoc {
    opacity: 0;
    font-size:0px;
    cursor:pointer;
}

.tlfacturacion {
    color: #16BAE7;
    font-family: AVGARDD_2;
    font-size: 33px;
    font-weight: bold !important;
    font-style: normal;
    line-height: 36px;
    text-decoration: none;
    margin-bottom: 40px;
}

/* CARGA DE DOCUMENTO HABEAS DATA PERSONA NATURAL */

.icoupload {
    display: block;
    position: relative;
    margin-left: 0;
}

.btnguardar {
    background-image: url(../images/btnguardar.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 0 12px;
    background-color: #FFFFFF;
    border: none;
}

.custom-file-input2 {
    opacity: 1;
    border: none;
    font-size: 10px;
    z-index: 0;
    width: 21px;
    height: 18px;
}

::placeholder {
    color: red;
}

.inputupload2 {
    border: none;
}

.custom-file-input2::-webkit-file-upload-button {
    visibility: hidden;
    display: inline-block;
    margin-left: 0;
}

.custom-file-input2::before {
    content: '';
    position: absolute;
    display: inline-block;
    padding: 10px 10px;
    cursor: pointer;
    background-image: url(../images/upload.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    z-index: 1;
}

.custom-file-input2:hover::before {
    border-color: black;
}

.custom-file-input2:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
/*Icono nube*/
#iconGuardar {
    display: none;
}
/* INPUT CARGA DOCUMENTO IDENTIDAD PERSONA NATURAL */

.custom-file-input3 {
    opacity: 1;
    border: none;
    font-size: 0px;
    z-index: 0;
}

    .custom-file-input3::-webkit-file-upload-button {
        visibility: hidden;
        display: inline-block;
        margin-left: 0;
    }

    .custom-file-input3::before {
        content: '';
        position: absolute;
        display: inline-block;
        padding: 10px 10px;
        cursor: pointer;
        background-image: url(../images/upload.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        z-index: 1;
    }


    .custom-file-input3:hover::before {
        border-color: black;
    }

    .custom-file-input3:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    }

.inputupload3 {
    border: none;
}

.btnguardar2 {
    background-image: url(../images/btnguardar.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 0 12px;
    background-color: #FFFFFF;
    border: none;
}

.icoupload2 {
    display: block;
    position: relative;
}

/* Estilos página carga documentos del cliente*/

/*CARGA DOCUMENTOS FIRMADOS PERSONA NATURAL*/

.custom-file-input4 {
    opacity: 1;
    border: none;
    font-size: 0px;
    z-index: 0;
}

img.okrojo {
    margin-left: 0;
    margin-top: 0;
}

img.okrojo2 {
    margin-left:0;
    margin-top:0;
}

img#okrojo-conocimientocliente {
    margin-left:0;
    margin-top:0;
}


img#okrojo-contrato {
    margin-left:0;
    margin-top:0;
}

    .custom-file-input4::-webkit-file-upload-button {
        visibility: hidden;
        display: inline-block;
        margin-left: 0;
    }

    .custom-file-input4::before {
        content: '';
        position: absolute;
        display: inline-block;
        padding: 10px 10px;
        cursor: pointer;
        background-image: url(../images/upload.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        z-index: 1;
    }

    .custom-file-input4:hover::before {
        border-color: black;
    }

    .custom-file-input4:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    }

.btnguardar3 {
    background-image: url(../images/btnguardar.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 0 12px;
    background-color: #FFFFFF;
    border: none;
    cursor:pointer !important;
}


.iconos-cliente8 {
    position: absolute;
    display: inline;
    text-decoration: none;
    list-style-type: none;
    margin-top: -2.2rem;
    margin-left: 4.5rem;
}

.iconos-cliente9 {
    position: absolute;
    display: inline;
    text-decoration: none;
    list-style-type: none;
    margin-top: -2.1rem;
    margin-left: 6.5rem;
}

.iconos-cliente11 {
    position: absolute;
    display: inline;
    text-decoration: none;
    list-style-type: none;
    margin-top: -2.6rem;
    margin-left: -3rem;
}

/* ICONO SUBIR ARCHIVO MODULO DE FACTURACIÓN  */

.custom-file-input8 {
    opacity: 1;
    border: none;
    font-size: 10px;
    z-index: 0;
    width: 21px;
    padding-top: 0.5rem;
    /*height: 18px;*/
}

.inputupload2 {
    border: none;
}

.custom-file-input8::-webkit-file-upload-button {
    visibility: hidden;
    display: inline-block;
    margin-left: 0;
}

.custom-file-input8::before {
    content: '';
    position: absolute;
    display: inline-block;
    padding: 10px 10px;
    cursor: pointer;
    background-image: url(../images/folder-plus.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    margin-left: 0;
    z-index: 1;
}

.custom-file-input8:hover::before {
    border-color: black;
}

.custom-file-input8:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}




/* AQUI TERMINA ICONO SUBIR ARCHIVO MODULO DE FACTURACIÓN  */

/* CARGA DE DOCUMENTOS FIRMADOS CONTRATO */
.icoupload3 {
    display: block;
    position: relative;
}

.icoupload4 {
    display: block;
    position: relative;
}

.icoupload5 {
    display: block;
    position: relative;
}

.icoupload6 {
    display: block;
    position: relative;
}

.custom-file-input5 {
    opacity: 1;
    border: none;
    font-size: 0px;
    z-index: 0;
}

    .custom-file-input5::-webkit-file-upload-button {
        visibility: hidden;
        display: inline-block;
        margin-left: 0;
    }

    .custom-file-input5::before {
        content: '';
        position: absolute;
        display: inline-block;
        padding: 10px 10px;
        cursor: pointer;
        background-image: url(../images/upload.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        z-index: 1;
    }

    .custom-file-input5:hover::before {
        border-color: black;
    }

.custom-file-input4:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.btnguardar4 {
    background-image: url(../images/btnguardar.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 0 12px;
    background-color: #FFFFFF;
    border: none;
}

/* CARGA DOCUMENTOS MEDIOS DE PAGO PERSONA NATURAL */
.custom-file-input6 {
    opacity: 1;
    border: none;
    font-size: 0px;
    z-index: 0;
}

    .custom-file-input6::-webkit-file-upload-button {
        visibility: hidden;
        display: inline-block;
        margin-left: 0;
    }

    .custom-file-input6::before {
        content: '';
        position: absolute;
        display: inline-block;
        padding: 10px 10px;
        cursor: pointer;
        background-image: url(../images/upload.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        z-index: 1;
    }

    .custom-file-input6:hover::before {
        border-color: black;
    }

    .custom-file-input6:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    }

.btnguardar5 {
    background-image: url(../images/btnguardar.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 0 12px;
    background-color: #FFFFFF;
    border: none;
}

.iconos-cliente13 {
    position: absolute;
    display: inline;
    text-decoration: none;
    list-style-type: none;
    margin-top: -2.3rem;
    margin-left: 4.5rem;
}

.iconos-cliente14 {
    position: absolute;
    display: inline;
    text-decoration: none;
    list-style-type: none;
    margin-top: -2.2rem;
    margin-left: 6.5rem;
}

/* ORDEN DE COMPRA CARGA DOCUMENTOS PERSONA NATURAL */
.custom-file-input7 {
    opacity: 1;
    border: none;
    font-size: 0px;
    z-index: 0;
}

    .custom-file-input7::-webkit-file-upload-button {
        visibility: hidden;
        display: inline-block;
        margin-left: 0;
    }

    .custom-file-input7::before {
        content: '';
        position: absolute;
        display: inline-block;
        padding: 10px 10px;
        cursor: pointer;
        background-image: url(../images/upload.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        margin-left: 0;
        z-index: 1;
    }

    .custom-file-input7:hover::before {
        border-color: black;
    }

    .custom-file-input7:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    }

.btnguardar6 {
    background-image: url(../images/btnguardar.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 0 12px;
    background-color: #FFFFFF;
    border: none;
}

.iconos-cliente16 {
    position: absolute;
    display: inline;
    text-decoration: none;
    list-style-type: none;
    margin-top: 0;
    margin-left: 0;
}

.cargadocumentos {
    width: 68vw;
    margin-top: 1rem;
    padding: 10px 0px;
}

.idcarpeta2 {
    display: block;
    position: relative;
    margin-left: -7rem;
}

.idcarpeta3 {
    border: 3px solid #B7CD00;
    border-radius: 35px;
    padding:7px 15px;
}

.idpedido {
    border: 3px solid #8B2684;
    border-radius: 35px;
    padding: 9px 21px;
}
/* STYLES FOR ACORDENON MENU */
.bi {
    vertical-align: -.125em;
    pointer-events: none;
    fill: currentColor;
}

.nav-link {
    height: 70px;
    border-radius: 0;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    justify-content: flex-start;
    align-items: initial;
}


    .nav-link:focus {
        color: #00233A !important;
        background-color: #16BAE7;
    }



.im-center {
    vertical-align: middle;
}

.bg-dark {
    background-color: #00233A !important;
}

.menu-line {
    opacity: 1;
    background-color: white;
    height: 1.25173px !important;
}

.card-menu {
    width:91%;
    border-radius: 15px;
    background-color: #00233A;
}

.menu-options {
    padding-left: 15px;
}

.card {
    background-color: #16BAE7;
    border-radius: 0px;
    color: #00233A;
}

.text-blue> li a{
    font-family: 'AVGARDN_2';
    color: #00233A;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none;
}
.text-blue> li a:hover{
    font-weight: 800;
}

div a.active {
    background-color: #16BAE7;
    color: #00233A !important;
}
div a.activeHistory {
    background-color: #16BAE7;
    color: #ffffff !important;
}
/* END STYLES FOR ACORDENON MENU */

/*Estilos Vista creación de Cliente*/
.col-12.contenedor-Crear {
    border: solid 1px;
    border-radius: 2rem;
    color: #DCDDE0;
}
.Titulo-Creacion-Cliente {
    color: #00233A;
    font-family: AVGARDD_2;
    font-size: 33px;
    font-weight: bold !important;
    text-align: center;
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.persona-Natural {
    float: left;
    background-color: #16BAE7;
    width: 45%;
    height:31vh;
    color: #00233A;
    text-align: center;
    border-radius: 1rem;
    margin-left: 1rem;
}
.persona-Natural h3 {
    padding-top: 3rem;
    padding-bottom: 1rem;
}
svg.svg-inline--fa.fa-user.fa-w-14 {
    font-size: 10rem;
    padding-bottom: 1rem;
}
svg.svg-inline--fa.fa-user-tie.fa-w-14 {
    font-size: 10rem;
    padding-bottom: 1rem;
}
.persona-Juridica {
    float: right;
    background-color: #16BAE7;
    width: 45%;
    height:31vh;
    color: #00233A;
    text-align: center;
    border-radius: 1rem;
    margin-right: 1rem;
}
.persona-Juridica h3 {
    padding-top: 3rem;
    padding-bottom: 1rem;
}
.clear{
    clear:both;
    padding: 2rem;
}

#creacion-cliente-formulario {
    text-decoration: none;
    color: #00233A;
}

/*CONSULTAS*/

.sfiltrobusqueda {
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
    background-image: url('../images/arrowdown.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 97%;
    cursor: pointer;
}

.sfiltrobusqueda2 {
    display: flex;
    width: 206px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
    background-image: url('../images/arrowdown.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 99%;
    cursor: pointer;
}

.filtrobusqueda1 {
    box-sizing: border-box;
    border: 1px solid #DADEE3;
    border-radius: 17px;
    padding: 30px 15px 30px 15px;
}

.filtrobusquedaTabla {
    box-sizing: border-box;
    border: 1px solid #DADEE3;
    border-radius: 17px;
    padding: 30px 10px 30px 10px;
    margin-top:5rem;
}

.tablaNew{
    border-top:2px solid white;
}

.flbusqueda {
    width: 272px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}

.flbusqueda2 {
    width: 272px;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding: 5px 16px 5px 16px;
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    color: #09101D;
}


.tlfiltrobusqueda {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 28px;
}


.btn-filtrobusqueda {
    display: flex;
    width: 138px;
    height: 44px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 12px 10px 19px;
    background-color: #00233A;
    background-image: url(../images/lupa.svg);
    background-repeat: no-repeat;
    background-position: 10%;
    background-size: 16px;
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    color: #FFFFFF;
    border: 1px solid #00233A;
    border-radius: 8px;
    z-index: 1;
}

.btn-filtrobusqueda3 {
    display: flex;
    width: 138px;
    height: 44px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 12px 10px 19px;
    background-color: #00233A;
    background-image: url(../images/lupa.svg);
    background-repeat: no-repeat;
    background-position: 10%;
    background-size: 16px;
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    color: #FFFFFF;
    border: 1px solid #00233A;
    border-radius: 8px;
    z-index: 1;
}

.btn-filter{
    background-color: #00233A;
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    color: #FFFFFF;
    border: 1px solid #00233A;
    border-radius: 8px;
}
.consultaclientepsap {
    font-family: 'AVGARDN_2';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    text-decoration: none;
    color: #09101D;
    padding-top: 0.3rem;
}

.consultaclientepsap2 {
    font-family: 'AVGARDN_2';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    text-decoration: none;
    color: #09101D;
    padding-left: 2.5rem;
    padding-top: 0.3rem;
}

.btncompletado {
    display: flex;
    align-items: center;
    width: 132px;
    height: 38px;
    background-color: #B7CD00;
    border-radius: 4px;
    border: 1px solid #B7CD00;
    margin-left: -0.5rem;
}

.btncancelado {
    display: flex;
    align-items: center;
    width: 132px;
    height: 38px;
    background-color: #6D7580;
    border-radius: 4px;
    border: 1px solid #6D7580;
    margin-left: -0.5rem;
}

.paginador {
    display: inline-flex;
    text-decoration: none !important;
    list-style-type: none !important;
}

.paginador1 a {
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.4px;
    text-decoration: none;
    color: #00233A;
    margin-left: 3rem;
}


.colcodigosap {
    z-index: 1;
}

.codsapcl {
    font-family: 'AVGARDN_2';
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 20px;
    color: #00233A;
}

.separador {
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    z-index: 0;
    margin-top: -1rem;
}

.rayita-separador {
    font-size: 0px;
}

.codsapcl2 {
    text-decoration:none;
    font-family: 'AVGARDN_2';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    color: #333333;
    word-break: break-all;
}

    a.codsapcl2 {
        text-decoration: none !important;
        color: #333333;
    }

    .coldatoscliente {
        padding-top: 0.2rem;
    }

.coldatoscliente2 {
    padding-top: 1.5rem;
    background: rgba(0, 35, 58, 0.1);
    padding-bottom: 0.5rem;
}

.pefacturacion {
    display: flex;
    width: 132px;
    height: 38px;
    align-items: center;
    background-color: #8B2684;
    border-radius: 4px;
    border: 1px solid #8B2684;
    margin-left: -0.5rem;
}

.pefacturacion2 {
    display: flex;
    align-items: center;
    width: 132px;
    height: 38px;
    background-color: #B7CD00;
    border-radius: 4px;
    border: 1px solid #B7CD00;
    margin-left: -0.5rem;
}

.pefacturacion3 {
    display: flex;
    align-items: center;
    width: 132px;
    height: 38px;
    background-color: #16BAE7;
    border-radius: 4px;
    border: 1px solid #16BAE7;
    margin-left: -0.5rem;
}

.pefacturacion4 {
    display: flex;
    align-items: center;
    width: 132px;
    height: 38px;
    background-color: #6D7580;
    border-radius: 4px;
    border: 1px solid #6D7580;
    margin-left: -0.5rem;
}

.separador-tabla {
    background: #ffffff;
    box-shadow: inset 0px -1px 0px #E5E5E5;
    z-index: 0;
}

.colpefacturacion2 {
    display: block;
    position: relative;
    background: rgba(0, 35, 58, 0.1);
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.colpefacturacion {
    display: block;
    position: relative;
}

.linkfact {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 16px;
    width: 402px;
    height: 48px;
    background-color: #ffffff;
    border: 2px solid #DADEE3;
    box-sizing: border-box;
    border-radius: 8px;
    font-family: 'AVGARDN_2';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #09101D;
}

.linkfact2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 16px;
    width: 454px;
    height: 48px;
    background-color: #ffffff;
    border: 2px solid #DADEE3;
    box-sizing: border-box;
    border-radius: 8px;
    font-family: 'AVGARDN_2';
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #09101D;
}

a.linkfacturacion {
    font-family: 'AVGARDN_2';
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 0.4px;
    text-decoration: none;
    margin: 0 auto;
}

.arrowright {
    display: block;
    position: relative;
    margin-left: 5rem;
}

.arrowright2 {
    padding-left: 9.5rem;
}

.separador-tabla {
    background: #ffffff;
    box-shadow: inset 0px -1px 0px #E5E5E5;
    z-index: 0;
}

.dashboardpager {
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-decoration: none;
    color: #09101D;
    text-align: center;
}

.btn-filtrobusqueda2 {
    display: flex;
    width: 138px;
    height: 44px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 12px 10px 19px;
    background-color: #00233A;
    background-image: url(../images/lupa.svg);
    background-repeat: no-repeat;
    background-position: 10%;
    background-size: 16px;
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    color: #FFFFFF;
    border: 1px solid #00233A;
    border-radius: 8px;
    margin-left: 3rem;
    margin-top: -0.2rem;
    z-index: 1;
}

.btn-nuevagestion {
    display: flex;
    width: 219px;
    height: 48px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 9px 10px 30px;
    background-color: #00233A;
    background-image: url(../images/nuevagestion.svg);
    background-repeat: no-repeat;
    background-position: 10%;
    background-size: 16px;
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    color: #FFFFFF;
    border: 1px solid #00233A;
    border-radius: 8px;
    margin-left: 0.5rem;
    margin-top: -0.2rem;
    z-index: 1;
}

.arrowdown {
    background-color: transparent;
    border: none !important;
    background-image: url(../images/arrowdown2.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 0%;
    font-size: 24px;
    padding: 15px 17px;
}

    .arrowdown:hover {
        text-decoration: none;
        background-color: transparent;
        border: none !important;
    }

    .arrowdown:focus {
        text-decoration: none;
        background-color: transparent;
        border: none !important;
    }

.btnrevisiondocumentos {
    display: flex;
    width: 132px;
    height: 38px;
    align-items: center;
    background-color: #16BAE7;
    border-radius: 4px;
    border: 1px solid #16BAE7;
    margin-left: -0.5rem;
}

/*ESTILOS APROBACIONES*/

.nombrepac {
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 28px;
    text-decoration: none;
    color: #000000;
}

.btnpedidocarpeta {
    background-color: transparent;
    background-image: url(../images/iconovista2.svg);
    background-repeat:no-repeat;
    background-size:16px;
    background-position:0%;
    padding:12px 10px 12px 10px;
    border:none;
}

.btnpedidocarpeta:hover {
    background-color:transparent;
    text-decoration:none;
    border:none;
}

/* ESTILOS CONSULTA CLIENTES PEDIDOS*/
.tpdocumento {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 24px;
}

.nrodocumento {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 24px;
}

.epostfacturacionp {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #09101D;
    line-height: 24px;
    border: 3px solid #16BAE7; 
    border-radius: 35px;
    padding: 9px 21px;
}

/* TABS CONSULTA DE CLIENTES PEDIDOS */

.tab-switcher2 {
    display: flex;
    cursor: pointer;
    margin-right: 1px;
    text-decoration: none;
    cursor: pointer;
    list-style-type: none;
    width: 200px;
    height: 56px;
    background-color: #A5ABB3;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 17px 17px 0px 0px;
    border: 0px solid #A5ABB3;
    padding-top: 0.7rem;
    margin-left: -1rem;
}

.consultaclientelink {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
}

    .consultaclientelink:hover {
        text-decoration: none;
        color: #ffffff;
    }

.tabconsultaclientes {
    display: inline-flex;
    position: relative;
}

.btneditarclc {
    position:absolute;
    background-image: url(../images/editarclc.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0%;
    background-color: transparent;
    border: none;
    padding:10px;
    left:86%;
}

    .btneditarclc:hover {
        text-decoration: none;
        background-color: transparent;
        color: transparent;
    }

    .btneditarclc:focus {
        text-decoration: none;
        background-color: transparent;
        color: transparent;
    }

.btneditarclc2 {
    position: absolute;
    background-image: url(../images/editarclc.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0%;
    background-color: transparent;
    border: none;
    padding: 10px;
    left: 86%;
    top:15%;
}

.btneditarclc2:hover {
    text-decoration: none;
    background-color: transparent;
    color: transparent;
}

.btneditarclc2:focus {
    text-decoration: none;
    background-color: transparent;
    color: transparent;
}


.archivos {
    font-family: 'AVGARDN_2';
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    color: #09101D;
    line-height: 20px;
    text-decoration: none;
}

.archivos2 {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #09101D;
    line-height: 20px;
    text-decoration: none;
}

.archivos3 {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #09101D;
    line-height: 20px;
    text-decoration: none;
    margin-left:0.8rem;
}

.btnerror {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 2rem;
}

.btnerror2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnerror3 {
    padding-left:0.8rem;
}

.btn.btn-primary.vistaprevia {
    background-color: transparent;
}

.vistaprevia {
    background-image: url(../images/vistaprevia.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0%;
    background-color: transparent;
    border: none;
}

    .vistaprevia:hover {
        text-decoration: none;
        background-color: transparent;
        color: transparent;
    }

.btn-back3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'AVGARDN_2';
    align-items: center;
    padding: 10px 50px 10px 50px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #00233A;
    border-radius: 8px;
    border: 1px solid #00233A;
}


/* ESTILOS DASHBOARD */

.titulodashboard {
    font-family: 'AVGARDN_2';
    font-size: 33px;
    font-weight: 600;
    font-style: normal;
    line-height: 36px;
    text-decoration: none;
    color: #8B2684;
}

.crearcliente {
    display: block;
    position: relative;
    width: 219px;
    height: 209px;
    background-color: #B7CD00;
    border-radius: 8px;
    padding: 38px 47px;
}

.imgcrearusuario {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 79px;
    height: 67px;
}

.pacrearcliente {
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;
    text-decoration: none;
    color: #00233A;
    text-align: center;
    padding-top: 1rem;
}

a .card1dashboard  {
    text-decoration:none;
}

.card1dashboard:hover {
    text-decoration: none;
    color: #00233A;
}

.subtitulodashboard {
    font-family: 'AVGARDN_2';
    font-size: 33px;
    font-weight: 600;
    font-style: normal;
    line-height: 36px;
    text-decoration: none;
    color: #16BAE7;
}

.subtitulodashboard2 {
    font-family: 'AVGARDN_2';
    font-size: 24px;
    font-weight: 700 !important;
    font-style: normal;
    line-height: 36px;
    text-decoration: none;
    color: #16BAE7;    
    text-align:left;
    margin-bottom:3rem;
}

.subtitulodashboard3 {
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 700 !important;
    font-style: normal;
    line-height: 28px;
    text-decoration: none;
    color: #16BAE7;
    text-align: left;
    margin-bottom: 3rem;
}


.carpetacliente {
    display: block;
    position: relative;
    width: 235px;
    height: 158px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 1px solid #DADEE3;
    padding: 20px 10px;
}

.carpetacliente2 {
    display: block;    
    width: 200px;
    height: 158px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 1px solid #DADEE3;
    padding: 20px 10px;   
    margin:0;
    
}

.carpetacliente5 {
    display: block;
    width: 200px;
    height: 158px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 1px solid #DADEE3;
    padding: 20px 10px;
}

.pacarpetacliente {
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 32px;
    text-decoration: none;
    color: #00233A;
    text-align: center;
}

.pa2carpetacliente {
    font-family: 'AVGARDN_2';
    font-size: 33px;
    font-weight: 400;
    font-style: normal;
    line-height: 36px;
    text-decoration: none;
    color: #00233A;
    text-align: center;
}

.pendienteetapa {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 187px;
    height: 158px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #16BAE7;
    padding: 20px 5px;
}

.pendienteetapa2 {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 187px;
    height: 158px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #8B2684;
    padding: 20px 5px;
}

.pendienteetapa3 {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 187px;
    height: 158px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #B7CD00;
    padding: 20px 5px;
}

.dashboardpager {
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    text-decoration: none;
    color: #09101D;
    text-align: center;
}

    .dashboardpager:hover {
        text-decoration: none;
        color: #09101D;
    }

.arrowright2 {
    padding-left: 9.5rem;
}

.pendienteetapa4 {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 187px;
    height: 265px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #16BAE7;
    padding: 60px 5px;
}

.pendienteetapa5 {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 187px;
    height: 265px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #8B2684;
    padding: 60px 5px;
}

.pendienteetapa6 {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 187px;
    height: 265px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #B7CD00;
    padding: 60px 5px;
}

.crearcliente2 {
    display: block;
    position: relative;
    width: 219px;
    height: 209px;
    background-color: #16BAE7;
    border-radius: 8px;
    padding: 38px 23px;
}

.crearcliente2 a {
  text-decoration:none;
}

.nombreasesor {
    font-family: 'AVGARDN_2';
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 28px;
    text-decoration: none;
    color: #000000;
}

.nombreasesor2 {
    font-family: 'AVGARDN_2';
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    line-height: 21px;
    text-decoration: none;
    color: #8B2684;
}

.folder1 {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 250px;
    height: 93px;
    background-color: #ffffff;
    border: 0.584882px solid #DADEE3;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 25px 10px;
}

.txtfolder1 {
    font-family: 'AVGARDN_2';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 19px;
    text-decoration: none;
    color: #00233A;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 10px;
}

.txt2folder1 {
    font-family: 'AVGARDN_2';
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    line-height: 21px;
    text-decoration: none;
    color: #00233A;
    text-align: center;
    margin: 0 auto;
}

.petapas {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 184px;
    height: 155px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #16BAE7;
    padding: 40px 10px;
}

.petapas2 {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 184px;
    height: 155px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #8B2684;
    padding: 40px 10px;
}

.petapas3 {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 184px;
    height: 155px;
    background-color: #FFFFFF;
    border-radius: 17px;
    border: 3px solid #B7CD00;
    padding: 40px 10px;
}

/* START IMAGEN DE FONDO EN LOS BODY  */
body {
    font-family: 'AVGARDD_2' !important;
    overflow-x:hidden;
    /* background-image: url(../images/Imagen_fondo.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: 0% 100%;*/
}
/* END IMAGEN DE FONDO EN LOS BODY  */

/*ESTILOS DE LOS MODALES*/

.container-icon {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.circle-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
    float: left;
    margin: 10px;
}

.icon {
    position: absolute;
    color: #fff;
    font-size: 55px;
    top: 50px;
    left: 50px;
    transform: translate(-50%, -50%);
}

.circle {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 2.5px;
    background-clip: content-box;
    animation: spin 10s linear infinite;
}

.circle-wrapper:active .circle {
    animation: spin 2s linear infinite;
}

.success {
    background-color: #4BB543;
    border: 2.5px dashed #4BB543;
}

.error {
    background-color: #CA0B00;
    border: 2.5px dashed #CA0B00;
}

.warning {
    background-color: #F0D500;
    border: 2.5px dashed #F0D500;
}

.warning2 {
    fill: currentColor;
    vertical-align:middle;
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}

.page-wrapper {
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-body h5 {
    font-size: 40px;
    text-align: center;
    margin-top: -2rem;
    line-height: 44px;
}

.Modal-Success-Gestor {
    background-color: #Ffff;
    box-shadow: -1px 9px 30px -3px rgba(0,0,0,0.75);
    width: 30%;
    border-radius: 2rem;
    margin: 2rem auto;
    text-align: center;
}

.Modal-Close-Gestor {
    color: #808080;
    text-align: right;
    padding: 1rem 0rem 0rem 0rem;
    margin-right: 3rem;
    font-size: 2rem;
    font-weight: 600;
}

.fa-x:hover {
    color: #616161;
}

.Modal-Content-Gestor {
    padding: 0rem 3rem 2rem 3rem;
}

.modal-footer {
    border-top: 0px;
}

/* ESTILOS ADMINISTRACIÓN DEL SISTEMA */

.parametros {
    font-family: 'AVGARDN_2';
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 20px;
    text-decoration: none;
    color: #00233A; 
}

.parametros2 {
    font-family: 'AVGARDN_2';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    text-decoration: none;
    color: #333333;
}

.parametros3::before {
    color:red;
    background-color:#000000;
}

/* COMIENZA TABLA FILTRO */
.filter-table > p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px; 
    color: #00233A;
}

.text-table {
    font-family: 'AVGARDN_2';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: black;
    letter-spacing: 0.25px;
    overflow-wrap: break-word;
    margin-top: 150px;
}

.table-line{
    background-color: #DADEE3;
    border: 0 none;
    color: #DADEE3;
    height: 2px;
}
.table-line2{
    background-color: #DADEE3;
    border: 0 none;
    color: #DADEE3;
    height: 0.5px;
}

.capitalize {
    text-transform: capitalize;
}

.table-center {
    text-align: center;
}
.tlcargamasiva {
    font-family: 'AVGARDN_2';
    font-style:normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #00233A;
}

input[type="file"].cargamasiva {
    -webkit-appearance: none;
    text-align: left;
    -webkit-rtl-ordering: left;
    border: 1px solid #DADEE3;
    border-radius: 8px;
    padding: 12px 6px;
    font-family: 'AVGARDN_2';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #09101D;
    cursor: pointer;
}

    input[type="file"].cargamasiva::-webkit-file-upload-button {
        -webkit-appearance: none;
        float: right;
        margin: 0 0 0 10px;
        border: 1px solid #aaaaaa;
        border-radius: 4px;
        background-image: url(../images/cloud_upload.svg);
        background-repeat: no-repeat;
        background-position: 100%;
        background-size: 20px;
        padding: 12px;
        font-size: 0px;
        background-color: #FFFFFF;
        border: none;
        cursor: pointer;
    }

        input[type="file"].cargamasiva2 {
            width: 100%;
            -webkit-appearance: none;
            text-align: left;
            -webkit-rtl-ordering: left;
            border: 1px solid #DADEE3;
            border-radius: 8px;
            padding: 12px 6px;
            font-family: 'AVGARDN_2';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            color: #09101D;
            cursor: pointer;
        }

input[type="file"].cargamasiva2::-webkit-file-upload-button {
    -webkit-appearance: none;
    float: right;
    margin: 0 0 0 10px;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    background-image: url(../images/iconoupload.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 24px;
    padding: 12px;
    font-size: 0px;
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
}
/*ESTILOS PARA LOS ESTADOS */
.rectangle-state1, .rectangle-state2, .rectangle-state3, .rectangle-state4 {
    border-radius: 4px;
    color: white;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    padding-block: inherit;
    padding-inline: inherit;
}

.rectangle-state1 {
    background: #6D7580;
}

.rectangle-state2 {
    background: #6D7580;
}
.rectangle-state3 {
    background: #16BAE7;
}
.rectangle-state4 {
    background: #8B2684;
}

/* AQUI COMIENZA ESTILOS PARA EL MODULO DE CONSULTAS */

.font-clients-strong {
    font-family: 'AVGARDN_2';
    font-weight: 700;
    font-size: 20px;
}

.font-clients-light {
    font-family: 'AVGARDN_2';
    font-weight: 400;
    font-size: 20px;
}

/*ESTILOS PANTALLA LOGIN*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,600,700);

.content-card {
    display: flex;
    justify-content: center;
}

.cardLogin {
    cursor: pointer;
    transition: all ease .8s;
    color: #ffffff;
    float: left;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 16px;
    margin: 10px 1%;
    max-width: 310px;
    min-width: 250px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
    border-radius: 2rem;
    box-shadow: 0px 7px 15px 4px rgba(0,0,0,0.39);
}

#Noselect-card1 {
    box-shadow: 0px 7px 15px 4px rgba(0,0,0,0.39);
}

#Noselect-card2 {
    box-shadow: 0px 7px 15px 4px rgba(0,0,0,0.39);
}

#Noselect-card3 {
    box-shadow: 0px 7px 15px 4px rgba(0,0,0,0.39);
}

#select {
    box-shadow: 0px 7px 15px 4px #16BAE7;
}

.cardLogin * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.cardLogin img {
    max-width: 100%;
    height: 43vh;
    vertical-align: top;
    position: relative;
}

.cardLogin figcaption {
    padding: 25px 20px 25px;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

    .cardLogin figcaption:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #700877;
        content: '';
        background: -moz-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
        background: -webkit-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
        background: linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
        opacity: 0.8;
        z-index: -1;
    }

.cardLogin .date {
    border-radius: 50%;
    color: #700877;
    font-size: 18px;
    font-weight: 700;
    min-height: 48px;
    min-width: 48px;
    padding: 10px 0;
    position: absolute;
    right: 15px;
    text-align: center;
    text-transform: uppercase;
    top: -29px;
}

    .cardLogin .date span {
        display: block;
        line-height: 14px;
    }

    .cardLogin .date .month {
        font-size: 11px;
    }

.cardLogin h3,
.cardLogin p {
    margin: 0;
    padding: 0;
}

.cardLogin h3 {
    width: 17rem;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin-bottom: 5px;
}

.cardLogin p {
    font-size: 0.8em;
    line-height: 1.6em;
    margin-bottom: 0px;
}

.cardLogin a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

.date i {
    color: #16BAE7;
    font-size: 3rem;
}

.cardLogin:hover img,
.cardLogin.hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.formulario-Login {
    width: 100%;
    padding: 3rem 30%;
}

.info-input {
    background-color: #EBEEF2;
    border-radius: 6px;
    margin-top: 1rem;
}

#info-input {
    display: block;
}

#formulario-Login {
    display: none;
}

#botonLogin {
    width: 100%;
    background-color: #B7CD00;
    color: #00233A;
    border-radius: 8px;
    font-family: 'AVGARDN_2';
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    border:none;
}

#date1 {
    display: none;
}

#date2 {
    display: none;
}

#date3 {
    display: none;
}

.paerrorlogin {
    display:flex;
    justify-content:center;
    align-items:center;
    font-family: 'AVGARDN_2';
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #DA1414;
    text-align:center;
    padding-top:2rem;
    padding-bottom:2rem;
}

.titulologin {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'AVGARDN_2';
    font-weight: 700;
    font-size: 48px;
    line-height: 52px;
    color: #00233A;
    text-align: center;
}

    .titulologin > strong {
        color: #8B2684;
        margin-left:1rem;
    }

.titulologin2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'AVGARDN_2';
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    color: #00233A;
    text-align: center;
}

/*AQUI TERMINAN LOS ESTILOS DE LA PANTALLA DEL LOGIN*/
.listatitular {
    display: flex;
    width: 100%;
    font-size: 1rem;
    margin: 10px 0;
    padding: 5px;
}

.delete-image {
    cursor: pointer;
    background-image: url(../images/delete.svg);
    background-repeat: no-repeat;
    background-size: 14px;
}

/*CONSULTAR CARPETA DEL NEGOCIO*/

.iconColor{
    color:black;
    text-decoration:none;
    margin-right:8px;    
}

.iconColor2 {
    color: black;
    text-decoration: none;
    margin-right: 0px;
}

.tlfirmacontrato {
    font-family: 'AVGARDN_2';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #00233A;
}

#carpetas_negocio {
   margin-top:1rem;
}

.btn-firmacontrato {
    -webkit-appearance: none;
    margin: 12px 0 0 0;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    background-image: url(../images/btnfirmacontrato.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 100%;
    padding: 12px;
    font-size: 0px;
    background-color: transparent !important;
    border: none;
    cursor: pointer;
}

.tablatitular {
    border-radius: 10px;
    border: 1px solid #DADEE3;
}

.idcarpetaconsulta {
    font-family: 'AVGARDN_2';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #00233A;
    border: 3px solid #B7CD00;
    border-radius: 35px;
    padding:9px 21px;
}

.btn-addSecondOwner {
    background-image: url(../images/personplus.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-addSecondOwner-disabled {
    background-image: url(../images/personplus-disabled.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-addFilesSecondOwner {
    background-image: url(../images/personvideo.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-addFilesSecondOwner-disabled {
    background-image: url(../images/personvideo-disabled.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.facturapendiente {
    padding: 8px 10px;
    background-color: #16BAE7;
    color: #00233A;
    font-weight: 700 !important;
    border-radius: 30px;
    text-decoration: none;
    margin-left: 59px;
}

a.facturapendiente:hover {
    color: #00233A;
    text-decoration: none;
}

/* ESTILOS PANTALLA LOGIN */

#pantallalogin {
    overflow-y: hidden;
}

.fondo {
    max-width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    background-image: url(../images/login.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow-x:hidden !important;
    overflow-y: hidden !important;
}

.login-left {
   display:flex;
   width:100%;
   justify-content:end;
   padding:1.5rem;
}

.titulologin3 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'AVGARDN_2';
    font-style: normal;
    font-weight: 700;
    font-size: 69px;
    line-height: 76px;
    color: #16BAE7;
    text-align: center;
}

.palogin {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'AVGARDN_2';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
}

.gestordocumental {
    font-weight: 700;
    padding-left: 0.5rem;
}

.contenidologin {
    margin-top: 2rem;
}

.botonlogin2 {
    display: block;
    position: relative;
    margin: 0 auto;
    background-color: #16BAE7;
    border-radius: 8px;
    font-family: 'AVGARDN_2';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #00233A;
    text-align: center;
    padding: 10px 47px;
    border: none;
}

.botonlogin2:hover {
    background-color: #16BAE7;
    color: #00233A;
    text-decoration: none;
}

.btn-edit {
    background-image: url(../images/editar3.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-edit-disabled {
    background-image: url(../images/editar-disabled.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-loadClientFiles {
    background-image: url(../images/upload4.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-loadFolders {
    background-image: url(../images/lupa3.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-loadFolders-gestionar {
    background-image: url(../images/lupa3.svg);
    background-size: 23px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-loadFolders-iconCheck {
    background-image: url(../images/cerrarCarpeta.svg);
    background-size: 23px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-loadFolders-iconCheck-disabled {
    background-image: url(../images/cerrarCarpetaDisabled.svg);
    background-size: 23px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}
.btn-gestiondocumental {
    background: #A5ABB3;
    background-size: 23px;
    background-repeat: no-repeat;
    padding: 12px;
    /*background-color: transparent !important;*/
    border: none;
}

.btn-notificationImportant {
    background-image: url(../images/notificationImportant.svg);
   /* background: #DA1414;*/
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}
.btn-notificationgrey {
    background-image: url(../images/notificationgrey.svg);
    /* background: #DA1414;*/
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}
/*.btn-loadFolders-iconCheck-disabled:hover {
    cursor: not-allowed;
}*/
.btn-loadBusinessFile {
    background-image: url(../images/folder2.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-loadBusinessFile-disabled {
    background-image: url(../images/folder-disabled.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-addPedido {
    background-image: url(../images/addpedido2.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-addPedido-disabled {
    background-image: url(../images/addpedido-disabled.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}

.btn-anularCarpeta {
    background-image: url(../images/anular.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;

}

.btn-anularCarpeta-disabled {
    background-image: url(../images/anular-disabled.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    border: none;
}


.iconColor3 {
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px;
    background-color: transparent !important;
    text-decoration: none;
    color: black;
    border: none;
}

.iconColor3:hover {
    color: black;
}

.title-anulacion {
    font-family: AVGARDD_2;
    margin-top: 20px;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #09101D;
}

.cancelationSubtitle {
    font-family: AVGARDN_2;
    margin-top: 10px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #09101D;
}

.sterics {
    color: red;
}

.razonAnular {
    font-family: AVGARDN_2;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 28px;
    color: #00233A;
    margin-left: 30px;
}

.input-anular {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 16px;
    width: 365px;
    height: 48px;
    border: 1px solid #DADEE3;
    background: #FEEFEF;
    border-radius: 8px;
}

.invalid-feedback {
    background: #FFB6C1;
    border: 1px solid #FFB6C1;
    padding: 5px;
    border-radius: 4px;
}

.input-error {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 16px;
    width: 365px;
    height: 48px;
    background: #FEEFEF;
    border: 1px solid #DA1414;
    border-radius: 8px;
}

.btn-anularAzul {
    display: flex;
    font-family: AVGARDD_2;
    font-size: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 47px;
    gap: 10px;
    background: #00233A;
    margin-top: 15px;
    border-radius: 8px;
    text-decoration: none;
    color: white;
    width: 146.5px;
    height: 44px;
    cursor: pointer;
}

.btn-anular:hover {
    color: white;
}

.btn-cancelar {
    display: flex;
    font-family: AVGARDD_2;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 50px;
    padding: 10px 47px;
    gap: 10px;
    text-decoration: none;
    color: #00233A;
    width: 146.5px;
    height: 44px;
    cursor: pointer;
}

.btn-cancelar:hover {
    color: #00233A;
}

.title-anulacion2 {
    font-family: AVGARDD_2;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    margin-top: 60px;
    margin-bottom: 40px;
}

.btn-close {
    float: right;
}
/* AQUI TERMINAN ESTILOS PANTALLA LOGIN */
.botonaprobacion {
    background-color: transparent;
    border: none;
}

.modal-body h5 > .tlmodalcreateclient {
    font-family: 'AVGARDN_2';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 44px;
    color: #09101D;
    text-align: center;
    border: none;
    margin-top:0;
}

.gcontrato {
    color: #16BAE7;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: #A5ABB3;
    border: 1px solid #A5ABB3; 
    pointer-events: none;
    opacity: 0.65;
}

.prueba {
    margin-left:-1rem;
}
.select-multiple .dropdown-toggle {
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #DADEE3;
    height: 48px;
    -webkit-text-fill-color: #000000;
}

.big-checkbox {
    width: 30px;
    height: 30px;
}

/* Error Login*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container_error {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100vh;
    width: 100%;
}

.left {
    background-color: #ffff;
}

.nav_logo {
    font-weight: 700;
    margin-top: 30px;
    margin-left: 70px;
}

.hero_title {
    font-family: AVGARDD_2;
    font-size: 20px;
    margin-top: 150px;
    margin-right: 80px;
    margin-left: 120px;
    margin-bottom: 16px;
    text-align: justify;
    color: #00233A;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    display: flex;
    align-items: center;
}

.hero_subtitle {
    font-family: AVGARDN_2;
    margin-top: 1rem;
    font-size: 20px;
    font-weight: normal;
    margin-right: 80px;
    margin-bottom: 16px;
    margin-left: 120px;
    text-align: justify;
    line-height: 24px;
    align-items: center;
    color: #00233A;
    width: 477px;
    height: 76px;
}

.bold {
    font-family: AVGARDD_2;
    font-weight: bold;
}

.link {
    font-family: AVGARDN_2;
    font-size: 20px;
    font-weight: 700;
    margin-right: 80px;
    line-height: 44px;
    margin-left: 120px;
    text-align: justify;
    color: #00233A;
    text-decoration: none;
    width: 477px;
    height: 76px;
}

.right {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url(../images/imagen-hero.png) center;
    background-size: cover;
}

.right .welcome {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    /* Flexbox */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.contenedor {
    margin: 0;
    position: relative;
    display: inline-block;
    text-align: center;
}

.text_over {
    position: absolute;
    top: 180px;
    left: 75px;
    color: #fff;
    font-weight: 700;
    font-style: normal;
    font-size: 80px;
    text-align: initial;
    line-height: 98.19%;
    font-family: AVGARDD_2;
}

.vector {
    position: absolute;
    top: 0;
    margin-left: 10px;
    margin-top: -14px;
}
.vector_2 {
    position: absolute;
    top: 0;
    margin-left: 70px;
    margin-top: -14px;
}

.ingresa {
    font-family: AVGARDD_2;
    background: #16BAE7;
    width: 160px;
    height: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #00233A;
    border-radius: 5px;
    border: none;
    margin-left: 120px;
}
a.cerrarsesion {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: lighter;
    font-size: 19.1171px;
    line-height: 28px;
    color: #000000;
    text-decoration: none;
    width: 116px;
    height: 28px;
    margin-right: -1em;
    margin-left: 5em;
    position: relative;
    top: -1px;
}
img.logsesion {
    left: 6px;
    width: 24px;
    height: 30px;
    /*margin-right: 17em;*/
    margin-left: 1em;
    position: relative;
    top: -3px;
    border: 6px;
}
header nav {
    text-align: right;
    display: inline-block;
    width: 1170px;
    height: 28px;
}

.space-reportes {
    margin-top: 20px;
}

.title-reportes {
    margin-left: 24px;
}

.title-filter {
    font-family: AVGARDD_2;
    font-size: 25px;
    color: #09101D;
    margin-bottom: 25px;
    margin-left: 24px;
}

.label-inicio {
    margin-top: 15px;
    font-family: AVGARDD_2;
    font-size: 25px;
    color: #09101D;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
}

.date-inicio {
    width: 300px;
    height: 48px;
    padding: 8px;
    margin-left: 50px;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #000;
    font-family: AVGARDN_2;
    font-weight: 400;
    font-size: 17px;
    line-height: 15px;
    font-weight: 700;
    
}

.date-fin {
    width: 300px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #000;
    align-items: center;
    padding: 8px;
    font-family: AVGARDN_2;
    font-weight: 400;
    font-size: 17px;
    line-height: 15px;
    font-weight: 700;
}

.generar-reporte {
    width: 250px;
    height: 48px;
    background: #00233A;
    border-radius: 8px;
    font-family: AVGARDD_2;
    color: #FFFFFF;
    margin-top: 27px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin-left: 24px;
}


.input-container {
    display: flex;
    flex-direction: row;
    width: 31%;
    justify-content: space-between;
    margin-left: 24px;
}

.input-date {
    display: flex;
    flex-direction: column;
}

.input-width {
    width: 198px;
    height: 48px;
    margin-right: 50px;
    border: 1px solid #DADEE3;
    border-radius: 8px;
    padding: 0px 7px;
    font-family: AVGARDN_2;
    font-weight: 400;
    font-size: 17px;
    line-height: 15px;
    font-weight: 400;

}

.input-margin {
    margin-right: 19px;
}

.card-width {
    width: 315px;
}

/* estados de las carpetas */

.btn-abierto {
    left: 7.1%;
    right: 7.8%;
    top: 28.57%;
    bottom: 26.79%;
    background: #16BAE7;
    font-family: 'AVGARDN_2';
    padding: 7px;
    color: #00233A;
    border-radius: 5px;
    text-decoration: none;
}

    .btn-abierto:hover {
        color: #00233A;
    }

.btn-anulado {
    left: 7.1%;
    right: 7.8%;
    top: 28.57%;
    bottom: 26.79%;
    background: #8B2684;
    font-family: 'AVGARDN_2';
    padding: 7px;
    color: #00233A;
    border-radius: 5px;
    text-decoration: none;
}

    .btn-anulado:hover {
        color: #00233A;
        cursor: not-allowed;
    }

.btn-cerrado {
    left: 7.1%;
    right: 7.8%;
    top: 28.57%;
    bottom: 26.79%;
    background: #B7CD00;
    font-family: 'AVGARDN_2';
    padding: 7px;
    color: #00233A;
    border-radius: 5px;
    text-decoration: none;
}

.btn-cerrado:hover {
    color: #00233A;
}

.btn-aprobacionPendiente {
    left: 7.1%;
    right: 7.8%;
    top: 28.57%;
    bottom: 26.79%;
    background: #ffff00;
    font-family: 'AVGARDN_2';
    padding: 7px;
    color: #00233A;
    border-radius: 5px;
    text-decoration: none;
}

.btn-aprobacionPendiente:hover {
    color: #00233A;
}

.title-cierre {
    font-family: AVGARDD_2;
    margin-top: 50px;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #09101D;
    text-align: center;
}

.pendientesSubtitle {
    font-family: AVGARDN_2;
    margin-top: 10px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #09101D;
    text-align: justify;
}

.btn-cierrePendiente {
    font-family: AVGARDD_2;
    font-size: 20px;
    text-align: center;
    padding: 8px 47px;
    gap: 10px;
    background: #00233A;
    margin-top: 15px;
    border-radius: 8px;
    text-decoration: none;
    color: white;
    width: 310.5px;
    height: 44px;
    cursor: pointer;
}

.btn-cierrePendiente:hover {
    color: white;
}

/*.justify-content-around {
    padding: 8px 10px;
    color: #00233A;
    border-radius: 30px;
    text-decoration: none;
    margin-left: -52px;
}*/