/* CSS solo para el proyecto */

/* Textareas e inputs de texto: selección normal como en el navegador */
textarea,
textarea.form-control,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"].form-control {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

#content>h2.pull-left, div>h2.pull-left {
    font-weight: 600;
}
.navbar-brand img{
    filter: none;
}
    .navbar-brand a:hover img{
        filter: brightness(0) saturate(100%) invert(34%) sepia(2%) saturate(0%) hue-rotate(163deg) brightness(97%) contrast(86%);
    }

#show tr:nth-child(even) {
    background-color: #f5f5f5;
}

.providers #show .actions{
    min-width: 200px;
}

/* Colores de fondo por mes en listado de trips (12 meses, tonos suaves) */
.trips #show tbody tr.trip-month-1  { background-color: #d7eaf3 !important; }   /* Enero - azul pastel */
.trips #show tbody tr.trip-month-2  { background-color: #faf2d3 !important; }   /* Febrero - marfil suave */
.trips #show tbody tr.trip-month-3  { background-color: #edf7e0 !important; }   /* Marzo - verde té suave */
.trips #show tbody tr.trip-month-4  { background-color: #fde2e4 !important; }   /* Abril - rosa pálido */
.trips #show tbody tr.trip-month-5  { background-color: #fff3cd !important; }   /* Mayo - amarillo suave */
.trips #show tbody tr.trip-month-6  { background-color: #e5f4e3 !important; }   /* Junio - verde menta suave */
.trips #show tbody tr.trip-month-7  { background-color: #e0ecfd !important; }   /* Julio - azul bebé */
.trips #show tbody tr.trip-month-8  { background-color: #ffe7f5 !important; }   /* Agosto - rosa lavanda suave */
.trips #show tbody tr.trip-month-9  { background-color: #f6e6ff !important; }   /* Septiembre - lila claro */
.trips #show tbody tr.trip-month-10 { background-color: #f1fafd !important; }   /* Octubre - azul hielo */
.trips #show tbody tr.trip-month-11 { background-color: #fdf6e3 !important; }   /* Noviembre - crema claro */
.trips #show tbody tr.trip-month-12 { background-color: #e9ecef !important; }   /* Diciembre - gris perla */
.trips #show tbody tr.trip-month-1:hover,
.trips #show tbody tr.trip-month-2:hover,
.trips #show tbody tr.trip-month-3:hover,
.trips #show tbody tr.trip-month-4:hover,
.trips #show tbody tr.trip-month-5:hover,
.trips #show tbody tr.trip-month-6:hover,
.trips #show tbody tr.trip-month-7:hover,
.trips #show tbody tr.trip-month-8:hover,
.trips #show tbody tr.trip-month-9:hover,
.trips #show tbody tr.trip-month-10:hover,
.trips #show tbody tr.trip-month-11:hover,
.trips #show tbody tr.trip-month-12:hover {
    filter: brightness(0.97);
}

/* Misma reserva = mismo color de fondo (solo blanco o gris) */
#trip_incomes tr td{
    padding: 8px;
}
#trip_incomes tbody tr.income-group-stripe-0 { background-color: #fff !important; }
#trip_incomes tbody tr.income-group-stripe-1 { background-color: #f5f5f5 !important; }
#trip_incomes tbody tr.income-group-stripe-0:hover,
#trip_incomes tbody tr.income-group-stripe-1:hover { filter: brightness(0.98); }

#trip_rooming tbody tr.rooming-group-stripe-0 { background-color: #fff !important; }
#trip_rooming tbody tr.rooming-group-stripe-1 { background-color: #f5f5f5 !important; }
#trip_rooming tbody tr.rooming-group-stripe-0:hover,
#trip_rooming tbody tr.rooming-group-stripe-1:hover { filter: brightness(0.98); }
.rooming-drag-handle { cursor: move; }
.rooming-drag-col { width: 24px; }
tbody.rooming-placeholder { display: table-row-group; background: #e8f4fc !important; min-height: 40px; }

.table>tbody>tr>td{
    padding: 4px 8px;
}
table#show>tbody>tr{
    height: auto;
}

#form_providers_commercialname{
    min-width: 450px;
}
#providers_notes,
#trips_description{
    min-height: 150px;
}


#show tbody tr td.char:first-of-type:hover, 
#show tbody tr td.Char:first-of-type:hover, 
#show tbody .clients_name:hover, 
#show tbody .providers_commercialname:hover{
    cursor: pointer;
}

.Set .btn-white.active{
    background-color: #28c76f;
    color: #FFF;
}

#form_trips_cover img{
    max-width: 200px;
}

.trips #show .actions{
    min-width: 290px;
}

#show .users_charge,
#show .users_id_departments {
    min-width: 120px;
}


#show .tripsproviders_date,
#show .tripsproviders_date_end{
    width: 105px;
}


.tripsproviders_price_one,
.tripsproviders_price_double,
.tripsproviders_price_three,
.tripsproviders_situation,
.tripsproviders_called  {
    width: 120px;
}


/* dos columnas expenses*/
@media (min-width:1400px) {
	.new #form_expenses_id_trips,
	.new #form_expenses_file2,
	.edit #form_expenses_id_trips,
	.edit #form_expenses_file2{
		float: right;
		width: 58%;
	}
}

/* Kanban tasks */
.kanban-board{
    display: flex;
    gap: 16px;
    align-items: flex-start;
    overflow-x: auto;
    padding-bottom: 8px;
}
.kanban-column{
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    min-width: 260px;
    max-width: 19.25%;
    flex: 0 0 19.25%;
}
.kanban-column-header{
    font-weight: 600;
    padding: 10px 12px;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.kanban-column-body{
    padding: 10px;
    min-height: 500px;
}
.kanban-column-body.dragover{
    outline: 2px dashed #4da3ff;
    outline-offset: -6px;
    background: #f0f7ff;
}
.kanban-card{
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 10px;
    cursor: grab;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.kanban-card:active{
    cursor: grabbing;
}
.kanban-card.dragging{
    opacity: 0.7;
}
.kanban-card-title{
    font-size: 13px;
    line-height: 1.35;
    color: #333;
    word-break: break-word;    
    display: flow-root;
}
.kanban-card-title .small{
    color: #999;
}
.kanban-card-details{
    margin-top: 8px;
}


#tabs-trips{
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.trip_list_selector{
    padding: 25px 0 0;
}

#trips_files{
    clear: both;
    display: flex;
    gap: 20px;
}
.trip_file{
    width: 60%;
    min-width: 50%;
    max-width: 750px;
    border: 2px solid #000;
    background-color: #fff;
    padding: 0;
}
#trips_files .trip_file.trip_file_collapsed{
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    flex-shrink: 0;
}
#trips_files .trip_file.trip_file_collapsed .trip_file_header input,
#trips_files .trip_file.trip_file_collapsed .trip_file_header > i,
#trips_files .trip_file.trip_file_collapsed .table-main,
#trips_files .trip_file.trip_file_collapsed .row,
#trips_files .trip_file.trip_file_collapsed .trip_file_actions{
    display: none !important;
}
#trips_files .trip_file.trip_file_collapsed .trip_file_header{
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 4px;
    min-height: 400px;
}
#trips_files .trip_file.trip_file_collapsed .trip_file_toggle_collapse{
    width: 100%;
    padding: 8px 4px;
    flex-shrink: 0;
}
#trips_files .trip_file.trip_file_collapsed .trip_file_collapsed_info{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}
#trips_files .trip_file.trip_file_collapsed .trip_file_collapsed_name,
#trips_files .trip_file.trip_file_collapsed .trip_file_collapsed_dates{
    font-size: 11px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 42px;
}
#trips_files .RelationList .template-list,
#trips_files .RelationList .template-list>div,
#trips_files .form-group{
    margin: 0;
    padding: 0;
    background-color: inherit;
    flex: 1;
    width: 100%;
}
    #trips_files .form-group.name{
        min-width: 150px;
    }
    #trips_files .form-group.provider{
        min-width: 150px;
    }
