/*---------- GENERAL STYLES ----------*/

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font-family: 'Poppins', sans-serif;
  background: #fff;
}

h1 {
  font-size: 22px;
  font-weight: bold;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 15px;
}

label {
  color: #6C757D;
}

input[type=date]:focus,
input[type=time]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=select]:focus {
	box-shadow: inset 0 -1px 0 #ddd;
}

input[type='checkbox']:checked { 
  background-color: #0278C0;
}

input[type='radio']:checked { 
  background-color: #0278C0;
}

.srv-exento::-webkit-outer-spin-button,
.srv-exento::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.srv-inponible::-webkit-outer-spin-button,
.srv-inponible::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-select:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

a:focus,
button:focus {
  box-shadow: none !important;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

.input-group span {
  background-color: #0278C0;
  color: #fff;
}

.card {
  border: none;
  -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
  box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}

/*---------- SPECIFIC STYLES ----------*/

/*----- Header ------*/
header .dropdown-toggle::after {
  color: #000;
}

/*----- Footer ------*/
footer {
  background-color: #0278C0;
  color: #FFF;
}

/*----- Sidebar ------*/
main aside ul {
  padding: 0px;
}

main aside li {
  /* border-bottom: 1px solid rgba(255,255,255,.1); */
	cursor: pointer;
}

main aside li:hover {
  background: #0278C0;
}

main aside a span,
main aside li i {
  font-size: 15px;
  color: #fff;
  margin-right: 10px;
}

main .account-user-sidebar {
  color: #FFF !important;
  background-image: #FFF;
}

/*----- Pop menu ------*/
.popup-menu-modal ul {
  padding: 0px;
}

.popup-menu-modal li {
  color: #FFF;
	cursor: pointer;
}

.popup-menu-modal li:hover {
  background: #0278C0;
}

.popup-menu-modal a span,
.popup-menu-modal li i {
  font-size: 15px;
  color: #fff;
  margin-right: 10px;
}

/*----- Main ------*/
.main-right-content {
  padding-top: 20px;
  padding-left: 40px;
}

.btn-collapse,
.btn-maintenance,
.btn-refresh-cards,
.btn-add {
  background: #0278C0;
  color: #FFF;
}

.btn-collapse:hover,
.btn-maintenance:hover,
.btn-refresh-cards:hover,
.btn-add:hover {
  background: #1764CA;
  color: #FFF;
}

.btn-module {
  background: #0278C0;
  color: #FFF;
}

.btn-section {
  background: #0278C0;
  color: #FFF;
}

.btn-section:hover {
  background: #1764CA;
  cursor: pointer;
  color: #FFF;
}

.btn-refresh {
  background-color: transparent!;
  cursor: pointer;
  color: #0278C0;
}

/*----- Navbar -----*/
.label-branch {
  font-size: 16px;
  font-weight: bold;
  padding-left: 5px;
}

/*----- Datatable -----*/
/*Margen con la camtidad de registros por página*/
.dataTables_length {
  margin-bottom: 10px;
}

/*Input de buscar*/
.dataTables_filter input:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

/*Margen de abajo con la paginación*/
.dataTables_paginate .pagination {
  padding-top: 10px;
}

/*DataTable Headers*/
.datatable-thead {
  background: #0278C0;
}

/*Color del botón de editar*/
.link-edit {
  color: #0278C0;
}

.link-edit-category-fuel,
.link-edit-product-fuel {
  color: #0278C0;
}

/*Estilos de los botones de anterior y siguiente página*/
.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border: none;
  color: #0278C0;
}

/*Estilos del bóton de página anterior y siguiente cuando esta disabled*/
.page-item.previous.disabled .page-link,
.page-item.next.disabled .page-link{
  border-radius: 100px;
}

/*Estilos de hover del boton de página anterior y siguiente*/
.page-item:first-child .page-link:hover,
.page-item:last-child .page-link:hover {
  border-radius: 100px;
  background: #fff;
}

/*Color del botón activo de paginación*/
.page-item.active .page-link {
  background-color: #0278C0;
}

/*Color del texto de botón no activo*/
.page-link {
  color: #0278C0;
}

/*Estilos de los botones de paginación*/
.paginate_button a {
  margin-left: 10px!important;
  text-align: center;
  width: 36px;
  height: 37px;
  border-radius: 100px;
}

