@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

body,
#boxMenu,
.navigation {
    font-family: "Roboto", sans-serif !important;
}

/* LOGIN */

#boxImgCompany {
    margin-bottom: 2rem;
}

#BtnLogin {
    width: 100%;
}

.error_display_none {
    display: none;
}

.error_display_block {
    display: block;
}

#boxButtonIdiomas {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 1rem;
}

#btnLanguage {
    padding: 0rem;
    background: transparent;
    color: white;
}

#iconLanguage {
    color: #7367F0;
    font-size: 1.5rem;
}

#boxIdiomas {
    cursor: pointer;
}

.icon_bandera {
    width: 2rem;
    margin-right: .5rem;
}

/*       */


/* INDEX */

/* Cuando no es movil, el navbar está escondida */

@media (max-width : 1199px) {
    #nav_header {
        display: block !important;
    }

    .header_pagina {
        margin-top: 5rem;
    }

    #bodyContent {
        margin-top: 5rem;
    }
}

#nav_header {
    display: none;
}

.navbar-container {
    margin: 1.5rem !important;
    padding: 0rem !important;
}

html.bordered-layout body .main-menu,
html.bordered-layout body .main-menu .navigation {
    background-color: white;
}

#li_boxMenuLogoTitle {
    margin: auto 0rem;
}

#boxMenuLogoTitle {
    margin: 0rem;
}

.icon-lang-menu {
    width: 2rem;
    margin-right: 1.1rem;
}

#logo_menu {
    max-width: 100% !important;
    max-height: 3.6rem !important;
}

.show_loading {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hide_loading {
    display: none;
}

/*       */


/* PAGINAS */

.header_pagina {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.subtitle_pagina {
    padding-left: 1rem;
}

table span.table_column_id_img {
    display: none;
}

.img_dt_tamano {
    width: 2rem;
    height: 2rem;
}

.img_dt_tamano_gestor {
    width: 1.2rem;
    height: 1.2rem;
}

.img_dt_margen {
    margin-right: .5rem;
}

.img_pdf {
    cursor: pointer;
}

.img_bell_alerta {
    width: 3rem;
    height: 3rem;
}

.recordatorio_discre_ov {
    border-bottom: 1px solid white;
    background-color: #E3E1FC;
}

.recordatorio_discre_ov:hover {
    background-color: #9B92F4 !important;
    color: white;
}

.dark-layout .recordatorio_discre_ov {
    border-bottom: 1px solid #283046;
    background-color: #373B68;
}

.txtCreadoOV {
    color: #FFC107;
    font-weight: 600;
}

/*       */


/* TABLA: SERVICIOS-LISTA ~ FACTURAS ~ FACTURAS-GESTOR ~ GASTOS-GESTOR ~ ENLACE_CONTABLE-GESTOR */

#TableFacturas tbody tr:hover,
#TableServicios tbody tr:hover,
#TableGestorFacturas tbody tr:hover,
#TableGestorGastos tbody tr:hover,
#TableGestorHistoricoEnlaceContable tbody tr:hover #TableGestorCuentasContablesTiposServicios tbody tr:hover #TableGestorIVA tbody tr:hover #TableGestorConceptosGastos tbody tr:hover {
    cursor: pointer;
}

#TableFacturas:not(.table-dark):not(.table-light) tbody tr:hover,
#TableServicios:not(.table-dark):not(.table-light) tbody tr:hover,
#TableGestorFacturas:not(.table-dark):not(.table-light) tbody tr:hover,
#TableGestorGastos:not(.table-dark):not(.table-light) tbody tr:hover,
#TableGestorHistoricoEnlaceContable:not(.table-dark):not(.table-light) tbody tr:hover #TableGestorCuentasContablesTiposServicios:not(.table-dark):not(.table-light) tbody tr:hover #TableGestorIVA:not(.table-dark):not(.table-light) tbody tr:hover #TableGestorConceptosGastos:not(.table-dark):not(.table-light) tbody tr:hover {
    background-color: #EFEFEF;
}