#trips_files .RelationList .template-list{
    border: 0;
    padding: 0 0 0 0;
}
#trips_files .RelationList .template-list .btn,
#trips_files .RelationList .btn{    
    margin-top: 0;
    padding: 0 10px;
    height: 22px;
    line-height: 21px;
}
#trips_files .trip_file_section{
    padding: 10px;
}
    #trips_files .trip_file_section .total{
        font-size: 14px;
    }
    #trips_files .title_section{
        font-weight: bold;
        color: #111;
        padding-bottom: 5px;
    }
    #trips_files .total_price_section{
        width: 100px;
    }
    #trips_files .total_price,
    #trips_files .total_price_individual{
        font-weight: bold;
        color: #111;
    }
    #trips_files .total_price_individual{
        padding-right: 10px;
    }
    #trips_files .airlines{
        background-color:#9DC3E6;
    }
    #trips_files .hotels{
        background-color:#FFE699;
    }
    #trips_files .restaurants{
        background-color:#E2F0D9;
    }
    #trips_files .extras{
        background-color:#CBA9E5;
    }
    #trips_files .seguro{
        background-color:#D9D9D9;
    }
    #trips_files .comisiones{
        background-color:#F3A995;
    }
    #trips_files .ss{
        background-color:#ADDBCC;
    }
    #trips_files .buses{
        background-color:#BFBFBF;
    }
    #trips_files .guides{
        background-color:#B4C7E7;
    }
    #trips_files .guiasloc{
        background-color:#FFD966;
    }
    #trips_files .varios{
        background-color:#B685DB;
    }
    #trips_files .marketing{
        background-color:#66FFFF;
    }
    #trips_files .frees{
        background-color:#A9D18E;
    }
/* Precio free: solo una fila de texto, no calcula al total. Ocultar plazas y total, price_one ocupa todo */
#trips_files input[name^="price_total_fre"],
#trips_files input[name^="plazas_fre"]{
    display: none !important;
}
#trips_files input[name^="price_one_fre"] {
    flex: 1 !important;
    min-width: 209px !important;
    width: 100% !important;    
    margin-left: -49px;
}
#trips_files .trip_file_total{
    padding: 10px;
    font-size: 20px;
    background-color: #f0f0f0;
    text-align: right;
}
#trips_files .trip_file_actions{
    padding: 10px;
}
#trips_files .form-group-inner{
    display: flex;
    align-items: center;
    gap: 6px;
}
    #trips_files .form-group-inner span{
        padding: 0 0 0 4px;
        min-width: 25px;
        font-weight: bold;
    }
#trips_files .btn[data-role="remove"]:hover{
    background-color: #d9534f !important;
    color: #FFF;
}
#trips_files input[name^="individual"]{
    width: 20px;
    height: 34px;
    margin: 0 6px 0 0;
}
#trips_files span[for^="plazas_"]{
    width: 32px;
}
#trips_files .col-lg-1, 
#trips_files .col-lg-10, #trips_files .col-lg-11, #trips_files .col-lg-12, #trips_files .col-lg-2, #trips_files .col-lg-3, #trips_files .col-lg-4, #trips_files .col-lg-5, #trips_files .col-lg-6, #trips_files .col-lg-7, #trips_files .col-lg-8, #trips_files .col-lg-9, #trips_files .col-md-1, #trips_files .col-md-10, #trips_files .col-md-11, #trips_files .col-md-12, #trips_files .col-md-2, #trips_files .col-md-3, #trips_files .col-md-4, #trips_files .col-md-5, #trips_files .col-md-6, #trips_files .col-md-7, #trips_files .col-md-8, #trips_files .col-md-9, #trips_files .col-sm-1, #trips_files .col-sm-10, #trips_files .col-sm-11, #trips_files .col-sm-12, #trips_files .col-sm-2, #trips_files .col-sm-3, #trips_files .col-sm-4, #trips_files .col-sm-5, #trips_files .col-sm-6, #trips_files .col-sm-7, #trips_files .col-sm-8, #trips_files .col-sm-9, #trips_files .col-xs-1, #trips_files .col-xs-10, #trips_files .col-xs-11, #trips_files .col-xs-12, #trips_files .col-xs-2, #trips_files .col-xs-3, #trips_files .col-xs-4, #trips_files .col-xs-5, #trips_files .col-xs-6, #trips_files .col-xs-7, #trips_files .col-xs-8, #trips_files .col-xs-9,
#trips_files .row{
    padding: 0;
    margin: 0;
}

#trips_files .trip_file_header{
    display: flex;
    gap: 10px;
    padding: 10px;
}
#trips_files .trip_file_header input{
    flex: 1;
    font-size: 16px;
    padding: 6px;
}


#trips_files #block_group{
    border-top: 2px solid #000;
}
/* Altura de inputs más pequeña*/
#trips_files select[name^="id_providers"],
#trips_files input[name^="name"],
#trips_files input[name^="plazas_"],
#trips_files input[name^="price_one_"]{
    background-color: transparent;
    color: #111;    
    border: 1px solid #aaa;
    width: 100%;
}
/* Select2 en trips_files: mismos estilos que el resto de campos */
#trips_files .select2-container--default .select2-selection--single,
#trips_files .select2-container .select2-selection--single {
    background-color: transparent !important;
    color: #111 !important;
    border: 1px solid #aaa !important;
    border-radius: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
}
#trips_files .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important;
    color: #111 !important;
}
#trips_files .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px !important;
}
#trips_files .select2-container--default.select2-container--open .select2-selection--single,
#trips_files .select2-container--default .select2-selection--single:hover,
#trips_files .select2-container--default .select2-selection--single:focus {
    border-color: #FFF !important;
}
#trips_files input[name^="price_total_"]{
    border: 1px solid #aaa;
    background: rgba(0,0,0,0.1);  
}
#trips_files select[name^="id_providers"]::placeholder,
#trips_files input[name^="name"]::placeholder,
#trips_files input[name^="plazas_"]::placeholder,
#trips_files input[name^="price_one_"]::placeholder{
    color: #555;
}
    #trips_files select[name^="id_providers"]:hover,
    #trips_files input[name^="name"]:hover,
    #trips_files input[name^="plazas_"]:hover,
    #trips_files input[name^="price_"]:hover,
    #trips_files input[name^="price_total_"]:hover,
    #trips_files select[name^="id_providers"]:focus,
    #trips_files input[name^="name"]:focus,
    #trips_files input[name^="plazas_"]:focus,
    #trips_files input[name^="price_"]:focus,
    #trips_files input[name^="price_total_"]:focus{
        border: 1px solid #FFF !important;
    }
#trips_files input[name^="price_one_"],
#trips_files input[name^="price_total_"],
#trips_files .RelationList .template-list>.totalprices,
#trips_files .RelationList .template-list>.prices{
    width: 80px;
    flex: none;
}
#trips_files input[name^="plazas"]{
    width: 50px;
}
#trips_files .RelationList .template-list>.plazas{
    flex: none;
    width: 50px;
}
#trips_files .hotels .RelationList .template-list>.plazas{
    flex: none;
    width: 80px;
}
#trips_files .hotels .template-list {
    margin-bottom: 8px;
}

#trips_files .form-control{
    border-radius: 0;
    height: 28px;
    padding: 4px;
}
#trips_files .airlines .totalprices,
#trips_files .restaurants .plazas,
#trips_files .restaurants .totalprices{
    display: none;
}
   
