/* Estilos globales */
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    text-transform: uppercase !important;
}

.container-fluid {
    padding-bottom: 5rem;
}

.text-green
{
    color: #8db62a !important;
}

.btn-success {
    background-color: #8db62a !important;
}

#btnNuevo {
    color: #fff;
    background-color:#8db62a;
}

a {
    color: #fff;
}

/* Botones */

.btn-add {
    margin-top: 45px;
}

.btn-menu {
    display: none;
}

.btn-others {
    margin-bottom: 4rem;
}

#verTotalDiv,
#verPendienteDiv {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 800;
}

.dependent {
    margin-bottom: 1rem;
}

/* Colores */

.red {
    color: red;
}
.green {
    color: green;
}

.buttons-pdf,
.buttons-excel{
    margin-top: 2rem;
}


/* Login */

#login .container #login-row #login-column #login-box {
    margin-top: 20px;
    padding: 2rem;
    max-width: 600px;
    border-radius: 3px;
    background: #172b4d;
}

#login .container #login-row #login-column #login-box .btn {
    background-color: #8db62a;
}

#login .container #login-row #login-column #login-box img {
    width: 20%;
    display: block;
    margin: auto;
    padding-bottom: 1rem;
}

.text-login {
    margin-top: 3rem;
}

/* Menú de navegación */

.navbar-nav .nav-item .nav-link.active {
    background-color: #0f1e38 !important;
    color: #fff !important;
}

.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
    max-height: 5rem;
}

#sidenav-collapse-main .navbar-nav {
    margin-top: 3rem;
}

.sidenav.navbar.navbar-vertical {
    background-color: #172b4d;
}

span.nav-link-text.submenu {
    margin-left: 2rem;
}

.nav-item.logout {
    margin-top: 4rem !important;
}

/* Tablas */

.table-responsive {
    padding: 1rem;
}

table.dataTable thead {
    background: #007bff;
    color:white;
}

.caja {
  /* border: 1px solid; */
  padding: 5px;
  box-shadow: 10px 10px 50px 1px #7c7c81;
  border-radius: 10px;
  margin-top: 2rem;
}

.filtro-fecha {
    margin: 1rem 0;
    color: #fff !important;
}

.column-filled {
    display: none;
}

/* Quitar la visibilidad en la búsqueda múltiple */
.reservas .select2-container[data-select2-id~="2"],
.reservas .select2-container[data-select2-id~="4"],
.reservas .select2-container[data-select2-id~="6"],
.reservas .select2-container[data-select2-id~="10"],
.reservas .select2-container[data-select2-id~="12"],
.reservas .select2-container[data-select2-id~="14"],
.reservas .select2-container[data-select2-id~="16"],
.reservas .select2-container[data-select2-id~="18"],
.reservas .select2-container[data-select2-id~="20"],
.reservas .select2-container[data-select2-id~="24"],
.reservas .select2-container[data-select2-id~="26"],
.reservas .select2-container[data-select2-id~="30"],
.reservas .select2-container[data-select2-id~="32"],
.reservas .select2-container[data-select2-id~="36"],
.reservas .select2-container[data-select2-id~="38"],
.reservas .select2-container[data-select2-id~="40"],
.reservas .select2-container[data-select2-id~="42"],
.reservas .select2-container[data-select2-id~="44"],
.reservas .select2-container[data-select2-id~="46"],
.formato-general .select2-container[data-select2-id~="2"],
.formato-general .select2-container[data-select2-id~="4"],
.formato-general .select2-container[data-select2-id~="8"],
.formato-general .select2-container[data-select2-id~="10"],
.formato-general .select2-container[data-select2-id~="12"],
.formato-general .select2-container[data-select2-id~="14"],
.formato-general .select2-container[data-select2-id~="16"],
.formato-general .select2-container[data-select2-id~="20"],
.formato-general .select2-container[data-select2-id~="22"],
.formato-general .select2-container[data-select2-id~="24"],
.formato-vendedor .select2-container[data-select2-id~="2"],
.formato-vendedor .select2-container[data-select2-id~="4"],
.formato-vendedor .select2-container[data-select2-id~="10"],
.formato-vendedor .select2-container[data-select2-id~="12"],
.formato-vendedor .select2-container[data-select2-id~="14"],
.formato-vendedor .select2-container[data-select2-id~="16"],
.formato-vendedor .select2-container[data-select2-id~="20"],
.formato-vendedor .select2-container[data-select2-id~="22"],
.formato-vendedor .select2-container[data-select2-id~="24"],
.formato-conductor .select2-container[data-select2-id~="2"],
.formato-conductor .select2-container[data-select2-id~="4"], 
.formato-conductor .select2-container[data-select2-id~="8"], 
.formato-conductor .select2-container[data-select2-id~="10"],
.formato-conductor .select2-container[data-select2-id~="12"],
.formato-conductor .select2-container[data-select2-id~="14"],
.formato-conductor .select2-container[data-select2-id~="16"],
.formato-conductor .select2-container[data-select2-id~="18"],
.formato-conductor .select2-container[data-select2-id~="22"] {
    display: none;
}

.update-button {
    color: #fff !important;
}

