/*modificacion bootstrap*/
:root, [data-bs-theme=light] {
    --bs-body-color: var(--the-text-body);
    --bs-border-color: var(--the-dark0);
    --bs-modal-color: var(--the-text-body);
    --bs-border-color-translucent: var(--the-translucent);
    --bs-modal-padding: 0;
}
tbody, td, tfoot, th, thead, tr {
    border-color: initial;
    border-style: initial;
    border-width: initial;
}

button, input, optgroup, select, textarea {
    padding: .3rem .7rem !important;
    font-size: 0.9rem;  
}

.modal-content {
    color: var(--the-text-body);
}
.modal-backdrop {
    display: none;
}

.modal {
    width: 100%;
    top: 4.3em;
    padding: 0.5em 1.5em;
    height: calc(100vh - 5em);
    background-color: var(--the-bg-card);
}

.modal-dialog {
    width: initial;
}

.modal-title {
    color: #233771;
    /*#8AD098;*/
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.modal-header, .modal-body, .modal-footer {
    padding: 1em;
}
html, body {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
    width: 100%;
    margin: 0 !important;
}

.container-fluid {
    padding: 0px;
    display: flex;
}

.row {
    margin: 0;
    padding: 0;
}

/*.form-control {
    border-color: var(--the-dark2);
    background: #fff;
    color: #6e6e6e;
    line-height: 1.5;
    font-size: 1em;
    height: 2.813em;
    border-radius: 0.375em;
    padding: 0.375em 1em;
}*/



.navbar {
    /*padding-left:1em;padding-right:1.5em;*/
    padding: 0px;
}

.navbar-brand {
    width: 100%;
    display: inline-block;

    margin: 0px;
    padding: 0px;
    white-space: initial;
    align-self: center;
    color: var(--the-text-ligth1);
}

    .navbar-brand.isToggler {
        width: auto;
        display: inline;
    }
        .navbar-brand.isToggler > .headLateralTex {
            display:none !important;
        }

    .navbar-brand:focus, .navbar-brand:hover {
        color: inherit;
        background-color: inherit;
    }

    .navbar-expand-lg .navbar-collapse {
        flex-basis: content;
    }


.navbar-toggler {
    padding: 0;
    color: initial;
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: initial;
    /*transform: translate(6.5em, 0);*/
}
.navbar-toggler-icon {
    background-image: none;
    width: 3em;
    height:auto;
}
.nav {
    --bs-nav-link-hover-color: var(--the-nav-link-h);
}
.navbar-expand-lg {

    height: 4.30em;
    width: 100%;
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: var(--the-text-ligth1);
    --bs-nav-pills-link-active-bg: var(--the-the-bg-navlat-h);
}
.nav-item {
    padding: 0 0em;
   

    align-items: center;
}

.nav-link {
    width: 100%;
    height: 100%;
    padding: 0.5em 2em;
    color: inherit;
    display: flex;
    align-items: center;
}

a:hover{
    color:inherit;
}

.accordion-button {
    padding: 0.6rem;
    color: var(--the-text-body) !important;
    font-weight:bold;
}
    .accordion-button:not(.collapsed) {
        color: var(--the-text-body) !important;
        background-color: var(--the-bbtn-primary-inv) !important;
    }
    .accordion-button:focus {
        box-shadow:none;
    }


    /*.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: inherit;
    background-color: inherit;
}*/
    /*MEDIA*/
    /*toggler*/
    @media screen and (max-width: 991px) {
    }


    /*--xs--*/
    @media screen and (max-width: 575px) {
        html, body {
            font-size: 12px;
        }

        .navbar-brand {
            width: auto;
            display: inline;
        }


        .col-xs {
            flex: 1 0 0%;
        }

        .col-xs-auto {
            flex: 0 0 auto;
            width: auto;
        }

        .col-xs-0 {
            display: none;
        }

        .col-xs-1 {
            flex: 0 0 auto;
            width: 8.33333333%;
        }

        .col-xs-2 {
            flex: 0 0 auto;
            width: 16.66666667%;
        }

        .col-xs-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        .col-xs-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

        .col-xs-5 {
            flex: 0 0 auto;
            width: 41.66666667%;
        }

        .col-xs-6 {
            flex: 0 0 auto;
            width: 50%;
        }

        .col-xs-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
        }

        .col-xs-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .col-xs-9 {
            flex: 0 0 auto;
            width: 75%;
        }

        .col-xs-10 {
            flex: 0 0 auto;
            width: 83.33333333%;
        }

        .col-xs-11 {
            flex: 0 0 auto;
            width: 91.66666667%;
        }

        .col-xs-12 {
            flex: 0 0 auto;
            width: 100%;
        }

        .offset-xs-0 {
            margin-left: 0;
        }

        .offset-xs-1 {
            margin-left: 8.33333333%;
        }

        .offset-xs-2 {
            margin-left: 16.66666667%;
        }

        .offset-xs-3 {
            margin-left: 25%;
        }

        .offset-xs-4 {
            margin-left: 33.33333333%;
        }

        .offset-xs-5 {
            margin-left: 41.66666667%;
        }

        .offset-xs-6 {
            margin-left: 50%;
        }

        .offset-xs-7 {
            margin-left: 58.33333333%;
        }

        .offset-xs-8 {
            margin-left: 66.66666667%;
        }

        .offset-xs-9 {
            margin-left: 75%;
        }

        .offset-xs-10 {
            margin-left: 83.33333333%;
        }

        .offset-xs-11 {
            margin-left: 91.66666667%;
        }
    }

    /*--sm--*/
    @media (min-width: 576px) and (max-width: 767px) {
        html, body {
            font-size: 13px;
        }
        .col-sm-0 {
            display:none;
        }
    }

    /*--md--*/
    @media (min-width: 768px) and (max-width: 991px) {
        html, body {
            font-size: 14px;
        }
        .col-md-0 {
            display: none;
        }
    }

    /*--lg--*/
    @media (min-width: 992px) and (max-width: 1199px) {
        .col-lg-0 {
            display: none;
        }
    }

    /*--xl--*/
    @media (min-width: 1200px) {
        .col-xl-0 {
            display: none;
        }
    }