#trips_files .total_block_individual,
#trips_files .total_block_group{
    background-color: #D9D9D9;
    color: #111;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    font-weight: bold;
    font-size: 16px;
}
#trips_files .total_block_group{
    background-color: #FFEBEB;
}
#trips_files .table,
#trips_files .table-section{
    background-color: transparent;
    height: 100%;
}
#trips_files .table-main tr{
    border: 0;
}

#trips_files .section_content{
    display: flex;
}
#trips_files .section_content > .RelationList{
    width: calc(100% - 80px);
}
#trips_files .table>tbody>tr>td{
    padding: 0;
}

#trips_files .table_group_sumary_container{
    width: 100px;
    height: 100%;
}
#trips_files .table_group_sumary,
#trips_files .table_group_sumary_price{
    padding: 0;
    vertical-align: top;
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #111;
}
#trips_files .table_group_sumary div,
#trips_files .table_group_sumary_price div{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    min-width: 50px;
}
#trips_files .table_group_sumary_price{
    border-left: 1px solid #000;
    font-weight: bold;
}

#trips_files .table_group_sumary_20{
    background-color: #FFD9D9;
}
#trips_files .table_group_sumary_40{
    background-color: #FFABAB;
}
#trips_files .table_group_sumary_45{
    background-color: #FF9393;
}

#trips_files .summary-table-custom{
    border: 2px solid;
    color: #111;
    width: 95%;
}
#trips_files .header-costos,
#trips_files .header-pvp,
#trips_files .header-beneficio,
#trips_files .field-number{
    width: 125px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 6px !important;
}
#trips_files .total_costos,
#trips_files .total_margin{
    padding: 6px !important;
}
#trips_files .row-total-costos_45,
#trips_files .header-costos{
    background-color: #FF4F4F;
    color: #FFF;    
}
#trips_files .row-total-costos_20{
    background-color: #FFD9D9;
}
#trips_files .row-total-costos_40{
    background-color: #FFABAB;
}
#trips_files .row-pvp_45,
#trips_files .header-pvp{
    background-color: #548235;
    color: #FFF;    
}
#trips_files .row-pvp_20{
    background-color: #E2F0D9;
}
#trips_files .row-pvp_40{
    background-color: #A9D18E;
}
#trips_files .row-beneficio_45,
#trips_files .header-beneficio{
    background-color: #FFD966;  
}
#trips_files .row-beneficio_20{
    background-color: #FFF2CC;
}
#trips_files .row-beneficio_40{
    background-color: #FFE699;
}
#trips_files .highlight{
    vertical-align: middle;
}
#trips_files .row-pvp_45 input{
    color: #000;
}
#trips_files .table-pvp{
    background-color: #A9D18E;
    border: 2px solid;
    color: #111;    
}
#trips_files .table-individual-supplement{
    background-color: #c6dbf3;
    border: 2px solid;
    color: #111;
}
    #trips_files .table-pvp td,
    #trips_files .table-individual-supplement td{
        padding: 8px !important;
    }

.trip_file_section.varios .provider{
    display: none;
}



.tripstravellers #show .relation-list-data > div{
    display: inline-block;
    padding: 4px 6px;
    vertical-align: middle;
}

.expenses .buttons{
    clear: none;
}
.expenses .expenses_detail > .data {
    margin: 0;
}
.expenses .expenses_detail .relation-list-data-item {
    display: inline-block;
    padding: 4px 6px;
    vertical-align: middle;
}
.expenses .expenses_detail .relation-list-data-item.concept { 
    /*max-width: 25%; */
    min-width: 100px;
}
.expenses .expenses_detail .relation-list-data-item.amount  { 
    /*max-width: 25%; */
    text-align: right; 
    min-width: 85px;
}
.expenses .expenses_detail .relation-list-data-item.date    { 
    /*max-width: 25%; */
    min-width: 85px;
}
.expenses .expenses_detail .relation-list-data-item.id_expenses_detail_situation { 
    /*max-width: 25%; */    
    min-width: 50px;
}


#incomes_dates_alert
{
    padding: 10px;
    margin: 20px 0;
    vertical-align: middle;
    color: #fff;
    width: 60%;
    font-size: 14px;
    text-align: center;
}



#side-menu .fa-suitcase{
    color: #28c76f;
}
#side-menu .fa-location-dot{
    color: #c660f6;
}
#side-menu .fa-chart-line{
    color: #d9534f;
}
    

#trip_incomes tfoot{
    font-weight: bold;
}
#trip_incomes .efectivo,
#expenses_trip .efectivo{
    background-color: #c1e2aa;
}
#trip_incomes .credito,
#expenses_trip .credito{
    background-color: #eda2a0;
}
#trip_incomes .ingreso_banco,
#expenses_trip .ingreso_banco{
    background-color: #e7c2f8;
}
#trip_incomes .ingreso_banco_mano,
#expenses_trip .ingreso_banco_mano{
    background-color: #90caf9;
}
#expenses_trip .va-middle{
    vertical-align: middle;
}

.librocaja .text-right{
    padding-right: 20px !important;
}


#users_users_comissions_title{
    min-width: 350px;
}

    
@media (min-width:1200px) {
	.incomes #AddEdit .series{
		margin-top: 34px;
	}
	.incomes #AddEdit #form_incomes_detail{
		max-width: 1238px;
		margin: 0 0 24px calc(16.66666667% - 15px);
	}

	.incomes #AddEdit #incomes_detail_concept,
	.incomes #AddEdit .incomes_incomes_detail_concept,
	.incomes #AddEdit .incomes_detail_concept{
		max-width: 300px;
	}
	.incomes #AddEdit #incomes_detail_amount,
	.incomes #AddEdit #incomes_detail_items,
	.incomes #AddEdit #incomes_detail_discount,
	.incomes #AddEdit #incomes_detail_base,
	.incomes #AddEdit #incomes_detail_iva,
	.incomes #AddEdit #incomes_detail_retention
	{
		max-width: 120px;
	}
}
@media (min-width:1800px) {

	.incomes #AddEdit #incomes_detail_concept,
	.incomes #AddEdit .incomes_incomes_detail_concept,
	.incomes #AddEdit .incomes_detail_concept
	{
		width: 300px;
	}
}

/* Estilos para el selector de rango de fechas */
.datepicker table tr td.range-selected {
	background-color: #5cb85c !important;
	color: #fff !important;
	border-radius: 0;
}

.datepicker table tr td.range-selected:hover {
	background-color: #449d44 !important;
}

.datepicker table tr td.range-start {
	background-color: #337ab7 !important;
	color: #fff !important;
	border-radius: 4px 0 0 4px;
	font-weight: bold;
}

.datepicker table tr td.range-start:hover {
	background-color: #286090 !important;
}

/* Confirmación de borrado (dl#question) - aspecto habitual del sistema */
#question {
	margin: 20px 0;
	padding: 20px;
	background: #f8f9fa;
	border-radius: 6px;
	border: 1px solid #e9ecef;
}
#question dt {
	margin: 0 0 15px 0;
	font-size: 16px;
	font-weight: 500;
	color: #444746;
}
#question dd {
	margin: 0 10px 0 0;
	display: inline-block;
}
#question dd:last-of-type {
	margin-right: 0;
}
#question dd.yes a,
#question dd.no a {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 6px;
	font-weight: 500;
	text-decoration: none;
	line-height: 1.5;
	transition: background-color 0.2s, border-color 0.2s;
}
#question dd.yes a {
	background-color: #ed5565;
	border: 1px solid #ed5565;
	color: #fff;
}
#question dd.yes a:hover {
	background-color: #ed8791;
	border-color: #ed8791;
	color: #fff;
}
#question dd.no a {
	background-color: #fff;
	border: 1px solid #d2d2d2;
	color: inherit;
}
#question dd.no a:hover {
	border-color: #d2d2d2;
	color: inherit;
	background-color: #f8f9fa;
}

