/*-----ESTILOS GENERALES-----*/

/* @import url('https://fonts.googleapis.com/css2?family=Helvetica:wght@100;300;400;500;700;900&display=swap'); */

html {
    box-sizing: border-box;
}

* {
    box-sizing: inherit;
    /* font-family: 'Helvetica', sans-serif; */
    font-family: Helvetica;
    margin: 0px;
    padding: 0px;

}

body {

    background: #6D6E72;
    min-height: 100vh;
    padding: 0 1rem;

}

.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active,
.btn.btn-bg-primary, .btn.btn-bg-primary:hover, .btn.btn-bg-primary:focus, .btn.btn-bg-primary:active 
.btn-gen,.btn-gen:hover, .btn-eli, .btn-eli:hover
{
    color: #fff;
    background-color: #003567;
    border: 1px solid #003567; 
}

.btn-edi, .btn-edi:hover, .btn-edi:focus, .btn-edi:active{
    color: white;
    background-color: #6D6E72;
}

.container {

    width: 70%;
    min-height: 80%;
    background-color: white;
    margin-bottom: 40px;
    border-radius: 10px;
    font-family: Helvetica;

}

a {
    font-family: Helvetica;
}

button {
    font-family: Helvetica;
}

.container-sesion {
    background-color: #fff;
    border-radius: 50px;
    max-width: 25vw;
    padding: 0 50px;
    height: 75vh;
}

.container-reporte {
    min-height: 70vh;
    padding: 30px 100px;
}

.borde-especial {
    border-right: 1px solid #b0b6ba;
}

.perfil-empresarial {
    margin: 4%;
    padding: 4%;
    margin-bottom: 0px;
}

.parrafo-principal {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.iconos {
    font-size: 100px;
    margin-left: 44%;
}

.btn-gen {
    color: white;
    background-color: #003567;
    margin-left: 45%;
    margin-bottom: 70px;
    margin-top: 45px;
}

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

/*-----CONTENIDO PERFIL USUARIOS-----*/

.columna-derecha {
    float: left;
    margin-right: 100px;
    margin-top: 20px;
    color: #6D6E72;
    font-size: 15px;
}

.columna-izquierda {
    margin-top: 70px;
    margin-left: 70%;
    color: #707070;
    font-size: 15px;
}

#btn-admin-priv {
    margin-bottom: 0px;
}

.btn-edi-perusu:hover {
    color: white;
}

/*-----PRIVILEGIOS USUARIOS-----*/

.info-perfil {
    margin-top: 35px;
}

.table {
    border: 1px solid;
    margin-top: 30px;
}

.table thead {
    font-family: Helvetica;
    font-size: 15px;
}

.table tbody {
    font-family: Helvetica;
    font-size: 15px;
    color: #6D6E72;
}

.btn-eli {
    display: block;
    float: left;
    background-color: #003567;
    color: white;
}

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

.btn-res {
    display: block;
    float: left;
    background-color: black;
    color: white;
    border: 1px solid black;
}

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


.btn-edi {
    display: block;
    float: left;
    background-color: #6D6E72;
    color: white;
    margin-right: 5px;
}

#guardar {
    margin-bottom: 30px;
}

.checkbox-box #checkbox-uno {
    margin-left: 17px;
}

.checkbox-box #checkbox {
    margin-left: 85px;
}

.parrafo-uno {
    display: block;
    float: left;
    margin-left: 25px;
    margin-bottom: 0px;
    font-size: 13px;
}

.parrafo {
    display: block;
    margin-left: 60%;
    margin-bottom: 0px;
    font-size: 13px;
}

.titulos-tabla {
    font-size: 18px;
    text-align: center;
}

.filtro {
    margin-top: 20px;
}

#btn-guardar-cam {
    margin-bottom: 0px;
}

/*-----CONTENIDO ASOCIADOS-----*/

#fil-busq {
    height: 35px;
}

#button-addon2 {
    height: 35px;
    width: 35px;
    padding-right: 35px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

#button-addon2:hover {
    background-color: #003567;
}

#btn-agre-asoc {
    color: white;
    background-color: #003567;
}

#btn-rest-asoc {
    color: white;
    background-color: #6D6E72;
}

#btn-agr-miem {
    margin-top: 35px;
    margin-bottom: 0px;
}

#ver-repo {
    color: white;
    background-color: #6D6E72;
    height: 37px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 5px;
}

#edi-perf {
    color: white;
    background-color: #003567;
}

#inha-perf {
    color: black;
    background-color: white;
    margin-top: 5px;
}

.list-items .list-item:hover {
    background-color: #003567;
    color: #fff;
    transition: all .5s ease;
}

