html{
    background: url(../img/background/Fondo.png) top center;
    position: relative;
    min-height: 100%;
    font-size: 14px;
    background-size: cover;
    background-repeat: no-repeat;
}

main > .container {
    padding: 60px 15px 0;
}

.count-box i {
    display: block;
    font-size: 48px;
    color: #325d88;
    float: left;
    line-height: 0;
}

.count-box span {
    font-size: 28px;
    line-height: 24px;
    font-weight: 700;
    color: #444444;
    margin-left: 5px;
}

.count-box p {
    padding: 5px 0 0 0;
    margin: 0 0 0 60px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #646c55;
}

.services .icon-box {
    padding: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 10px 15px 10px;
    background: #fff;
    box-shadow: 0 2px 29px 0 rgba(119, 119, 119, 0.8);
    transition: all 0.3s ease-in-out;
}

    .services .icon i {
        font-size: 64px;
        line-height: 1;
        transition: 0.5s;
    }

.services .title {
    font-weight: 700;
    font-size: 20px;
}

.UIform {
    background-color: #ffffff5e;
    padding: 10px;
}

.UIformSec{
    background-color: #ffffff5e;
    padding: 10px;
}



.table-ic {
    --bs-table-color: #fff !important;
    --bs-table-bg: #6a6a6a !important;
}

.table-scroll {
    max-height: 350px !important;
}

.table-scroll-disponible {
    max-height: 250px !important;
}

.table-scroll-reservada {
    max-height: 150px !important;
}

.table-scroll-confirmada {
    max-height: 200px !important;
}

.btnStyle {
    --bs-btn-padding-y: .25rem !important;
    --bs-btn-padding-x: .5rem !important;
    --bs-btn-font-size: 0.80rem !important;
    font-weight: bold !important;
    background-color: #6F7857;
}

.reloj {
    background-color: white;
    color: #51534A;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica;
    font-size: 8pt;
    text-align: center;
}

.imgVFondo {
    background-image: url(../img/background/Fondo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.imgHFondo {
    background-image: url(../img/background/HFondo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.alert {
    padding: 5px !important;
}

.bg-alterno {
    background-color: black !important;
}

.footer-panel {
    background-color: #6F7857 !important;
}

.tbodyDiv {
    max-height: clamp(5em, 30vh, 350px);
    overflow: auto;
}

.falla textarea, .falla input, .falla select {
    border: none;
    outline: none;
    border: 1px solid #ad0c0c;
    background-color: #fbe4e4;
}

.ok textarea, .ok input, .ok select {
    border: none;
    outline: none;
    border: 1px solid #47a353;
    background-color: #ebffee;
}

.form-control, select:focus, textarea:focus, input:focus {
    outline: none;
}

.input-group b {
    visibility: hidden;
    position: absolute;
    font-size: small;
    font-weight: 500;
    text-align: right;
}

.falla b {
    visibility: visible;
    color:#e74c3c;
}

.table-darkgray {
    background-color: darkgray;
}

.input-alterno {
    background-color: dimgrey;
    color: white;
    border: 1px solid #444444;
}

.model-search-content {
    padding: 5px 5px;
    background: #ffffffff;
    box-shadow: 0 10px 40px 0 rgba(38, 40, 64, .2);
    bottom: -150px;
    width: 100%;
    border-radius: 10px;
}

.styled-table {
    border-collapse: collapse;
    font-size: 0.8em;
    box-shadow: 0 0 20px #6F7857;
}

    .styled-table thead tr {
        background-color: #9c9898;
        color: #fff !important;
        text-align: left;
    }

.styled-table th,
.styled-table td {
    padding: 5px 5px;
}

styled-table tbody tr {
    border-bottom: 1px solid #fff;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #444444;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #6a6a6a;
}

.fieldInput {
    border: none;
    outline: none;
    border-bottom: 1px solid #444444;
    color: black;
    font-weight: bold;
    background-color: white;
    margin-bottom: 15px;
}

.fieldSelect {
    border: none;
    outline: none;
    border-bottom: 1px solid #444444;
    color: black;
    font-weight: bold;
    margin-bottom: 15px;
}

.shadow-border {
    border: 5px solid #0000004f !important;
}

.form-control .form-control-sm {
    font-weight: bold;
    color: black;
}

.background-color-titulos {
    background-color: #2A3B29;
}

.background-color-titulosemergente {
    background-color: black;
}


.gif-cargando {
    display: block;
    margin: 0 auto;
    visibility: hidden; /* El gif empieza oculto */
}

.UIformSec_login {
    background-color: transparent;
    
}

.form-control2 {
    font-weight: bold;
    color: #dce0cd;
}