/* Tabla desglose contabilidad: thead flotante al hacer scroll */
.table-desglose-wrapper .table-desglose thead th {
    position: sticky;
    top: 0;
    background: #f5f5f5;
    z-index: 2;
    box-shadow: 0 1px 0 #ddd;
}

/* Cabecera flotante en tabla de ingresos del viaje */
#trip_incomes thead th {
    position: sticky;
    top: 0;
    background: #f5f5f5;
    z-index: 2;
    box-shadow: 0 1px 0 #ddd;
}

.incomes #show .incomes_date{
    min-width: 75px;
}

/* Tabla contabilidad diaria: columna Concepto fija, datos con scroll horizontal */
.table-accounting-split {
    display: flex;
    width: 100%;
    overflow: hidden;
}
.table-accounting-fixed {
    flex-shrink: 0;
    width: 180px;
    overflow: hidden;
    box-shadow: 2px 0 6px rgba(0,0,0,0.08);
    z-index: 1;
}
.table-accounting-fixed .table-accounting-diaria {
    margin-bottom: 0;
}
.table-accounting-fixed .table-accounting-diaria th,
.table-accounting-fixed .table-accounting-diaria td {
    white-space: normal;
}
.table-accounting-scroll {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-accounting-scroll .table-accounting-diaria {
    margin-bottom: 0;
}
/* Ocultar borde derecho de la tabla fija para unión visual */
.table-accounting-fixed .table-accounting-diaria th:last-child,
.table-accounting-fixed .table-accounting-diaria td:last-child {
    border-right: none;
}
.table-accounting-diaria .col-concepto {
    min-width: 160px;
}

/* Tabla contabilidad diaria en dark-mode */
body.dark-mode .table-accounting-diaria {
    background-color: #020617;
    color: #e5e7eb;
}
body.dark-mode .table-accounting-diaria thead th {
    background-color: #020617;
    border-color: #1f2937;
}
body.dark-mode .table-accounting-diaria tbody tr:nth-of-type(odd) {
    background-color: #111827;
}
body.dark-mode .table-accounting-diaria tbody tr:nth-of-type(even) {
    background-color: #020617;
}
body.dark-mode .table-accounting-diaria tbody tr:hover {
    background-color: #1f2937;
}
body.dark-mode .table-accounting-diaria td,
body.dark-mode .table-accounting-diaria th {
    border-color: #1f2937;
}


#form_tripstravellers_tripstravellers_clients_id_clients .select2-container{
    width: 400px !important;
}

/* tripstravellers listado: separación visual de líneas (clientes) */
.tripstravellers #show .relation-list-data > div{
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
body.dark-mode .tripstravellers #show .relation-list-data > div {
    border-bottom-color: #334155;
    color: #e5e7eb;
}
body.dark-mode .tripstravellers #show .row_data,
body.dark-mode .tripstravellers #show .row_data .data {
    color: #e5e7eb;
}
body.dark-mode .tripstravellers #show .relation-list-data > div:hover {
    background-color: rgba(31, 41, 55, 0.5);
}


/* ===========================
   Tema oscuro (dark-mode)
   Ajustes específicos del proyecto
   =========================== */

body.dark-mode .navbar-brand img{
	filter: brightness(0) saturate(100%) invert(92%) sepia(6%) saturate(248%) hue-rotate(179deg) brightness(108%) contrast(96%);
}

/* Listados base: filas alternadas y hover en dark-mode */
body.dark-mode #show tr:nth-child(even) {
	background-color: #020617;
}
body.dark-mode table#show > tbody > tr:nth-child(odd) {
	background-color: #111827;
}
body.dark-mode table#show > tbody > tr:hover {
	background-color: #1f2937 !important;
}
body.dark-mode ol#show li:hover:not(.row_header) {
	background-color: #1f2937;
}
body.dark-mode #show .row_data,
body.dark-mode #show .row_data .data {
	color: #e5e7eb;
}
body.dark-mode #show .row_header li {
	border-bottom-color: #334155;
	color: #9ca3af;
}
body.dark-mode #show .row_header .title > a {
	color: #e5e7eb;
}
body.dark-mode #show .row_header .title > a:hover {
	color: #93c5fd;
}

/* Tablas genéricas: hover en dark-mode */
body.dark-mode .table > tbody > tr:hover > td,
body.dark-mode .table-bordered > tbody > tr:hover > td {
	background-color: #1f2937;
}
body.dark-mode .table-striped > tbody > tr:hover > td {
	background-color: #1f2937 !important;
}

/* Filas de éxito (success) en tablas en dark-mode */
body.dark-mode .table > tbody > tr.success > td,
body.dark-mode .table > tbody > tr > td.success {
	background-color: #14532d;
	color: #dcfce7;
}

/* Cabecera genérica de tablas (primera fila thead) en dark-mode */
body.dark-mode .table>caption+thead>tr:first-child>td:not(.info):not(.success):not(.warning):not(.danger):not(.active),
body.dark-mode .table>caption+thead>tr:first-child>th:not(.info):not(.success):not(.warning):not(.danger):not(.active),
body.dark-mode .table>colgroup+thead>tr:first-child>td:not(.info):not(.success):not(.warning):not(.danger):not(.active),
body.dark-mode .table>colgroup+thead>tr:first-child>th:not(.info):not(.success):not(.warning):not(.danger):not(.active),
body.dark-mode .table>thead:first-child>tr:first-child>td:not(.info):not(.success):not(.warning):not(.danger):not(.active),
body.dark-mode .table>thead:first-child>tr:first-child>th:not(.info):not(.success):not(.warning):not(.danger):not(.active) {
	background-color: #0f172a;
	border-top-color: #1f2937;
	color: #e5e7eb;
}

/* Cabeceras .info en tablas en dark-mode */
body.dark-mode .table > thead > tr.info > th,
body.dark-mode .table > thead > tr > th.info {
	background-color: #1e3a5f;
	color: #e5e7eb;
	border-bottom-color: #334155;
}

/* Colores por mes en trips: oscurecidos manteniendo código de color */
body.dark-mode .trips #show tbody tr.trip-month-1  { background-color: #0f172a !important; }
body.dark-mode .trips #show tbody tr.trip-month-2  { background-color: #1f2937 !important; }
body.dark-mode .trips #show tbody tr.trip-month-3  { background-color: #052e16 !important; }
body.dark-mode .trips #show tbody tr.trip-month-4  { background-color: #3f1f2f !important; }
body.dark-mode .trips #show tbody tr.trip-month-5  { background-color: #422006 !important; }
body.dark-mode .trips #show tbody tr.trip-month-6  { background-color: #052e16 !important; }
body.dark-mode .trips #show tbody tr.trip-month-7  { background-color: #0b1120 !important; }
body.dark-mode .trips #show tbody tr.trip-month-8  { background-color: #3b0764 !important; }
body.dark-mode .trips #show tbody tr.trip-month-9  { background-color: #1e1b4b !important; }
body.dark-mode .trips #show tbody tr.trip-month-10 { background-color: #020617 !important; }
body.dark-mode .trips #show tbody tr.trip-month-11 { background-color: #111827 !important; }
body.dark-mode .trips #show tbody tr.trip-month-12 { background-color: #1f2937 !important; }
body.dark-mode .trips #show tbody tr.trip-month-1:hover,
body.dark-mode .trips #show tbody tr.trip-month-2:hover,
body.dark-mode .trips #show tbody tr.trip-month-3:hover,
body.dark-mode .trips #show tbody tr.trip-month-4:hover,
body.dark-mode .trips #show tbody tr.trip-month-5:hover,
body.dark-mode .trips #show tbody tr.trip-month-6:hover,
body.dark-mode .trips #show tbody tr.trip-month-7:hover,
body.dark-mode .trips #show tbody tr.trip-month-8:hover,
body.dark-mode .trips #show tbody tr.trip-month-9:hover,
body.dark-mode .trips #show tbody tr.trip-month-10:hover,
body.dark-mode .trips #show tbody tr.trip-month-11:hover,
body.dark-mode .trips #show tbody tr.trip-month-12:hover {
	filter: brightness(1.1);
}