.list-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    color: #fff;
    font-weight: 400;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.card-enc {
    border-radius: 20px;
}

#titulo-enc {
    margin-bottom: 25px;
}

#btn-edi-miem {
    margin-top: 45px;
    margin-bottom: 0px;
}


#caja-proceso {
    width: 100%;
}

#colum-izq {
    display: block;
}

#colum-der {
    float: right;
}

#parr-prin {
    margin-bottom: 40px;
}

.fila-ctrl-enc {
    margin-bottom: 30px;
}

.progress-bar-imap {
    width: 350px;
    height: 30px;
    margin-left: 250px;
    margin-top: -40px;
}

.pregunta-enc {
    padding: 20px;
    border-bottom: 1px solid #ccc;
}

#btn-edi-est {
    margin-left: 40%;
    margin-right: 15px;
}

#enc-uno-sec-dos {
    visibility: hidden;
    position: absolute;
    margin-top: -745px;
}

.indicaciones {
    color: #6d6e72;
    font-size: 1em;
}

.grid {
    max-width: 50%;
    margin: 0 auto;
}

.grid-75 {
    max-width: 75%;
    margin: 0 auto;
}

.grid-100 {
    max-width: 95%;
    margin: 0 auto;
}

.grid-head-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    text-align: center;
    align-items: center;
}

.grid-head-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    text-align: center;
    align-items: center;
}

.grid-head-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    text-align: center;
    align-items: center;
}

.grid-head-4 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
    text-align: center;
    align-items: center;
}

.grid-head-5 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-items: center;
    text-align: center;
    align-items: center;
}

.grid-head-6 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-items: center;
    text-align: center;
    align-items: center;
}

.grid-body {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.grid-row-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
}

.grid-row-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
}
.grid-row-7{
    display: grid;
    grid-template-columns: repeat(8,1fr);
    justify-items: center;
}
.grid-row-8{
    display: grid;
    grid-template-columns: repeat(9,1fr);
    justify-items: center;
}

.grid-row-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
}

.grid-row-4 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
}

.grid-row-5 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-items: center;
}

.grid-row-6 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-items: center;
}

.grid-cell {
    width: 100%;
    height: 2em;
    text-align: end;
    display: flex;
    justify-content: end;
}

.grid-cell p {
    line-height: 1;
    margin: auto 0;
}

.grid-cell label {
    width: 2em;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.grid-cell input[type="text"],
.grid-cell input[type="number"] {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: center;
}

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;
}

.form-control:focus {
    border-color: #000;
    box-shadow: 0 0 0 0.25rem rgb(185, 185, 185);
}

.grid-cell label span,
td label span {
    visibility: hidden;
}

.grid-cell input[type="checkbox"]:checked+label span,
td input[type="checkbox"]:checked+label span {
    visibility: visible;
    display: block;
    margin: auto 0;
}

#form input[type="radio"] {
    display: none;
}

#form label {
    color: grey;
}

.clasificacion {
    direction: rtl;
    unicode-bidi: bidi-override;
}

#form label:hover,
#form label:hover~label {
    color: orange;
}

#form input[type="radio"]:checked~label {
    color: orange;
}

a {
    text-decoration: none;
    color: #6D6E72;
}

a:hover {
    color: #003567;
}

.correcto,
.incorrecto {
    display: none;
}

.invalido {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.valido {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.valido~.correcto {
    display: block;
    color: #198754;
    font-weight: 300;
    margin-top: 10px;
}

.invalido~.incorrecto {
    display: block;
    color: #dc3545;
    font-weight: 300;
    margin-top: 10px;
}

.img-perfil {
    width: 50%;
    max-width: 200px;
}

.campo {
    margin-bottom: 20px;
    font-size: 1rem;
    text-align: center;

}

.campo .titulo {
    margin: 0;
    color: #000;
    font-weight: 500;
}

.campo .texto {
    color: #6D6E72;
    font-weight: 400;
    margin: 0;
}

.chartWrapper {
    position: relative;
    overflow-x: scroll;
}

.chartWrapper>canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.chartAreaWrapper {
    width: 7000px;
    height: 550px;
}

.table-content {
    width: 100%;
    height: 70vh;
    text-align: center;
}

#tabla-repAso {
    overflow: auto;
}

#tabla-repAso th {
    position: sticky;
    top: 0;
    z-index: 2;
}

#tabla-repAso th[scope=row] {
    left: 0;
    z-index: 1;
}

/**/

.cards-contactos{
    width: 30%;
    min-height: 40%;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 2px #ddd;
    background: white;
    overflow: hidden;
}
.move{
    cursor: move;
}

.chosen>div{
    border-color: #b3252e;
    box-shadow: 0 0 0 0.25rem rgb(179 37 46 / 25%);
}