/* CSS solo para el proyecto */

#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%);
    }

#form_providers_commercialname,
#form_providers_socialreason{
    min-width: 450px;
}
#providers_caracteristics,
#providers_notes,
#trips_description{
    min-height: 300px;
}

#form_trips_cover img{
    max-width: 200px;
}

.trips #show .actions{
    min-width: 290px;
}

#show .users_charge,
#show .users_id_departments {
    min-width: 120px;
}



.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,
	.edit #form_expenses_id_trips{
		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;
}


#providers_address{
    width: 460px;
    height: 125px;
}




#trips_files{
    clear: both;
    display: flex;
    gap: 20px;
}
.trip_file{
    width: 40%;
    min-width: 40%;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 0;
}
#trips_files .RelationList .template-list,
#trips_files .RelationList .template-list>div,
#trips_files .form-group{
    margin: 0;
    padding: 0;
    background-color: inherit;
}
#trips_files .RelationList .template-list{
    border: 0;
    padding: 0 0 5px 0;
}
#trips_files .RelationList .template-list .btn{
    margin-top: 0;
}
#trips_files .trip_file_section{
    padding: 20px 10px;
}
    #trips_files .trip_file_section .total{
        line-height: 34px;
        font-size: 14px;
    }
    #trips_files .total_price,
    #trips_files .total_price_individual{
        font-weight: bold;
    }
    #trips_files .total_price_individual{
        padding-right: 10px;
    }
    #trips_files .airlines{
        background-color:rgb(205, 224, 242);
    }
    #trips_files .hotels{
        background-color:rgb(249, 237, 201);
    }
    #trips_files .restaurants{
        background-color:rgb(225, 240, 216);
    }
    #trips_files .buses{
        background-color:rgb(228, 217, 241);
    }
    #trips_files .guides{
        background-color:rgb(236, 222, 229);
    }
    #trips_files .activities{
        background-color:rgb(229, 241, 219);
    }
    #trips_files .museums{
        background-color:rgb(213, 221, 232);
    }
#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^="plazas"]{
    width: 80px;
}
#trips_files input[name^="price"]{
    width: 100px;
}
#trips_files input[name^="individual"]{
    width: 20px;
    height: 34px;
    margin: 0 6px 0 0;
}



/* Altura de inputs más pequeña
#trips_files input[name^="plazas_"],
#trips_files input[name^="price_"],
#trips_files input[name^="price_total_"]{
    height: 26px;
}
    */



/* incomes */
#AddEdit #form_incomes_total_base,
#AddEdit #form_incomes_total_iva,
#AddEdit #form_incomes_total_retention,
#AddEdit #form_incomes_total,
#AddEdit #form_incomes_total_base_dynamic {
	background-color: #FBFBDC;
	margin: 0 calc(16.66666667% + 4px);
    padding: 2px 0;
    border-bottom: 1px solid #D0D0D0;
	width: 420px;
}
#AddEdit #form_incomes_total_base_dynamic label{
	font-weight: normal;
}
	#AddEdit #form_incomes_total_base .input-group-addon,
	#AddEdit #form_incomes_total_base input,
	#AddEdit #form_incomes_total_iva .input-group-addon,
	#AddEdit #form_incomes_total_iva input,
	#AddEdit #form_incomes_total_retention .input-group-addon,
	#AddEdit #form_incomes_total_retention input,
	#AddEdit #form_incomes_total_base_dynamic .input-group-addon,
	#AddEdit #form_incomes_total_base_dynamic input{	
		background-color: #FBFBDC;
		border: 0;
		font-weight: bold;
		box-shadow: none;
	}
	#AddEdit #form_incomes_total_base_dynamic .input-group-addon,
	#AddEdit #form_incomes_total_base_dynamic input{
		font-weight: normal;
		box-shadow: none;
	}

#AddEdit #form_incomes_total_base .col-sm-2,
#AddEdit #form_incomes_total_iva .col-sm-2,
#AddEdit #form_incomes_total_retention .col-sm-2,
#AddEdit #form_incomes_total .col-sm-2,
#AddEdit #form_incomes_total_base_dynamic .col-sm-2{
	width: 45%;
}
#AddEdit #form_incomes_total_base .col-sm-10,
#AddEdit #form_incomes_total_iva .col-sm-10,
#AddEdit #form_incomes_total_retention .col-sm-10,
#AddEdit #form_incomes_total .col-sm-10,
#AddEdit #form_incomes_total_base_dynamic .col-sm-10{
	width: 50%;	
}
#AddEdit #form_incomes_total{
	background-color: #F0F37F;
	margin-bottom: 44px;
}
	#AddEdit #form_incomes_total .input-group-addon,
	#AddEdit #form_incomes_total input{
		background-color: #F0F37F;
		border: 0;
		font-weight: bold;
		box-shadow: none;
	}
	#AddEdit #form_incomes_detail > label{
		display: none;
	}
	#AddEdit #form_incomes_detail label{
		background-color: #efefef;
		width: 100%;
		text-align: left;
		border-radius: 5px;
		padding: 7px 7px 7px 20px;
		margin-bottom: 7px;
	}
	#AddEdit #form_incomes_detail .col-sm-12 .template-list:first-child .drag-icon{
		margin-top: 35px;
	}

#incomes_dates_alert
{
    padding: 10px;
    margin: 20px 0;
    vertical-align: middle;
    color: #fff;
    width: 60%;
    font-size: 14px;
    text-align: center;
}
    
    
@media (min-width:1200px) {
	.incomes #AddEdit .series{
		margin-top: 34px;
	}
	.incomes #AddEdit #form_incomes_date{
		margin-bottom: 54px;
	}
	.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;
	}
}