/* Stripeo de reservas / rooming (tripsincomes: alternado para leer líneas) */
body.dark-mode #trip_incomes tbody tr.income-group-stripe-0,
body.dark-mode #trip_rooming tbody tr.rooming-group-stripe-0 {
	background-color: #020617 !important;
	color: #e5e7eb;
}
body.dark-mode #trip_incomes tbody tr.income-group-stripe-1,
body.dark-mode #trip_rooming tbody tr.rooming-group-stripe-1 {
	background-color: #0f172a !important;
	color: #e5e7eb;
}
body.dark-mode #trip_incomes tbody tr.income-group-stripe-0:hover,
body.dark-mode #trip_incomes tbody tr.income-group-stripe-1:hover,
body.dark-mode #trip_rooming tbody tr.rooming-group-stripe-0:hover,
body.dark-mode #trip_rooming tbody tr.rooming-group-stripe-1:hover {
	background-color: #1f2937 !important;
	filter: none;
}
body.dark-mode #trip_incomes tbody td,
body.dark-mode #trip_incomes tfoot td {
	border-color: #1f2937;
	color: #e5e7eb;
}
/* Fila de totales (Total ingresos clientes + sin distribuir) en dark mode; respetar colores de .efectivo, .credito, .ingreso_banco, .ingreso_banco_mano */
body.dark-mode #trip_incomes tfoot tr.info td:not(.efectivo):not(.credito):not(.ingreso_banco):not(.ingreso_banco_mano) {
	background-color: #1f2937;
	color: #e5e7eb;
}
body.dark-mode #trip_incomes tbody td a {
	color: #93c5fd;
}
body.dark-mode #trip_incomes tbody td a:hover {
	color: #bfdbfe;
}

/* Kanban tareas */
body.dark-mode .kanban-column{
	background: #020617;
	border-color: #1f2937;
}
body.dark-mode .kanban-column-header{
	background: #020617;
	border-bottom-color: #1f2937;
}
body.dark-mode .kanban-column-body.dragover{
	background: #020617;
	outline-color: #38bdf8;
}
body.dark-mode .kanban-card{
	background: #020617;
	border-color: #1f2937;
	box-shadow: 0 1px 2px rgba(15,23,42,0.8);
}
body.dark-mode .kanban-card-title{
	color: #e5e7eb;
}
body.dark-mode .kanban-card-title .small{
	color: #9ca3af;
}

/* Hojas de cotización / trips_files */
body.dark-mode #trips_files .trip_file{
	background-color: #020617;
	border-color: #1f2937;
}
body.dark-mode #trips_files .trip_file_total{
	background-color: #020617;
	color: #e5e7eb;
}
body.dark-mode #trips_files .title_section{
	color: #e5e7eb;
}
body.dark-mode #trips_files .total_price,
body.dark-mode #trips_files .total_price_individual{
	color: #f9fafb;
}
body.dark-mode #trips_files .total_block_individual,
body.dark-mode #trips_files .total_block_group{
	background-color: #020617;
	color: #f9fafb;
}
body.dark-mode #trips_files .table_group_sumary,
body.dark-mode #trips_files .table_group_sumary_price{
	color: #f9fafb;
}
body.dark-mode #trips_files .summary-table-custom{
	border-color: #1f2937;
	color: #e5e7eb;
	background-color: #020617;
}
body.dark-mode #trips_files .table-pvp,
body.dark-mode #trips_files .table-individual-supplement{
	border-color: #1f2937;
	color: #e5e7eb;
}
/* Filas y cabeceras de summary-table-custom en dark-mode */
body.dark-mode #trips_files .header-costos,
body.dark-mode #trips_files .row-total-costos_45{
	background-color: #b91c1c;
	color: #f9fafb;
}
body.dark-mode #trips_files .row-total-costos_20{
	background-color: #7f1d1d;
	color: #f9fafb;
}
body.dark-mode #trips_files .row-total-costos_40{
	background-color: #991b1b;
	color: #fef2f2;
}

body.dark-mode #trips_files .header-pvp,
body.dark-mode #trips_files .row-pvp_45{
	background-color: #166534;
	color: #f9fafb;
}
body.dark-mode #trips_files .row-pvp_20{
	background-color: #14532d;
	color: #f9fafb;
}
body.dark-mode #trips_files .row-pvp_40{
	background-color: #15803d;
	color: #f9fafb;
}

body.dark-mode #trips_files .header-beneficio,
body.dark-mode #trips_files .row-beneficio_45{
	background-color: #a16207;
	color: #f9fafb;
}
body.dark-mode #trips_files .row-beneficio_20{
	background-color: #854d0e;
	color: #fef3c7;
}
body.dark-mode #trips_files .row-beneficio_40{
	background-color: #92400e;
	color: #fffbeb;
}

/* Tablas PVP y suplemento individual en dark-mode */
body.dark-mode #trips_files .table-pvp{
	background-color: #022c22;
}
body.dark-mode #trips_files .table-individual-supplement{
	background-color: #111827;
}
/* Colores de secciones en trips_files adaptados a dark-mode */
body.dark-mode #trips_files .airlines{
	background-color:#1d4ed8;
}
body.dark-mode #trips_files .hotels{
	background-color:#b45309;
}
body.dark-mode #trips_files .restaurants{
	background-color:#166534;
}
body.dark-mode #trips_files .extras{
	background-color:#6d28d9;
}
body.dark-mode #trips_files .seguro{
	background-color:#4b5563;
}
body.dark-mode #trips_files .comisiones{
	background-color:#b91c1c;
}
body.dark-mode #trips_files .ss{
	background-color:#0f766e;
}
body.dark-mode #trips_files .buses{
	background-color:#4b5563;
}
body.dark-mode #trips_files .guides{
	background-color:#1d4ed8;
}
body.dark-mode #trips_files .guiasloc{
	background-color:#a16207;
}
body.dark-mode #trips_files .varios{
	background-color:#7e22ce;
}
body.dark-mode #trips_files .marketing{
	background-color:#0891b2;
}
body.dark-mode #trips_files .frees{
	background-color:#15803d;
}
body.dark-mode #trips_files .select2-container--default .select2-selection--single,
body.dark-mode #trips_files .select2-container .select2-selection--single {
	background-color: #020617 !important;
	border-color: #1f2937 !important;
	color: #e5e7eb !important;
}
body.dark-mode #trips_files .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #e5e7eb !important;
}