/*Estilos del input buscar*/
.dataTables_wrapper .dataTables_filter {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.dataTables_wrapper .dataTables_filter label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.dataTables_wrapper .dataTables_filter input {
  flex: 1;
  min-width: 0;
}

/*----- Sweet Alert -----*/
.swal2-styled {
  margin: 0px!important;
}

.swal-title-custom {
  font-size: 18px !important;
  font-weight:normal;
  color: #0278C0;
}

.swal2-confirm {
  background-color: #0278C0;
  border-color: #0278C0;
  border-radius: 100px !important;
  border: none !important;
  height: 50px!important;
  margin-right: 5px!important;
}

.swal2-cancel {
  border-radius: 100px !important;
  border: none !important;
  height: 50px!important;
  margin-left: 5px!important;
}

.swal2-icon {
  font-size: 12px;
}

/*----- Modals -----*/
.modal-title {
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #0278C0;
}

.login-alert,
.modal-alert {
  display: none;
}

.alert-icon {
  font-size: 20px;
  margin-right: 10px;
}

.btn-action {
  background: #0278C0;
  height: 41px;
  border-radius: 100px;
}

.btn-action:hover {
  background-color: #1764CA; 
  cursor: pointer;
}

.btn-refresh-calculate-fuel {
  background: #0278C0;
  height: 41px;
  border-radius: 100px;
}

.btn-refresh-calculate-fuel:hover {
  background-color: #1764CA; 
  cursor: pointer;
}

.btn-generate-order {
  background: #0278C0;
  height: 41px;
  border-radius: 100px;
}

.btn-generate-order:hover {
  background-color: #1764CA; 
  cursor: pointer;
}

.btn-generate-client-price {
  background: #0278C0;
  height: 41px;
  border-radius: 100px;
}

.btn-generate-client-price:hover {
  background-color: #1764CA; 
  cursor: pointer;
}

.btn-search-input,
.btn-clear-select,
.btn-clear-input {
  background-color: #FFF;
  color:#000;
  border-top: 1px solid #CED4DA;
  border-right: 1px solid #CED4DA;
  border-bottom: 1px solid #CED4DA;
  border-left: 0px #FFF;
}

.btn-search-input:hover,
.btn-clear-select:hover,
.btn-clear-input:hover {
  background-color: #FFF;
  color:#000;
  border-top: 1px solid #CED4DA;
  border-right: 1px solid #CED4DA;
  border-bottom: 1px solid #CED4DA;
  border-left: 0px #FFF;
}

.btn-go-section,
.btn-go-refresh {
  background: #0278C0;
  height: 41px;
  border-radius: 100px;
}

.btn-go-section:hover,
.btn-go-refresh:hover {
  background-color: #1764CA; 
  cursor: pointer;
}

.btn-go-section {
  margin-left: 10px;
}

.btn-go-refresh {
  margin-left: 5px;
}

/*Modal de Generar Orden*/
.generated-order-modal h2 {
  font-weight: bold;
}

/*Tabla de orden de servicio invoice*/
.generated-order-modal .date-invoice-table {
  border: 1px solid black;
}

.generated-order-modal .date-invoice-table tr {
  padding: 5px;
}

.generated-order-modal .date-invoice-table td {
  border: 1px solid black;
  padding: 5px;
}

/*Info de la compañía*/
.generated-order-modal .company-info {
  margin-top: 15px;
  font-style: italic;
  line-height: 7px;
}

/*Tabla de cliente*/
.generated-order-modal .client-table {
  border: 1px solid black;
}

.generated-order-modal .client-table tr {
  padding: 5px;
}

.generated-order-modal .client-table td {
  border: 1px solid black;
  padding: 5px;
}

/*Tabla de información de servicios*/
.generated-order-modal .service-info-table {
  margin-top: 20px;
  border: 1px solid black;
  font-weight: normal;
}

.generated-order-modal .service-info-table tr {
  padding: 5px;
}

.generated-order-modal .service-info-table td {
  border: 1px solid black;
  padding: 5px;
}

/*Tabla de lista de servicios*/
.generated-order-modal .service-list-invoice-table {
  border: 1px solid black;
}

.generated-order-modal .service-list-invoice-table tr {
  padding: 5px;
}

.generated-order-modal .service-list-invoice-table td {
  border: 1px solid black;
  padding: 5px;
}

/*Tabla de lista de totales servicios*/
.generated-order-modal .totals-invoice-table {
  border: 1px solid black;
}

.generated-order-modal .totals-invoice-table tr {
  padding: 5px;
}

.generated-order-modal .totals-invoice-table td {
  border: 1px solid black;
  padding: 5px;
}

.generated-order-modal .info-invoice {
  margin-top: 15px;
  font-size: 13px;
}

.generated-order-modal .info-invoice-note {
  color: #ff0000;
}

.subtotal-invoice {
  text-align: center;
}

/*---------- MODULOS ----------*/

/*----- Login ------*/
/*Login button*/
.btn-login {
  background-color: #0278C0!important;
  color: #FFF!important;
}

.btn-login:hover {
  background-color: #1764CA!important; 
  cursor: pointer;
}

.btn-login span {
  padding-left: 5px;
}

/*Eye icon*/
.pass-eye {
  cursor: pointer;
}

/*----- Home ------*/

.section-home-left {
  border-right: 1px solid #CED4DA;
}

.section-home-right {
  background-image: url("../images/background/world_map.png");
  height: 645px;
  overflow-y: scroll;
  padding-bottom: 20px;
}

.btn-home {
  background-color: #0278C0!important;
  color: #FFF!important;
}

.btn-home:hover {
  background-color: #0D6EFD!important; 
  cursor: pointer;
}

.module-home {
  width: 200px;
}

.table-service-detail {
  height: 167px; 
  overflow-y: scroll;
}

.icons-home {
  font-size: 26px;
}

.table-service-detail td {
  height: 10px;
}

.reservation-card-message {
  margin-top: 20px;
  margin-left: 10px;
}

.filter-title {
  font-size: 18px;
  font-weight: bold;
  color: #0278C0;
}

/*----- Reservations and Service order ----- */

/*Reservation*/
.service-title {
  font-size: 17px;
}

.icon-rotate {
  transform: rotate(90deg);
}

.select-icon {
  color: #0278C0;
  font-size: 20px;
}

.btn-add-reservation,
.btn-add-service {
  margin-top: -8px;
}

.srv-category-company > div,
.srv-category-branch > div {
  line-height: 30px;
}

.sevice-order-create {
  font-size: 18px;
}

/*Tabla header table*/
.service-order .sub-exento,
.service-order .sub-imponible {
  width: 180px;
}

.service-order-category {
  padding-left: 20px;
}

.srv-name {
  line-height: 38px;
}

.grand-total {
  border: 1px solid #CED4DA;
  padding: 6px 200px 6px 200px;
}

/*Order*/
.service-order .fecha-llegada,
.service-order .fecha-salida {
  width: 160px;
}

.service-order .ruta,
.service-order .aeronave {
  width: 220px;
}

.service-order .mtow {
  width: 100px;
}

.service-order .sub-content {
  width: 180px;
}

.service-order .group-exento,
.service-order .group-imponible {
  width: 180px;
}

.service-order .group-total {
  width: 180px;
}

.grand-total {
  justify-content: center;
}

/*Tabla body table*/
.tr-subcategory {
  vertical-align: middle;
}

.td-qty {
  width: 70px;
}

/*----- Seleccion de subcategorías ------*/
.collapse-company {
  height: 150px;
  overflow-y: scroll;
  margin-bottom: 20px;;
}

/*----- Service order maintenance ------*/
.link-edit {
  padding-left: 15px;
  padding-right: 15px;
}

/*----- Service Fuel Invoice ------*/
.calculate {
  color: #0278C0;
}

.service-fuel-company-info {
  margin-top: 25px;
  font-style: italic;
  line-height: 7px;
}

/*Tabla de orden de combustible cliente y interna, date, invoice, reference*/
.service-fuel-client-invoice-date-invoice-reference-table,
.service-fuel-internal-date-invoice-reference-table {
  border: 1px solid black;
}

.service-fuel-client-invoice-date-invoice-reference-table tr,
.service-fuel-internal-date-invoice-reference-table tr {
  padding: 5px;
}

.service-fuel-client-invoice-date-invoice-reference-table td,
.service-fuel-internal-date-invoice-reference-table td {
  border: 1px solid black;
  padding: 5px;
}

/*Tabla de cliente e interna*/
.service-fuel-client-table {
  border: 1px solid black;
}

.service-fuel-client-table tr {
  padding: 5px;
}

.service-fuel-client-table td {
  border: 1px solid black;
  padding: 5px;
}

/*Tabla de service fuel info*/
.service-fuel-client-info-table,
.service-fuel-internal-info-table {
  border: 1px solid black;
}

.service-fuel-client-info-table tr,
.service-fuel-internal-info-table tr {
  padding: 5px;
}

.service-fuel-client-info-table td,
.service-fuel-internal-info-table td {
  border: 1px solid black;
  padding: 5px;
}

/*----- Reports ------*/
.report-subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #0278C0;
}