.dark-layout #TableFacturas:not(.table-dark):not(.table-light) tbody tr:hover,
.dark-layout #TableServicios:not(.table-dark):not(.table-light) tbody tr:hover,
.dark-layout #TableGestorFacturas:not(.table-dark):not(.table-light) tbody tr:hover,
.dark-layout #TableGestorGastos:not(.table-dark):not(.table-light) tbody tr:hover,
.dark-layout #TableGestorHistoricoEnlaceContable:not(.table-dark):not(.table-light) tbody tr:hover .dark-layout #TableGestorCuentasContablesTiposServicios:not(.table-dark):not(.table-light) tbody tr:hover .dark-layout #TableGestorIVA:not(.table-dark):not(.table-light) tbody tr:hover .dark-layout #TableGestorConceptosGastos:not(.table-dark):not(.table-light) tbody tr:hover {
    background-color: #343D55;
}

tr.child td.child ul {
    width: 100%;
}

.dtr-title {
    margin-bottom: 1rem;
}

#TableGestorFacturas tbody tr td,
#TableGestorGastos tbody tr td,
#TableGestorHistoricoEnlaceContable tbody tr td,
#TableGestorCuentasContablesTiposServicios tbody tr td,
#TableGestorIVA tbody tr td,
#TableGestorConceptosGastos tbody tr td {
    padding: .3rem 1.5rem;
}

td {
    /* overflow: hidden;
    max-width: 100px;
    white-space: nowrap;

    text-overflow: ellipsis; */
}

/*       */


/* SERVICIOS-LISTA */

#dtLoading,
#dtLoadingFacturaCobros,
#dtLoadingGastoPago,
#dtTiposServiciosLoading,
#dtIVALoading,
#dtConceptosGastosLoading {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

/*       */


/* SERVICIOS-CALENDARIO */

.fc-h-event .fc-event-title-container {
    padding: .25rem .5rem;
}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
    padding: 0;
}

.fc-event-title.fc-sticky {
    font-weight: 600;
}

.fc-prev-button,
.fc-prev-button:focus,
.fc-next-button,
.fc-next-button:focus {
    border-color: transparent !important;
    background-color: transparent !important;
    color: #6E6B7B !important;
}

.fc-prev-button:hover:not(.disabled):not(:disabled),
.fc-next-button:hover:not(.disabled):not(:disabled) {
    box-shadow: none;
}

.fc-today-button {
    border-color: #7367F0 !important;
    background-color: #7367F0 !important;
    text-transform: capitalize;
}

.fc-today-button:hover:not(.disabled):not(:disabled) {
    border-color: #7367F0 !important;
    background-color: #7367F0 !important;
}

#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-dayGridMonth-button,
#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-timeGridWeek-button,
#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-timeGridDay-button,
#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-listMonth-button {
    border-color: #7367F0 !important;
    background-color: transparent !important;
    color: #7367F0 !important;
    font-weight: 400;
    text-transform: capitalize;
}

#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-dayGridMonth-button.active,
#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-timeGridWeek-button.active,
#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-timeGridDay-button.active,
#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-listMonth-button.active {
    background-color: rgba(115, 103, 240, .2) !important;
}

#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-dayGridMonth-button:hover,
#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-timeGridWeek-button:hover,
#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-timeGridDay-button:hover,
#calendarWrap #calendar .fc-header-toolbar .fc-toolbar-chunk .btn-group .fc-listMonth-button:hover {
    background-color: rgba(115, 103, 240, .2) !important;
}

#calendar:not(.table-dark):not(.table-light).fc .fc-daygrid-day.fc-day-today {
    background-color: #F2F2F2 !important;
}

.dark-layout #calendar:not(.table-dark):not(.table-light).fc .fc-daygrid-day.fc-day-today {
    background-color: #161D31 !important;
}

#calendar:not(.table-dark):not(.table-light).fc .fc-list-day-cushion.table-active {
    background-color: #F5F5F5 !important;
}

.dark-layout #calendar:not(.table-dark):not(.table-light).fc .fc-list-day-cushion.table-active {
    background-color: #242B3D !important;
}

#calendar.fc table.fc-list-table tr.fc-list-event:hover {
    cursor: pointer;

    --fc-list-event-hover-bg-color: #F6F6F9;
}