/* tripsfiles hoja de cotización: cabecera, tabla principal e inputs en dark-mode */
body.dark-mode #trips_files .trip_file_header {
	background-color: #0f172a;
	border-bottom: 1px solid #1f2937;
}
body.dark-mode #trips_files .trip_file_header input,
body.dark-mode #trips_files .trip_file_header .form-control {
	background-color: #020617;
	border-color: #334155;
	color: #e5e7eb;
}
body.dark-mode #trips_files .trip_file_header input::placeholder {
	color: #64748b;
}
body.dark-mode #trips_files .trip_file_collapsed_info,
body.dark-mode #trips_files .trip_file_collapsed_name,
body.dark-mode #trips_files .trip_file_collapsed_dates {
	color: #e5e7eb;
}
body.dark-mode #trips_files .table-main,
body.dark-mode #trips_files .table-main td,
body.dark-mode #trips_files .table-main th {
	background-color: #020617;
	border-color: #1f2937;
	color: #e5e7eb;
}
body.dark-mode #trips_files #block_group {
	border-top-color: #334155;
}
body.dark-mode #trips_files select[name^="id_providers"],
body.dark-mode #trips_files input[name^="name"],
body.dark-mode #trips_files input[name^="plazas_"],
body.dark-mode #trips_files input[name^="price_one_"] {
	background-color: #111827;
	border-color: #334155;
	color: #e5e7eb;
}
body.dark-mode #trips_files .table_group_sumary,
body.dark-mode #trips_files .table_group_sumary_price {
	border-color: #1f2937;
	color: #e5e7eb;
}
body.dark-mode #trips_files .table_group_sumary_price {
	border-left-color: #334155;
}
body.dark-mode #trips_files .table_group_sumary_20 {
	background-color: #1e3a5f;
}
body.dark-mode #trips_files .table_group_sumary_40 {
	background-color: #1e3a5f;
}
body.dark-mode #trips_files .table_group_sumary_45 {
	background-color: #1e3a5f;
}
body.dark-mode #trips_files .trip_file_section:hover {
	background-color: rgba(15, 23, 42, 0.6);
}
body.dark-mode #trips_files .trip_file_toggle_collapse {
	background-color: #111827;
	border-color: #334155;
	color: #e5e7eb;
}
body.dark-mode #trips_files .trip_file_toggle_collapse:hover {
	background-color: #1f2937;
	border-color: #4b5563;
}
body.dark-mode #trips_files .btn[data-role="remove"]:hover {
	background-color: #991b1b !important;
	color: #fef2f2;
}

/* Tipos de cobro librocaja / incomes */
body.dark-mode #trip_incomes .efectivo,
body.dark-mode #expenses_trip .efectivo{
	background-color: #14532d;
}
body.dark-mode #trip_incomes .credito,
body.dark-mode #expenses_trip .credito{
	background-color: #7f1d1d;
}
body.dark-mode #trip_incomes .ingreso_banco,
body.dark-mode #expenses_trip .ingreso_banco{
	background-color: #4c1d95;
}
body.dark-mode #trip_incomes .ingreso_banco_mano,
body.dark-mode #expenses_trip .ingreso_banco_mano{
	background-color: #1e3a5f;
}

/* Tasks: colores de categorías muy claros (#ffcccc) adaptados a dark-mode */
body.dark-mode .tasks #show tr[style*="#ffcccc"] {
	background-color: #7f1d1d !important;
	color: #fee2e2;
}
body.dark-mode .tasks #show tr[style*="#ffcccc"] a {
	color: #fee2e2;
}

/* Kanban de tasks: tarjetas con color de categoría danger */
body.dark-mode #kanban-board .kanban-card[style*="#ffcccc"] {
	background-color: #7f1d1d !important;
	color: #fee2e2;
}
body.dark-mode #kanban-board .kanban-card[style*="#ffcccc"] .kanban-card-title .small {
	color: #fecaca;
}

/* Confirmación de borrado */
body.dark-mode #question {
	background: #020617;
	border-color: #1f2937;
}
body.dark-mode #question dt {
	color: #e5e7eb;
}
body.dark-mode #question dd.no a {
	background-color: #020617;
	border-color: #1f2937;
	color: #e5e7eb;
}
body.dark-mode #question dd.no a:hover {
	background-color: #020617;
}

/* Tabla desglose contabilidad: cabecera en oscuro */
body.dark-mode .table-desglose-wrapper .table-desglose thead th {
	background: #020617;
	box-shadow: 0 1px 0 #1f2937;
}

/* Cabecera flotante ingresos viaje en modo oscuro */
body.dark-mode #trip_incomes thead th {
	background: #020617;
	box-shadow: 0 1px 0 #1f2937;
}

/* Formulario detalle facturas (invoices) en dark-mode */
body.dark-mode #form_invoices_detail,
body.dark-mode #form_invoices_detail .template-list {
	background-color: transparent;
	color: #e5e7eb;
}
body.dark-mode #AddEdit #form_invoices_detail label,
body.dark-mode #AddEdit #form_expenses_detail label {
	background-color: #1f2937;
	color: #e5e7eb;
	border-color: #4b5563;
}
body.dark-mode #AddEdit #form_invoices_total_base,
body.dark-mode #AddEdit #form_invoices_total_iva,
body.dark-mode #AddEdit #form_invoices_total_retention,
body.dark-mode #AddEdit #form_invoices_total_base_dynamic,
body.dark-mode #AddEdit #form_expenses_total_base,
body.dark-mode #AddEdit #form_expenses_total_iva,
body.dark-mode #AddEdit #form_expenses_total_retention,
body.dark-mode #AddEdit #form_expenses_total_discount,
body.dark-mode #AddEdit #form_expenses_total_base_dynamic {
	background-color: #111827;
	border-bottom-color: #4b5563;
	color: #e5e7eb;
}
body.dark-mode #AddEdit #form_invoices_total_base .input-group-addon,
body.dark-mode #AddEdit #form_invoices_total_base input,
body.dark-mode #AddEdit #form_invoices_total_iva .input-group-addon,
body.dark-mode #AddEdit #form_invoices_total_iva input,
body.dark-mode #AddEdit #form_invoices_total_retention .input-group-addon,
body.dark-mode #AddEdit #form_invoices_total_retention input,
body.dark-mode #AddEdit #form_invoices_total_base_dynamic .input-group-addon,
body.dark-mode #AddEdit #form_invoices_total_base_dynamic input,
body.dark-mode #AddEdit #form_expenses_total_base .input-group-addon,
body.dark-mode #AddEdit #form_expenses_total_base input,
body.dark-mode #AddEdit #form_expenses_total_iva .input-group-addon,
body.dark-mode #AddEdit #form_expenses_total_iva input,
body.dark-mode #AddEdit #form_expenses_total_retention .input-group-addon,
body.dark-mode #AddEdit #form_expenses_total_retention input,
body.dark-mode #AddEdit #form_expenses_total_discount .input-group-addon,
body.dark-mode #AddEdit #form_expenses_total_discount input {
	background-color: #111827;
	border-color: #4b5563;
	color: #f9fafb;
}
body.dark-mode #AddEdit #form_invoices_total,
body.dark-mode #AddEdit #form_expenses_total {
	background-color: #1e293b;
	border-color: #4b5563;
}
body.dark-mode #AddEdit #form_invoices_total .input-group-addon,
body.dark-mode #AddEdit #form_invoices_total input,
body.dark-mode #AddEdit #form_expenses_total .input-group-addon,
body.dark-mode #AddEdit #form_expenses_total input {
	background-color: #1e293b;
	border-color: #4b5563;
	color: #f9fafb;
}

/* Campo de archivo de gastos (#form_expenses_file) en dark-mode */
body.dark-mode #form_expenses_file {
	background-color: transparent;
	color: #e5e7eb;
}
body.dark-mode #form_expenses_file .control-label {
	color: #e5e7eb;
}

/* ===========================
   Trips Documents - Zona de subida
   =========================== */