.tab-reports:not {
  color: #0278C0;
}

[aria-selected="false"] {
  color: #0278C0;
}

.table-reports:not(:active) {
  background-color: #0278C0;
}

.reports-table-caption {
  background-color: #0278C0;
}

table .date-invoice-table {
  border: 1px solid black;
}

/*----- Data tables ------*/

.table-report-order-invoice-service-fuel {
  font-weight: bold;
}

tfoot th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: normal;
}

/*General tablas*/
#main_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#main_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#main_table td,
#main_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Tabla de mantenimiento*/
#main_table_maintenance {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#main_table_maintenance thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#main_table_maintenance td,
#main_table_maintenance th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Tabla de cliente foranea*/
#foreing_client_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#foreing_client_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#foreing_client_table td,
#foreing_client_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Tabla de proveedor foranea*/
#foreing_provider_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#foreing_provider_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#foreing_provider_table td,
#foreing_provider_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Aeronave*/
#foreing_plane_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#foreing_plane_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#foreing_plane_table td,
#foreing_plane_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Cliente - Aeronave*/
#foreing_client_plane_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#foreing_client_plane_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#foreing_client_plane_table td,
#foreing_client_plane_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Orden de compra*/
#service_fuel_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#service_fuel_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#service_fuel_table td,
#service_fuel_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Producto*/
#foreing_client_price_fuel_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#foreing_client_price_fuel_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#foreing_client_price_fuel_table td,
#foreing_client_price_fuel_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Cálculo combustible*/
#category_fuel_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#category_fuel_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#category_fuel_table td,
#category_fuel_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Precio cliente*/
#product_fuel_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#product_fuel_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#product_fuel_table td,
#product_fuel_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