.dark-layout #calendar.fc table.fc-list-table tr.fc-list-event:hover {
    cursor: pointer;

    --fc-list-event-hover-bg-color: #242B3D;
}

table.fc-scrollgrid.table-bordered {
    border-right-color: transparent;
}

#TableServicios tbody tr td {
    vertical-align: top;
}

/*       */


/* DETALLES-SERVICIO */

#alertError {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 1rem;
}

.img_recursos {
    width: 4rem;
    height: 4rem;
    margin-right: .5rem;
}

.boxMapa {
    padding: .5rem;
}

.btnExpandMap {
    padding: .5rem .5rem 0rem 0rem;
}

.marcadorVehiculo {
    padding: .2rem;
    border: 2px solid white;
    border-radius: 25px;
    background-color: #9B18B4;
}

.img_folder_detalles_servicio {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
}

/*       */


/* DETALLES-SERVICIO-REITERACION */

.box_punto {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #00CFE8;
}

.punto {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.linea {
    width: .2rem;
    height: 2rem;
    margin: 0rem;
    background-color: #00CFE8;
}

#map-reiteracion {
    height: 20rem !important;
}

#map-reiteracion-grande {
    height: 50rem;
}

/*       */


/* DETALLES-SERVICIO-DISCRECIONAL */

#alertEvent {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: .5rem;
}

.space_preline {
    white-space: pre-line;
}

p.card-text.fw-bolder {
    margin-bottom: .5rem;
}

#img_reloj {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
}

.hora {
    font-size: 1.2rem;
    font-weight: 500;
}

.img_pin,
.img_pasajero {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
}

.img_carac {
    width: 3rem;
    height: 3rem;
    margin-right: .5rem;
}

#map-discrecional {
    height: 20rem !important;
}

#map-discrecional-grande {
    height: 50rem;
}

#tel-conductor,
.tel-pasajeros {
    cursor: pointer;
}

#tel-conductor:hover,
.tel-pasajeros:hover {
    font-weight: 600;
}

#BtModificarServicio,
#BtAnularServicio {
    width: 100%;
}

/*       */


/* FACTURAS */

.apexcharts-datalabels-group text.apexcharts-text.apexcharts-datalabel-label,
.apexcharts-datalabels-group text.apexcharts-text.apexcharts-datalabel-value {
    font-size: 3rem;
}

@media (min-width: 1800px) {

    .apexcharts-datalabels-group text.apexcharts-text.apexcharts-datalabel-label,
    .apexcharts-datalabels-group text.apexcharts-text.apexcharts-datalabel-value {
        font-size: 1.1rem;
    }
}

.apexcharts-datalabels-group text.apexcharts-text.apexcharts-datalabel-label {
    font-weight: 400;
}

.apexcharts-datalabels-group text.apexcharts-text.apexcharts-datalabel-value {
    font-weight: 500;
}

.fecha_vencimiento {
    color: red;
    font-weight: 600;
}

/*       */


/* NUEVO-SERVICIO / MODIFICAR-SERVICIO */

.border_error {
    border-color: #EA5455 !important;
}

.color_error {
    color: #EA5455 !important;
}

.bg_error {
    background-color: #F6E4E4 !important;
}

.input-group span svg {
    color: #7367F0;
}

.form-control-lg {
    padding-left: 1rem !important;
}

#boxTipo .form-check.form-check-inline input {
    cursor: pointer;
}

.flatpickr-calendar.hasTime.noCalendar {
    width: 10rem;
    margin-left: -3rem;
}

#telefono_contacto,
.email_contacto {
    cursor: pointer;
}

#telefono_contacto:hover,
.email_contacto:hover {
    font-weight: 600;
}

/*       */


/* TARIFAS */

.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th.table_tarifas {
    background-color: #E3E1FC;
}

.dark-layout .table:not(.table-dark):not(.table-light) thead:not(.table-dark) th,
.dark-layout .table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th.table_tarifas {
    background-color: #343D55;
}

#boxCondiciones .divider.divider-primary .divider-text:after {
    border-color: #E3E1FC !important;
}

/*       */