/*
script			: transportus.css
créé    		: 22/04/2020 (XD)
description		: feuille de style spécifique au projet. Vient compléeter Bootstrap
dernière modif	: 11/05/2021 (XD)

bleu du logo	:	#09F ou #0198F1
bleu foncé		:	#06C
rouge bordeaux	:	#900 ou #A3000C
orange			:	#F60
orange eco-course	:	#F90
*/

/* MEDIAPRO DX */
img.img_clic {cursor: pointer;}
.msg_test {background-color: #000; color: #FFF;}
.msg_test h2 {color: #FFF;}
.scroll-to-bottom {
    position: fixed;
    right: 55%;
    bottom: 15px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: rgba(52, 58, 64, 0.5);
    line-height: 46px;
}
.scroll-to-bottom:hover {background: #343a40;}
.scroll-to-top {right: 50% !important;}
/* fin MEDIAPRO DX */

body {font-size: 0.8rem;}
h1 {font-size: 2rem;}
h2 {color: #0198F1; font-size: 2rem;}
legend {color: #0198F1 !important; margin-top: 1em;}
img.icone {vertical-align: middle; margin: auto 0.5em; height: 20px;}
h1.titrepage {color: #FFF;}
.pointer-hover:hover{cursor: pointer;}
.modal-header {background-color: #F1F1F1;}
/* corrections sbadmin */
.voir_transports .btn-sm, .voir_transports .btn-group-sm > .btn {
    padding: 0.1rem 0.5rem;
    font-size: 0.7rem;
}
.input-group-text {padding: 0.1rem 0.75rem;}

.voir_transports input[type=text] {
    height: 1.5em;
    padding: 4px;
}
.voir_transports select {padding: 0; height: auto;}
.input-group-text {padding: 0 0.5em;}
#choix_date .input-group-text {
	/* font-size: 2em;  */
	font-weight: bold;
}

.info_dates { list-style-type: none; padding-left: 12px;}

#msguser
{
	display: none;
}
.indication {font-size: 0.8em; font-style: italic;}
.saisie_obligatoire {color: #F00;}

.alert-darkmpdx {color: #FFF; background-color: #666;}
/*********************************
### ACCUEIL
*********************************/
.card-title h1.alerte {font-size: 3em;}

/*********************************
### COURSES
*********************************/
#affiche_surcharge {font-size: 2em; font-weight: bold; text-align: center; padding: 5px; width: auto; height: auto; color: #0198F1;}
#affiche_surcharge div.date {font-size: 0.5em; color: #666;}
#choix_etats {font-size: 0.8em;}
span.survol {cursor: pointer;}
/* notes quotidiennes */
#note_quotidienne textarea, .postit textarea {
	overflow: auto;
	background: #FFC url(../images/modifier_petit.gif) no-repeat 3px 3px;
	font-family: "courrier new";
	color: black;
	padding-left: 22px;
}
#note_quotidienne textarea {height: 14em;}

.etat_demande {background-color: #BA55D3;} /* violet */

table.stats td.nb_courses {font-size: 2em; font-weight: bold; text-align: center; color: #000;}
table.stats th {font-size: 1.1em; vertical-align: middle; padding: 0.1em; text-align: center;}

/* modal contact */
#liste_contacts li.contact_selected {background-color: rgb(7, 103, 7); color: #FFF;}

/* liste des courses dans le puits de commande */
.champ_client {height: calc(2em + 2px);}

.voir_transports { /* balise TABLE */
	width: 100%;
	border-collapse: collapse;
	font-size: 10px;
	margin: 0;
}
.voir_transports th, .voir_transports td {vertical-align: top; padding-top: 3px;}
.voir_transports .colSuppr {width: 1%;}
.voir_transports .colInfo {width: 3%;}
.voir_transports .colEtat {width: 5%;}
.voir_transports .colClient {width: 10%;}
.voir_transports .colDepart {width: 17%;}
.voir_transports .colDepart b {font-size: 1.2em;}
.voir_transports .colArrivee {width: 17%;}
.voir_transports .colArrivee b {font-size: 1.2em;}
.voir_transports .colPresta {width: 2%;}
.voir_transports .colProduit {width: 4%;}
.voir_transports .colTarif {width: 10%;}
.voir_transports .colTarif input.court {width: 50%;}
.voir_transports .colIcones {width: 8%;}
.voir_transports .colChauff {width: 10%;}
.voir_transports .colSstt {width: 10%;}
.voir_transports .colValidation {width: 3%; text-align: center;}

.bg_rouge {background-color: #FCC;}
.bg_vert {background-color: #CFC;}
b.reserve {color: #F00; font-size: 2em;}
.voir_transports a {color: #000;}
.voir_transports .nb {text-align: center;}
h2.trigger {font-size: 1.5em; text-align: left; margin-top: 0.5em;}
h1.courses_agence {margin-top: 1em;}
.voir_transports tr {border-bottom: 1px dashed #666;}
.voir_transports tr.titretype, .tableau_infos tr.titretype{border-top: 3px solid #000;} 
.voir_transports th {background-color: #EEE; height: auto; padding: 2px 3px; vertical-align: middle;}
.voir_transports th.nom {text-align: left; background-color: transparent; text-align: left;}
.voir_transports td.rang {font-size: 2em; font-weight: bold;}
.voir_transports td.rang .hausse, .voir_transports td.rang .baisse {font-size: 12px;}
.voir_transports img.icone {vertical-align: middle;}
.voir_transports .indication {color: inherit; font-weight: normal; font-size: 1em;}
.voir_transports select.v2 {display: none;}
.voir_transports .bootstrap-select.v2 {display: none;}
.voir_transports i.tv2 {cursor: pointer;}

/* NOUVELLE COURSE */
#nouvelle_course {background-color: #FC9;} /* saumon */
#nouvelle_course input.form-control-sm {color: #000;}

.voir_transports .bastable {background-color: #FFF; height: 50px;}
.etat_devis, .badge-devis {background-color: #FF6;}
.etat_demande, .badge-demande {background-color: #BA55D3; color: #FFF;} /* violet */
.etat_commande, .badge-commande {background-color: #F33; color: #FFF;}
.etat_commandeclient, .badge-commandeclient {background-color: #F99; color: #FFF;}
.etat_commandeeco, .badge-commandeeco {background-color: #F90; color: #FFF;}
.etat_affectation, .badge-affectation {background-color: #CF6;}
.etat_prefacturation, .badge-prefacturation {background-color: #69F;}
.etat_facturation, .badge-facturation {background-color: #CFF;}
.bloc-legende {width: 130px; margin: 2px; border: 1px #666 solid; display: inline-block; text-align: center; padding: 2px 5px;}
.voir_transports .etat_prefacturation span.indication, .voir_transports .etat_commande span.indication, .voir_transports .etat_commandeeco span.indication, .voir_transports .etat_commandeclient span.indication
 {color: #FFF;}
td.etat_devis, td.etat_commande, td.etat_affectation, td.etat_prefacturation, td.etat_facturation {text-align: center; width: 50px;}
th.immat {width: 50px; font-size: 1.5em; text-transform: uppercase;}
.voir_transports th.immat {height: 50px;}
td.chauffeur, th.chauffeur {padding: 2px 3px;}
.en_attente {background-color: #000; color: #FFF;}

div.saisie {position: relative; top: 0; left: 0;}

.modal h5 {color: #000;}
.affiche_isc_course {font-weight: bold; text-decoration: underline; height: 6em; width: 200px;} /* span */
.affiche_isc_course:hover {cursor: pointer;}
.contact_course {width: 300px; height: auto;}
.contact_course, .isc_course {padding: 2px; background-color: #FFC; text-align: left;} /* textarea contact de course et ISC */
.autocomplete {
	color: black;
	background-color: #FFF;
	position: absolute; top: 50px; left: 0; z-index: 500;
	display: none;
	width: 850px; max-height: 500px;
	overflow: auto;
	padding: 5px;
	border: 1px #666 solid;
}
.autocomplete span.blacklist {text-decoration: line-through;}
#histbox-new input {width: 100%;}
#ajouter_course {display: none;} /* bouton de validation masqué par défaut */
#ajouter_course:hover {cursor: pointer;}
.miniform {width: auto; border: 1px #09F solid; margin: 5px; text-align: right;}
.miniform h4 {text-align: left; background-color: #09F; color: white; height: 20px; padding: 3px;}
.miniform table {margin: 5px;}
.miniform div {text-align: center;}

.ico_trigger {color: #900;}

#contactBL_form {text-align: left;}
#bloc_stats caption {text-align: left; font-size: 1.5em;}
#bloc_stats th {width: 66%;}
#bloc_stats td.prix {text-align: right; font-size: 2em;}
#bloc_stats td.gros {font-size: 2em; color: #090;}
td.prix, th.prix {text-align: right;}
#datatable-suivi-facture td.prix {font-size: 1.4em;}

/* PLANIFIER */
#jourssem .form-check {display: inline-block;}
#journal_maintenance .gros {font-weight: bold; font-size: 1.1em;}
/*********************************
### GRC
*********************************/
/* coloration par agence */
h6.agence b {color: #FFF; font-weight: normal; border-bottom: 1px #000 solid; padding: auto 2em;}
h6.agenceSNR b {background-color: #F00;}
h6.agenceNTE b {background-color: #0198F1;}
#coursesprefacturation, #coursesdevis ul {font-size: 0.8em;}
#results {	/* contient les résultats de la recherche affichés en ajax. Voir fonctions_jquery.js */
    visibility: hidden;
    background-color: #FFF;
    padding: 5px;
    position: absolute;
    z-index: 1000;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
#identite_entreprise {background-color: #EEE;}
input.blacklist {color: red; text-decoration: line-through;}
#listealpha {text-align: center;}
.nom_champ {color: #999;}
.valeur_champ {color: inherit; font-weight: bold;}
.crm_bloc {font-size: 10px;}
.liste {display: none;}

#concurrentsForm, #servicesForm, #tagsForm{
    background-color: #FFF;
	padding: 1em;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;	
}

.scoring {
	border: 2px solid #666;
	border-radius: 4px;
	text-align: center;
	color: #F60;
	font-weight: bold;
	font-size: 1em;
	background: #EEE url(../images/deg100.jpg) repeat-x;
}
.scoring .legende {color: #000; font-size: 0.8em; text-transform: uppercase;}
.scoring .score {font-size: 2em;}
.scoring .noscore {font-size: 12px; line-height: 12px;}

.dropdown-menu {padding: 0.5em 1em;}
.liste_courses ul {padding-left: 0;}
.liste_courses img.icone {margin-right: 1em;}
#upload_tarifs {width: 500px;}
.trigger_tarif {color: #900; font-weight: bold; margin: auto 2px;}
.trigger_tarif:hover {cursor: pointer;}
.liste_contacts table {font-size: 0.8em;}

.separation_futur {border-top: 2px black solid;}
.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: rgba(52, 58, 64, 0.5);
    line-height: 46px;
}
.scroll-to-top:focus, .scroll-to-top:hover {color: white;}
.scroll-to-top:hover {background: #343a40;}
.scroll-to-top i {font-weight: 800;}

.CA_client td, .CA_client th {padding: 1px; font-size: 0.8em;}


/*********************************
### SALARIES
*********************************/
#fiche {width: 100%;}
.annee {width: 50px;} /* colonne des prénoms */
#vacances {border-collapse: collapse; border: 2px solid #0198F1; font-size: 10px;}
#vacances th, #vacances td {border: 1px solid #000; padding: 2px 3px; height: 15px;}
#vacances th {text-align: left; background-color: #0198F1; color: #FFF;}
#vacances th.semaine {text-align: center;}
#vacances th.vc {background-color: #000;}
#vacances th.titre_groupe {background-color: #DDD;}
#vacances td.cp {background-color: #F00;} /* rouge */
#vacances td.absent {background-color: #F00;} /* rouge */
#vacances td.am {background-color: #090;} /* vert */
#vacances td.rp {background-color: #F90;} /* jaune */
#vacances td.semaine {color: #FFF; font-size: 10px; text-align: center;}
#vacances td.semaine a {color: #FFF;}
#vacances td.semaine a:hover {background-color: transparent;}
.table-hover tbody tr:hover {background-color: #666;} /* annule la propriété de sb-admin */
.documentnumerise .card-header {height: 4em; padding: 0;}
.documentnumerise .card-body {height: 10em;}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}

/*********************************
### MISSIONS
*********************************/
#liste_missions .card-body {padding: 0.8rem 0;} /* écrase du bootstrap dans ce div */
#liste_missions .card-body p {margin-bottom: 0;}
#liste_missions .mission {
	font-size: 1em;
	width: 100%;
	border: 1px #06C solid;
	background: #f0f9ff; /* Old browsers */
	background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}
#liste_missions .mission h1 {font-size: 1em; color: #09F; padding-left: 25px; margin: 0; min-height: 20px; width: 100%;}
.mission h1.inconnu {background: url(../geoloc/images/StatusNotConnected.png) no-repeat left top;}
.mission h1.mission_recue {background: transparent url(../geoloc/images/StatusReceived.png) no-repeat left top;}
.mission h1.mission_acceptee {background: url(../geoloc/images/StatusAccepted.png) no-repeat left top;}
.mission h1.mission_demarree {background: url(../geoloc/images/StatusBegin.png) no-repeat left top;}
.mission h1.mission_commencee {background: url(../geoloc/images/StatusArrived.png) no-repeat left top;}
.mission h1.mission_terminee {background: url(../geoloc/images/StatusFinished.png) no-repeat left top;}
.mission h1.mission_traitee {background: url(../geoloc/images/StatusFinished.png) no-repeat left top;}
.mission .valeur {font-weight: bold; font-size: 1.1em;}
.adresse {padding: 0.5em; vertical-align: top;}
.adresse:hover {background-color: #EEE; border: 1px #999 solid;}
.adresse .lien_supprimer, .adresse .lien_modifier {display: none; float: right;}

/*********************************
### DOCMENTS PDF
*********************************/
.main_tab {padding: 10px; width: 180mm; min-height: 27cm; border: 1px #DDD solid; margin: 10px auto; clear: both;}
#logo_document img {width: 250px;}

.adresse_tu {width: 6cm; border: 0;}
.adresse_tu img {width: 6cm;}

.adresse_client {
	border-style: solid;
	width: 7cm;
	border-width: 1px 3px 3px 1px;
	text-align: left;
	padding: 3mm;
	float: left;
}
.adresse_client h1 {font-size: 5mm; margin-top: 0;}
.adresse_client h4 {color: #AAA; font-weight: normal; text-decoration: underline; font-size: 0.9em;}
.adresse_destination {margin: 2.5cm 0 5mm auto; color: #000;}
.adresse_facturation {color: #999; border: 0;}
.adresse_commande {margin-bottom: 5mm; color: #999; border: 0;}
.adresse_facturation h1, .adresse_commande h1 {font-size: 4mm; margin: 0;}
address {font-size: 3mm; font-family: tahoma; text-align: left;}
table.tableau_infos {border-collapse: collapse; width: 100%; margin: 1em auto;}
table.tableau_infos td.ok {font-weight: bold; color: #090;} /* vert */
table.tableau_infos td.photo {color: #AAA; font-style: italic; font-size: 0.8em; text-align: center;}
table.tableau_infos td.photo img {max-width: 100%; border: 0;}
table.tableau_infos h4 {color: #AAA; font-weight: normal; text-decoration: underline; font-size: 0.9em;}
table.tableau_infos td, table.tableau_infos th {padding: 3px 5px;}
table.tableau_infos td.etoile {text-align: center;}
table.tableau_infos td.etoile img {cursor: pointer;}
table.tableau_infos th {text-align: left; font-weight: normal; font-size: 1.2em; vertical-align: top;}
table.tableau_infos th.adresse {width: 50%;}
table.tableau_infos th.adresse address {font-size: 1.3em;}
table.tableau_infos th .ref {font-weight: bold; text-align: center; font-size: 1.2em;}
table.tableau_infos .indication {font-size: 0.8em; color: #AAA;}
table.tableau_infos .logo {text-align: center;}
table.tableau_header {
	width: 100%; margin: 1em auto;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: none; border: none;}
.dataTables_wrapper {margin-top: 3em;}
.page-item.active .page-link:hover {z-index: 3;color: #007bff;background-color: #fff;border-color: #007bff;}

.hausse {color: #0C0;}
.baisse {color: #F00;}

/* media query max width 767 px */
@media (max-width: 767px) 
{
	.cherche_entreprise {margin-top: 10px;}
	.ligne_bouton {margin-top: 10px;}
}


.taille-filtre-titre-course {
	font-size: 1.2em;
	font-weight: 500;
;}

.histo {
    cursor: pointer;
}

.adresseHistoriseeOui {
    background-color: lightgreen;
}

.adresseHistoriseeNon {
    background-color: lightcoral;
}

.optionSelectChauffeur {
    font-size: 0.9em;
}

/* .optionSelectVehicule {
    font-size: 0.875em;
} */

.Chauffeurs .filter-option {
    font-size: 0.9em !important;
}

.cursor-help {
    cursor: help !important;
}

.cursor-pointer {
    cursor: pointer !important;
}


.hidden-courses { display: none; }
.voir-plus-courses { 
    color: blue; 
    cursor: pointer; 
    text-decoration: underline;
    margin: 10px 0;
}

/* Par défaut, cacher les contacts qui ne sont plus dans la société */
tr[data-danslasociete="non"] {
    display: none;
}

/* Quand la checkbox est décochée, les montrer */
.afficher-contacts-sortis tr[data-danslasociete="non"] {
    display: table-row;
}

/* .bootstrap-select>.dropdown-toggle {
    border: 1px solid #cbd0dd;
} */

/* Si on ajoute la classe border-bootstrap-select à un select, on ajoute une bordure pour qu'on voit le cadre du select */
.bootstrap-select.border-bootstrap-select>.dropdown-toggle {
    border: 1px solid #cbd0dd;
}

.form-control-file {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* .bootstrap-select.form-control-sm .dropdown-toggle {
    padding: 0.05rem 0.1rem !important;
} 

.bootstrap-select.form-select-sm {
    height: calc(1.5em + 0.5rem + 2px) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bootstrap-select.form-select-sm .dropdown-toggle {
    height: 100% !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    border-radius: 0.25rem !important;
    margin: 0 !important;
}

.bootstrap-select.form-select-sm .dropdown-toggle .filter-option {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.bootstrap-select.form-select-sm .dropdown-toggle::after {
    margin-top: 0 !important;
    vertical-align: middle !important;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .05rem .5rem !important;
}  */

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .0rem .5rem !important;
    font-size: 0.875rem !important;
}

.bootstrap-select .dropdown-item.active {
    background-color: rgb(228, 228, 228) !important;
    color: #000 !important;
}

.modal-marchandise-label label {
    color: black;
}

.align-middle {
  vertical-align: middle !important;
}

/* Classe pour mettre en évidence la ligne lors de l'ouverture du modal marchandise */
.ligne-surbrillance-modal {
    border-left: 6px solid #000000 !important; /* Bordure gauche bleue comme le logo */
    background-color: #f8f9fa !important; /* Fond légèrement grisé */
}