table.dataTable thead {
    background: #172b4d;
    color:white;
}


thead th {
  padding: 1rem !important;
}

tbody tr {
    line-height: 50px;
}

/* #tablaReservas td,
#tablaFormatoGeneral td,
#tablaFormatoConductor td,
#tablaFormatoVendedor td {
    max-width: 8rem;
    overflow: hidden;
} */

#tablaAcomp td {
    max-width: 5rem;
    overflow: hidden;
}

#addAcomp {
    float: right;
}

tfoot tr th {
    font-size: 1rem !important;
}

table.dataTable tbody > tr.selected {
    background-color: #e9f1ff;
}

/* Modal */

.modal-dialog {
    max-width: 600px;
}

/* Datepicker */

.ui-datepicker {
    font-size: 9pt !important;
}

.ui-datepicker thead th {
    padding: 0 !important;
}

.ui-datepicker tbody tr {
    line-height: 10px !important;
}

.swal2-styled.swal2-confirm {
    background-color: #172b4d !important;
}

/* Texto de bienvenida */

.welcome-text {
    margin-top: 25%;
}

/* Ocultar la búsqueda de las columnas ver y acciones */
.Ver, .Acciones {
    display: none;
}

/* Ocultar botones si no tiene acceso */

.bloqEditReservas .btnEditar,
.bloqDeleteReservas .btnBorrar {
    display: none;
}

/* Negrita de los módulos */

.moduleConceptos,
.moduleContabilidad,
.moduleConfiguracion,
.moduleInformes,
.moduleReservas {
    font-weight: 800;
}

/* Módulo de informes */

.consultaCon,
.consultaDet,
.consultaDia {
    display: none;
}

.dt-buttons {
    padding-left: 0 !important;
}

.dt-button {
    margin-right: 0 !important;
}

/* Ticket de la reserva */

#save {
    margin-left: 0.5rem;
}

.logo-ticket {
    display: block;
    margin: auto;
    width: 10%;
}

.acomp-table,
.tour-table,
.abono-table {
    width: 100%;
}

.optionButtons {
    margin-top: 2rem;
    text-align: center;
}

.logMsg {
    margin-top: 4rem;
}

#montoPendiente {
    font-weight: 800;
}

/* Formatos de las tablas de reservas */

.dataTables_scrollBody thead tr {
    visibility: collapse;
}

/* .formato-vendedor,
.formato-conductor {
    display: none;
}  */

.formatoBlue {
    background: #def0ff;
}

.formatoGreen {
    background: #b9d79e;
}

.formatoIngreso {
    background: #e5fcd1;
}

.formatoGasto {
    background: #ffc8cb;
}

.btnFormato {
    margin-top: 2rem;
}

#idGroup {
    width: 40%;
    margin-bottom: 2rem;
}

#tablaAcomp_wrapper,
#tablaTour_wrapper,
#tablaAbono_wrapper {
    overflow-x: scroll;
}

.dtrg-group td {
    text-align: left !important;
    padding-left: 4.8rem !important;
    background-color: #e8f0ff !important;
}

input.Total.personas,
input.Comentario,
input.Edad,
input.Subtotal,
input.Abono,
input.Pendiente {
    display: none;
}

/* Vista de usuarios */

#btnInactivo {
    margin-top: 2rem;
}

/* Formulario de búsqueda para las sugerencias */

#suggestions {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    height: auto;
    z-index: 9999;
    width: fit-content;
}
 
#suggestions .suggest-element,
#suggestionsAcomp, .suggest-element-acomp {
    cursor: pointer;
}

#suggestionsAcomp .suggest-element-acomp {
    background-color: #172b4d;
    border-top: 1px solid #efefef;
    cursor: pointer;
    width: 100%;
    padding: 0.5rem 1.5rem;
    color: #fff !important;
    margin-left: 1rem;
    position: relative;
    float: left;
    top: -1rem;
}

#btnVerSuggest {
    margin-top: 2.5rem;
}

/* Modal de información adicional de reservas */
.selectionAddInfo {
    text-align: center;
}


.multiselect {
    background: #172b4d;
    display: block;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
    color: #fff;
    border-color: #172b4d;
    background-color: #172b4d;
}

#tableSuggest th {
    background: #172b4d;
    color: #fff;
}

.dropdown-menu.show {
    padding: 0.8rem !important;
}

.selectionAddInfo {
    margin-bottom: 1.5rem;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}

.table-responsive {
    overflow-y: scroll;
    height: 400px;
}

/* Media Queries */

@media (max-width: 1199.98px) {
    .sidenav {
        transform: none !important;
    }
    #btnVerSuggest {
    margin-top: 0;
    }
    .btn-menu {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #fff !important;
        display: block;
        position: absolute;
        right: 0;
        top: -50px;
    }

    /* Botones */

    #btnNuevo,
    #btnInactivo {
        margin-top: 1rem !important;
        display: block;
        margin: auto;
    }

    #btnInactivo {
        margin-top: 2rem !important;
    }

    /* Checks */
    .form-check-input.col-lg-6 {
        right: -5rem;
    }
}

@media print and (width: 80mm) {
    @page {
       margin: 3mm;
    }
}