/*===============similar boostrap INLINE===============*/
.colintable {
    display: inline-table !important;
}

.colin-xs-1, .colin-sm-1, .colin-md-1, .colin-lg-1, .colin-xs-2, .colin-sm-2, .colin-md-2, .colin-lg-2, .colin-xs-3, .colin-sm-3, .colin-md-3, .colin-lg-3, .colin-xs-4, .colin-sm-4, .colin-md-4, .colin-lg-4, .colin-xs-5, .colin-sm-5, .colin-md-5, .colin-lg-5, .colin-xs-6, .colin-sm-6, .colin-md-6, .colin-lg-6, .colin-xs-7, .colin-sm-7, .colin-md-7, .colin-lg-7, .colin-xs-8, .colin-sm-8, .colin-md-8, .colin-lg-8, .colin-xs-9, .colin-sm-9, .colin-md-9, .colin-lg-9, .colin-xs-10, .colin-sm-10, .colin-md-10, .colin-lg-10, .colin-xs-11, .colin-sm-11, .colin-md-11, .colin-lg-11, .colin-xs-12, .colin-sm-12, .colin-md-12, .colin-lg-12 {
    position: relative;
    min-height: 1px;
}

.colin-xs-1, .colin-xs-2, .colin-xs-3, .colin-xs-4, .colin-xs-5, .colin-xs-6, .colin-xs-7, .colin-xs-8, .colin-xs-9, .colin-xs-10, .colin-xs-11, .colin-xs-12 {
    display: inline-block;
}

.colin-xs-12 {
    width: calc(100% - 3px);
}

.colin-xs-11 {
    width: calc(91.66666667% - 3px);
}

.colin-xs-10 {
    width: calc(83.21212121212133% - 3px);
}

.colin-xs-9 {
    width: calc(75% - 3px);
}

.colin-xs-8 {
    width: calc(66.66666667% - 3px);
}

.colin-xs-7 {
    width: calc(58.21212121212133% - 3px);
}

.colin-xs-6 {
    width: calc(50% - 3px);
}

.colin-xs-5 {
    width: calc(41.66666667% - 3px);
}

.colin-xs-4 {
    width: calc(33.21212121212133% - 3px);
}

.colin-xs-3 {
    width: calc(25% - 3px);
}

.colin-xs-2p5 {
    width: calc(20% - 3px);
}

.colin-sx-2 {
    width: calc(16.66666667% - 3px);
}

.colin-xs-1p5 {
    width: calc(11.11111117% - 3px);
}

.colin-xs-1 {
    width: calc(8.21212121212133% - 3px);
}


@media (min-width: 576px) {
    .colin-sm-1, .colin-sm-2, .colin-sm-3, .colin-sm-4, .colin-sm-5, .colin-sm-6, .colin-sm-7, .colin-sm-8, .colin-sm-9, .colin-sm-10, .colin-sm-11, .colin-sm-12 {
        display: inline-block;
    }

    .colin-sm-12 {
        width: calc(100% - 3px);
    }

    .colin-sm-11 {
        width: calc(91.66666667% - 3px);
    }

    .colin-sm-10 {
        width: calc(83.21212121212133% - 3px);
    }

    .colin-sm-9 {
        width: calc(75% - 3px);
    }

    .colin-sm-8 {
        width: calc(66.66666667% - 3px);
    }

    .colin-sm-7 {
        width: calc(58.21212121212133% - 3px);
    }

    .colin-sm-6 {
        width: calc(50% - 3px);
    }

    .colin-sm-5 {
        width: calc(41.66666667% - 3px);
    }

    .colin-sm-4 {
        width: calc(33.21212121212133% - 3px);
    }

    .colin-sm-3 {
        width: calc(25% - 3px);
    }

    .colin-sm-2 {
        width: calc(16.66666667% - 3px);
    }

    .colin-sm-1 {
        width: calc(8.21212121212133% - 3px);
    }

    .colin-sm-2p5 {
        width: calc(20% - 3px);
    }

    .colin-sm-2 {
        width: calc(16.66666667% - 3px);
    }

    .colin-sm-1p5 {
        width: calc(11.11111117% - 3px);
    }

    .colin-sm-1 {
        width: calc(8.21212121212133% - 3px);
    }
}

