html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}



.padding-8 {
    padding: 8px;
}

.padding-4 {
    padding: 4px;
}

legend {
    width: auto;
    float: revert !important;
    font-size: 1rem !important;
    font-weight: 200;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

fieldset {
    padding: revert !important;
    border: 1px solid black !important;
}


.img-activo {
    width: 10vw;
    height: 10vw;
    object-fit: cover;
}

.table-center tr, td, th {
    text-align: center !important;
}

.table-sm {
    font-size: 12px !important;
}


/*Media Css form search bar html*/
.wrapper {
    width: 100%;
    /*margin: 0.8rem auto 0rem auto;*/
}

.label {
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: +1.3px;
    margin-bottom: 0.2rem;
}

.searchBar {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#searchQueryInput {
    width: 100%;
    height: 2.3rem;
    background: white;
    outline: none;
    border: none;
    border-radius: 1.625rem;
    padding: 0 3.5rem 0 1.5rem;
    font-size: 0.8rem;
}

#searchQuerySubmit {
    width: 3.5rem;
    height: 2.3rem;
    margin-left: -3.5rem;
    background: none;
    border: none;
    outline: none;
}

    #searchQuerySubmit:hover {
        cursor: pointer;
    }

/*end Search bar Css*/

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

legend {
    width: auto;
    float: revert !important;
    font-size: 1rem !important;
    font-weight: 200;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

fieldset {
    padding: revert !important;
    border: 1px solid black !important;
}


.img-activo {
    width: 10vw;
    height: 10vw;
    object-fit: cover;
}

@media only screen and (max-width:575px) {
    .profile-section {
        margin: 5px;
    }
}

.dropdown-menu:hover {
    display: block;
}

.module-menu.dropdown-menu[data-bs-popper] {
    top: revert;
    left: revert;
    margin-top: revert;
}

.text-option {
    color: #212529;
    text-decoration: none;
    text-align: start;
    margin: 3px;
}

li.active > a.text-option {
    color: white;
}

.box {
    border: none;
}

.box-bordered {
    border: 1px black solid;
}

.box-light {
    color: black;
}

.box-dark {
    color: white;
}

.box-danger {
    background-color: red;
}

.box-primary {
    background-color: dodgerblue;
}

.box-accent {
    background-color: #6f42c1;
}

.box-warning {
    background-color: yellow;
}

.box-success {
    background-color: green;
}


.box-content-warning {
    background-color: lightyellow;
    border: 1px solid yellow;
}

.box-content-accent {
    background-color: #edd1ff;
    border: 1px solid #9252ff;
}

.box-content-primary {
    background-color: white;
    border: 1px solid lightblue;
}

.box-content-danger {
    background-color: white;
    border: 1px solid palevioletred;
}

.box-content-success {
    background-color: white;
    border: 1px solid lightgreen;
}

.text-red-intense {
    color: red;
    font-weight: bold;
}

.box {
    padding: 4px !important;
}

.box-bordered {
    border-radius: 8px;
}

.section-danger {
    background-color: rgba(237, 154, 152, 50%) !important;
    color: black;
    font-weight: bold;
}

.section-primary {
    background-color: rgba(108, 191, 255, 50%) !important;
    color: black;
    font-weight: bold;
}

.section-success {
    background-color: rgba(139, 233, 161, 50%) !important;
    color: black;
    font-weight: bold;
}

.section-secondary {
    background-color: rgba(255, 219, 80, 50%) !important;
    color: black;
    font-weight: bold;
}

.section-ternary {
    background-color: rgba(108,117,125, 50%) !important;
    color: black;
    font-weight: bold;
}

.section-info {
    background-color: rgba(13,202,240 50%) !important;
    color: black;
    font-weight: bold;
}


.section-danger-solid {
    background-color: rgb(246, 58, 53) !important;
    color: black;
    font-weight: bold;
}

.section-primary-solid {
    background-color: rgb(6, 107, 243) !important;
    color: black;
    font-weight: bold;
}

.section-success-solid {
    background-color: rgb(45, 200, 81) !important;
    color: black;
    font-weight: bold;
}

.section-secondary-solid {
    background-color: rgb(152, 231, 20) !important;
    color: black;
    font-weight: bold;
}

.bg-marine {
    background-color: rgb(20, 107, 137) !important;
}

input[type="text"], input[type="date"], label, select, button, a.btn-warning, label.input-group-text {
    font-size: 12px !important;
}

.table-bordered td {
    border: none !important;
    border-bottom: solid 1px #dee2e6 !important;
}

.text-muted {
    color: #777;
}

tr.color-primary {
    color: #337ab7;
}

    tr.color-primary:hover {
        color: #286090;
    }

tr.color-success {
    color: #3c763d;
}

    tr.color-success:hover {
        color: #2b542c;
    }

tr.color-info {
    color: #31708f;
}

    tr.color-info:hover {
        color: #245269;
    }

tr.color-warning {
    color: #8a6d3b;
}

    tr.color-warning:hover {
        color: #66512c;
    }

tr.color-danger {
    color: #a94442;
}

    tr.color-danger:hover {
        color: #843534;
    }

tr.row-primary {
    color: #fff;
    background-color: #337ab7 !important;
}

    tr.row-primary:hover {
        background-color: #286090;
    }

tr.row-success {
    background-color: #dff0d8 !important;
}

    tr.row-success:hover {
        background-color: #c1e2b3;
    }

tr.row-info {
    background-color: #d9edf7 !important;
}

    tr.row-info:hover {
        background-color: #afd9ee;
    }

tr.row-warning {
    background-color: #fcf8e3 !important;
}

    tr.row-warning:hover {
        background-color: #f7ecb5;
    }

tr.row-danger {
    background-color: #f2dede !important;
}

    tr.row-danger:hover {
        background-color: #e4b9b9;
    }

#TablaDatos > tbody > tr:hover > td:first-child {
    border-left: solid 3px #6c757d !important;
}

#TablaDatos > tbody > tr:hover > td:last-child {
    border-right: solid 3px #6c757d !important;
}

#TablaDatos > tbody > tr:hover > td {
    border: none;
    border-bottom: solid 3px #6c757d !important;
    border-top: solid 3px #6c757d !important;
}

#TablaDatos > tbody > tr:hover {
    opacity: 0.8;
}

.text-black {
    color: #212121 !important;
}

.text-white {
    color: #fafafa !important;
}