.tripsdocuments-upload-wrapper {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e5e7eb;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.tripsdocuments-upload-header {
	padding: 14px 18px;
	background: #f8fafc;
	border-bottom: 1px solid #e5e7eb;
}
.tripsdocuments-category-select {
	display: flex;
	align-items: center;
	gap: 10px;
}
.tripsdocuments-category-select label {
	margin: 0;
	font-weight: 500;
	color: #475569;
}
.tripsdocuments-category-select .form-control {
	width: auto;
	min-width: 140px;
	border-radius: 6px;
	border: 1px solid #cbd5e1;
}

.tripsdocuments-dropzone {
	position: relative;
	margin: 20px 18px;
	padding: 32px 24px;
	border: 2px dashed #cbd5e1;
	border-radius: 10px;
	background: #f8fafc;
	text-align: center;
	cursor: pointer;
	transition: all 0.25s ease;
}
.tripsdocuments-dropzone:hover {
	border-color: #1ab394;
	background: #f0fdf4;
}
.tripsdocuments-dropzone:hover .tripsdocuments-dropzone-icon i {
	color: #1ab394;
}
.tripsdocuments-dropzone.is-dragover {
	border-color: #1ab394;
	background: #ecfdf5;
	box-shadow: 0 0 0 4px rgba(26, 179, 148, 0.15);
}
.tripsdocuments-dropzone.is-dragover .tripsdocuments-dropzone-content {
	opacity: 0.3;
}
.tripsdocuments-dropzone.is-dragover .tripsdocuments-dropzone-ondrag {
	opacity: 1;
}

.tripsdocuments-dropzone input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.tripsdocuments-dropzone-content {
	position: relative;
	pointer-events: none;
	transition: opacity 0.2s ease;
}
.tripsdocuments-dropzone-ondrag {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}
.tripsdocuments-dropzone-ondrag i {
	font-size: 48px;
	color: #1ab394;
}
.tripsdocuments-dropzone-ondrag span {
	font-size: 16px;
	font-weight: 600;
	color: #1ab394;
}

.tripsdocuments-dropzone-icon {
	margin-bottom: 12px;
}
.tripsdocuments-dropzone-icon i {
	font-size: 48px;
	color: #94a3b8;
	transition: color 0.2s ease;
}
.tripsdocuments-dropzone-text {
	margin: 0 0 6px 0;
	font-size: 15px;
	color: #334155;
}
.tripsdocuments-dropzone-browse {
	color: #1ab394;
	font-weight: 600;
	text-decoration: underline;
}
.tripsdocuments-dropzone-hint {
	margin: 0;
	font-size: 12px;
	color: #94a3b8;
}

.tripsdocuments-files-preview {
	padding: 12px 18px;
	background: #f1f5f9;
	border-top: 1px solid #e5e7eb;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	align-items: center;
}
.tripsdocuments-files-count {
	font-weight: 600;
	color: #1ab394;
}
.tripsdocuments-file-name {
	font-size: 12px;
	color: #64748b;
	background: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	border: 1px solid #e2e8f0;
}

.tripsdocuments-upload-actions {
	padding: 16px 18px;
	background: #fff;
	border-top: 1px solid #e5e7eb;
}
.tripsdocuments-btn-submit {
	border-radius: 6px;
	padding: 8px 20px;
}
.tripsdocuments-btn-submit:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Dark mode */
body.dark-mode .tripsdocuments-upload-wrapper {
	background: #020617;
	border-color: #1f2937;
}
body.dark-mode .tripsdocuments-upload-header {
	background: #0f172a;
	border-color: #1f2937;
}
body.dark-mode .tripsdocuments-category-select label {
	color: #94a3b8;
}
body.dark-mode .tripsdocuments-category-select .form-control {
	background: #020617;
	border-color: #334155;
	color: #e5e7eb;
}
body.dark-mode .tripsdocuments-dropzone {
	border-color: #334155;
	background: #0f172a;
}
body.dark-mode .tripsdocuments-dropzone:hover {
	border-color: #1ab394;
	background: #064e3b;
}
body.dark-mode .tripsdocuments-dropzone.is-dragover {
	border-color: #1ab394;
	background: #064e3b;
	box-shadow: 0 0 0 4px rgba(26, 179, 148, 0.2);
}
body.dark-mode .tripsdocuments-dropzone-icon i {
	color: #64748b;
}
body.dark-mode .tripsdocuments-dropzone-text {
	color: #e5e7eb;
}
body.dark-mode .tripsdocuments-dropzone-hint {
	color: #64748b;
}
body.dark-mode .tripsdocuments-files-preview {
	background: #0f172a;
	border-color: #1f2937;
}
body.dark-mode .tripsdocuments-file-name {
	background: #020617;
	border-color: #334155;
	color: #94a3b8;
}
body.dark-mode .tripsdocuments-upload-actions {
	background: #020617;
	border-color: #1f2937;
}

/* Formulario liquidación expediente - diseño mejorado */
.liquidacion-expediente-form .liquidacion-ibox {
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.liquidacion-expediente-form .liquidacion-ibox-title {
	background: linear-gradient(135deg, #1ab394 0%, #16a085 100%);
	color: #fff;
	border-radius: 8px 8px 0 0;
	padding: 14px 20px;
}
.liquidacion-expediente-form .liquidacion-ibox-title h5 {
	margin: 0;
	font-weight: 600;
}
.liquidacion-expediente-form .liquidacion-ibox-title h5 i {
	opacity: 0.9;
	margin-right: 8px;
}
.liquidacion-expediente-form .section-row td {
	background-color: #f8f9fa;
	font-weight: 600;
	padding: 10px 12px;
	border-top: 1px solid #dee2e6;
}
.liquidacion-expediente-form .section-row-prominent td {
	padding-top: 30px;
	background: linear-gradient(180deg, #e2e8f0 0%, #cbd5e1 100%);
	border-top: 2px solid #94a3b8;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}
.liquidacion-expediente-form tr.success td {
	background-color: #d4edda;
	font-size: 1.05em;
}
.liquidacion-expediente-form .liquidacion-footer {
	background: #f8f9fa;
	border-top: 1px solid #e9ecef;
	padding: 16px 20px;
}

/* Liquidación expediente — dark mode */
body.dark-mode .liquidacion-expediente-form .liquidacion-ibox {
	background-color: #020617;
	border: 1px solid #1f2937;
	box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
body.dark-mode .liquidacion-expediente-form .liquidacion-ibox-title {
	background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
	color: #f0fdfa;
	border-bottom: 1px solid #0f766e;
}
body.dark-mode .liquidacion-expediente-form .liquidacion-ibox-title h5 i {
	opacity: 1;
}
body.dark-mode .liquidacion-expediente-form .ibox-content {
	background-color: #020617;
	color: #e5e7eb;
}
body.dark-mode .liquidacion-expediente-form .table {
	background-color: #020617;
	color: #e5e7eb;
	border-color: #1f2937;
}
body.dark-mode .liquidacion-expediente-form .table thead th {
	background-color: #0f172a;
	border-color: #1f2937;
	color: #e5e7eb;
}
body.dark-mode .liquidacion-expediente-form .table tbody td {
	border-color: #1f2937;
	color: #e5e7eb;
}
body.dark-mode .liquidacion-expediente-form .table-striped > tbody > tr:nth-of-type(odd) > td {
	background-color: #111827;
}
body.dark-mode .liquidacion-expediente-form .table-striped > tbody > tr:nth-of-type(even) > td {
	background-color: #020617;
}
body.dark-mode .liquidacion-expediente-form .table-striped > tbody > tr:hover > td {
	background-color: #1f2937 !important;
}
body.dark-mode .liquidacion-expediente-form .section-row td {
	background-color: #0f172a !important;
	border-top-color: #334155;
	color: #e5e7eb;
}
body.dark-mode .liquidacion-expediente-form .section-row-prominent td {
	background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
	border-top-color: #475569;
	color: #f1f5f9;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
body.dark-mode .liquidacion-expediente-form tr.info td {
	background-color: #1e3a5f !important;
	color: #e5e7eb;
}
body.dark-mode .liquidacion-expediente-form tr.success td {
	background-color: #14532d !important;
	color: #dcfce7;
}
body.dark-mode .liquidacion-expediente-form tr.warning td {
	background-color: #854d0e !important;
	color: #fef3c7;
}
body.dark-mode .liquidacion-expediente-form tr.danger td {
	background-color: #7f1d1d !important;
	color: #fee2e2;
}
body.dark-mode .liquidacion-expediente-form .form-control,
body.dark-mode .liquidacion-expediente-form input.input-sm {
	background-color: #111827;
	border-color: #334155;
	color: #e5e7eb;
}
body.dark-mode .liquidacion-expediente-form .form-control::placeholder {
	color: #64748b;
}
body.dark-mode .liquidacion-expediente-form .text-muted {
	color: #94a3b8 !important;
}
body.dark-mode .liquidacion-expediente-form .text-danger {
	color: #fca5a5 !important;
}
body.dark-mode .liquidacion-expediente-form .liquidacion-footer {
	background: #0f172a;
	border-top: 1px solid #1f2937;
	color: #e5e7eb;
}
body.dark-mode .liquidacion-expediente-form .liquidacion-footer .btn-primary {
	background-color: #0d9488;
	border-color: #0f766e;
	color: #f0fdfa;
}
body.dark-mode .liquidacion-expediente-form .liquidacion-footer .btn-primary:hover {
	background-color: #0f766e;
	border-color: #115e59;
	color: #f0fdfa;
}

/* ========== Facturas proforma (réplica estilos de invoices) ========== */
#show .invoices_proforma_num {
	width: 6%;
}
#show .invoices_proforma_total {
	width: 9%;
}
#show .invoices_proforma_id_paymode {
	width: 12%;
}
#show .invoices_proforma_date {
	width: 8%;
}
.invoicesproforma #show .actions {
	min-width: 214px;
	width: 16%;
}

.invoicesproforma #AddEdit #invoices_proforma_more_data {
	height: 80px;
}

#AddEdit #form_invoices_proforma_total_base,
#AddEdit #form_invoices_proforma_total_iva,
#AddEdit #form_invoices_proforma_total_retention,
#AddEdit #form_invoices_proforma_total,
#AddEdit #form_invoices_proforma_total_base_dynamic {
	background-color: #FBFBDC;
	margin: 0 calc(16.3% + 4px);
	padding: 2px 0;
	border-bottom: 1px solid #D0D0D0;
	width: 420px;
}
#AddEdit #form_invoices_proforma_total_base .input-group-addon,
#AddEdit #form_invoices_proforma_total_base input,
#AddEdit #form_invoices_proforma_total_iva .input-group-addon,
#AddEdit #form_invoices_proforma_total_iva input,
#AddEdit #form_invoices_proforma_total_retention .input-group-addon,
#AddEdit #form_invoices_proforma_total_retention input,
#AddEdit #form_invoices_proforma_total_base_dynamic .input-group-addon,
#AddEdit #form_invoices_proforma_total_base_dynamic input {
	background-color: #FBFBDC;
	border: 0;
	font-weight: bold;
	box-shadow: none;
}
#AddEdit #form_invoices_proforma_total_base_dynamic .input-group-addon,
#AddEdit #form_invoices_proforma_total_base_dynamic input {
	font-weight: normal;
	box-shadow: none;
}