#foreing_product_fuel_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#foreing_product_fuel_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#foreing_product_fuel_table td,
#foreing_product_fuel_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Factura cliente precio cliente*/
#client_order_invoice_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#client_order_invoice_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#client_order_invoice_table td,
#client_order_invoice_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Factura cliente orden compra*/
#order_fuel_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#order_fuel_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#order_fuel_table td,
#order_fuel_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Factura cliente*/
#client_get_invoice_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#client_get_invoice_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#client_get_invoice_table td,
#client_get_invoice_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Factura interna cliente related*/
#related_client_get_invoice_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#related_client_get_invoice_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#related_client_get_invoice_table td,
#related_client_get_invoice_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*Factura interna*/
#internal_get_invoice_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#internal_get_invoice_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#internal_get_invoice_table td,
#internal_get_invoice_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

.table-body-admin-fee .admin-fee {
  border-top: none;
}

/*Reporte*/
#report_order_invoice_service_fuel_table {
  table-layout: auto !important;
  width: 100% !important;
  white-space: nowrap; /* evita que el texto se divida en varias líneas */
}

#report_order_invoice_service_fuel_table thead th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

/* Ajusta las celdas para evitar saltos */
#report_order_invoice_service_fuel_table td,
#report_order_invoice_service_fuel_table th {
  white-space: nowrap;
  text-overflow: ellipsis; /* opcional: agrega "..." si el texto es muy largo */
  overflow: hidden;
}

/*----- Help ------*/

/*Videos*/
.video-wrapper {
  width: 500px;
  height: 300px;
  max-width: 100%;
  position: relative;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Para móviles */
@media (max-width: 576px) {
  .video-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}