@media (min-width: 768px) {
    .colin-md-1, .colin-md-2, .colin-md-3, .colin-md-4, .colin-md-5, .colin-md-6, .colin-md-7, .colin-md-8, .colin-md-9, .colin-md-10, .colin-md-11, .colin-md-12 {
        display: inline-block;
    }

    .colin-md-12 {
        width: calc(100% - 3px);
    }

    .colin-md-11 {
        width: calc(91.66666667% - 3px);
    }

    .colin-md-10 {
        width: calc(83.21212121212133% - 3px);
    }

    .colin-md-9 {
        width: calc(75% - 3px);
    }

    .colin-md-8 {
        width: calc(66.66666667% - 3px);
    }

    .colin-md-7 {
        width: calc(58.21212121212133% - 3px);
    }

    .colin-md-6 {
        width: calc(50% - 3px);
    }

    .colin-md-5 {
        width: calc(41.66666667% - 3px);
    }

    .colin-md-4 {
        width: calc(33.21212121212133% - 3px);
    }

    .colin-md-3 {
        width: calc(25% - 3px);
    }

    .colin-md-2p5 {
        width: calc(20% - 3px);
    }

    .colin-md-2 {
        width: calc(16.66666667% - 3px);
    }

    .colin-md-1p5 {
        width: calc(11.11111117% - 3px);
    }

    .colin-md-1 {
        width: calc(8.21212121212133% - 3px);
    }
}

@media (min-width: 992px) {
    .colin-lg-1, .colin-lg-2, .colin-lg-3, .colin-lg-4, .colin-lg-5, .colin-lg-6, .colin-lg-7, .colin-lg-8, .colin-lg-9, .colin-lg-10, .colin-lg-11, .colin-lg-12 {
        display: inline-block;
    }

    .colin-lg-12 {
        width: calc(100% - 3px);
    }

    .colin-lg-11 {
        width: calc(91.66666667% - 3px);
    }

    .colin-lg-10 {
        width: calc(83.21212121212133% - 3px);
    }

    .colin-lg-9 {
        width: calc(75% - 3px);
    }

    .colin-lg-8 {
        width: calc(66.66666667% - 3px);
    }

    .colin-lg-7 {
        width: calc(58.21212121212133% - 3px);
    }

    .colin-lg-6 {
        width: calc(50% - 3px);
    }

    .colin-lg-5 {
        width: calc(41.66666667% - 3px);
    }

    .colin-lg-4 {
        width: calc(33.21212121212133% - 3px);
    }

    .colin-lg-3 {
        width: calc(25% - 3px);
    }

    .colin-lg-2p5 {
        width: calc(20% - 3px);
    }

    .colin-lg-2 {
        width: calc(16.66666667% - 3px);
    }

    .colin-lg-1p5 {
        width: calc(11.11111117% - 3px);
    }

    .colin-lg-1 {
        width: calc(8.21212121212133% - 3px);
    }
}

@media (min-width: 1200px) {
    .colin-xl-1, .colin-xl-2, .colin-xl-3, .colin-xl-4, .colin-xl-5, .colin-xl-6, .colin-xl-7, .colin-xl-8, .colin-xl-9, .colin-xl-10, .colin-xl-11, .colin-xl-12 {
        display: inline-block;
    }

    .colin-xl-12 {
        width: calc(100% - 3px);
    }

    .colin-xl-11 {
        width: calc(91.66666667% - 3px);
    }

    .colin-xl-10 {
        width: calc(83.21212121212133% - 3px);
    }

    .colin-xl-9 {
        width: calc(75% - 3px);
    }

    .colin-xl-8 {
        width: calc(66.66666667% - 3px);
    }

    .colin-xl-7 {
        width: calc(58.21212121212133% - 3px);
    }

    .colin-xl-6 {
        width: calc(50% - 3px);
    }

    .colin-xl-5 {
        width: calc(41.66666667% - 3px);
    }

    .colin-xl-4 {
        width: calc(33.21212121212133% - 3px);
    }

    .colin-xl-3 {
        width: calc(25% - 3px);
    }

    .colin-xl-2p5 {
        width: calc(20% - 3px);
    }

    .colin-xl-2 {
        width: calc(16.66666667% - 3px);
    }

    .colin-xl-1p5 {
        width: calc(11.11111117% - 3px);
    }

    .colin-xl-1 {
        width: calc(8.21212121212133% - 3px);
    }
}
/*===============FIN similar boostrap===============*/