#AddEdit #form_invoices_proforma_total_base .col-sm-2,
#AddEdit #form_invoices_proforma_total_iva .col-sm-2,
#AddEdit #form_invoices_proforma_total_retention .col-sm-2,
#AddEdit #form_invoices_proforma_total .col-sm-2,
#AddEdit #form_invoices_proforma_total_base_dynamic .col-sm-2 {
	width: 45%;
}
#AddEdit #form_invoices_proforma_total_base .col-sm-10,
#AddEdit #form_invoices_proforma_total_iva .col-sm-10,
#AddEdit #form_invoices_proforma_total_retention .col-sm-10,
#AddEdit #form_invoices_proforma_total .col-sm-10,
#AddEdit #form_invoices_proforma_total_base_dynamic .col-sm-10 {
	width: 50%;
}
#AddEdit #form_invoices_proforma_total {
	background-color: #F0F37F;
	margin-bottom: 44px;
}
#AddEdit #form_invoices_proforma_total .input-group-addon,
#AddEdit #form_invoices_proforma_total input {
	background-color: #F0F37F;
	border: 0;
	font-weight: bold;
	box-shadow: none;
}
#AddEdit #form_invoices_proforma_detail > label {
	display: none;
}
#AddEdit #form_invoices_proforma_detail label {
	background-color: #efefef;
	width: 100%;
	text-align: left;
	border-radius: 5px;
	padding: 7px 7px 7px 20px;
	margin-bottom: 7px;
}
#AddEdit #form_invoices_proforma_detail .col-sm-12 .template-list:first-child .drag-icon {
	margin-top: 35px;
}

#advsearch #invoices_proforma_detail_id_paymode {
	height: 200px;
}
.invoices_proforma_detail_concept {
	min-height: 76px;
}
#invoices_proforma_detail_amount,
#invoices_proforma_detail_total {
	min-width: 85px;
}
#invoices_proforma_dates_alert {
	padding: 10px;
	margin: 20px 0;
	vertical-align: middle;
	color: #fff;
	width: 60%;
	font-size: 14px;
	text-align: center;
}

/* datos empresa flotante - proforma */
.invoicesproforma .fiscal_data {
	display: none;
	position: absolute;
	top: 40px;
	margin-left: 24px;
	width: 250px;
	z-index: 1;
}
.invoicesproforma .fiscal_data img {
	width: 220px;
	margin-bottom: 8px;
}
.invoicesproforma .fiscal_data p {
	margin: 0;
}
.invoicesproforma .fiscal_data .fiscal_name {
	font-weight: bold;
}
.invoicesproforma .fiscal_data .phone {
	margin-top: 8px;
}

@media (min-width: 1200px) {
	.invoicesproforma #AddEdit .series {
		margin-top: 34px;
	}
	.invoicesproforma #AddEdit #form_invoices_proforma_date {
		margin-bottom: 54px;
	}
	.invoicesproforma #AddEdit #form_invoices_proforma_detail {
		max-width: 1238px;
		margin: 0 0 24px calc(16.66666667% - 15px);
	}
	.invoicesproforma #AddEdit #invoices_proforma_detail_concept,
	.invoicesproforma #AddEdit .invoices_proforma_invoices_proforma_detail_concept,
	.invoicesproforma #AddEdit .invoices_proforma_detail_concept {
		max-width: 300px;
	}
	.invoicesproforma #AddEdit #invoices_proforma_detail_amount,
	.invoicesproforma #AddEdit #invoices_proforma_detail_items,
	.invoicesproforma #AddEdit #invoices_proforma_detail_discount,
	.invoicesproforma #AddEdit #invoices_proforma_detail_base,
	.invoicesproforma #AddEdit #invoices_proforma_detail_iva,
	.invoicesproforma #AddEdit #invoices_proforma_detail_retention {
		max-width: 120px;
	}
}
@media (min-width: 1400px) {
	.invoicesproforma .fiscal_data {
		display: block;
		margin-left: calc(16.66666667% + 15px);
	}

}
@media (min-width: 1800px) {
	.invoicesproforma #AddEdit #invoices_proforma_detail_concept,
	.invoicesproforma #AddEdit .invoices_proforma_invoices_proforma_detail_concept,
	.invoicesproforma #AddEdit .invoices_proforma_detail_concept {
		width: 300px;
	}
}