/* Fonts */
@font-face {
	font-family: "Avenir";
	font-weight: normal;
	font-style: normal;
	src: url('../inc_css/Font/Avenir-Medium.eot') format('eot'),
    	 url('../inc_css/Font/Avenir-Medium.ttf') format('truetype'); /*URL to font*/
	src: url('../inc_css/Font/Avenir-Medium.eot'); /* Pour IE9 Compat mode */
}
@font-face {
	font-family: "Avenir";
	font-weight: normal;
	font-style: italic;
	src: url('../inc_css/Font/Avenir-MediumOblique.eot') format('eot'),
    	 url('../inc_css/Font/Avenir-MediumOblique.ttf') format('truetype'); /*URL to font*/
	src: url('../inc_css/Font/Avenir-MediumOblique.eot'); /* Pour IE9 Compat mode */
}
@font-face {
	font-family: "Avenir";
	font-weight: bold;
	font-style: normal;
	src: url('../inc_css/Font/Avenir-Heavy.eot') format('eot'),
    	 url('../inc_css/Font/Avenir-Heavy.ttf') format('truetype'); /*URL to font*/
	src: url('../inc_css/Font/Avenir-Heavy.eot'); /* Pour IE9 Compat mode */
}
@font-face {
	font-family: "Avenir";
	font-weight: bold;
	font-style: italic;
	src: url('../inc_css/Font/Avenir-Heavy.eot') format('eot'),
    	 url('../inc_css/Font/Avenir-HeavyOblique.ttf') format('truetype'); /*URL to font*/
	src: url('../inc_css/Font/Avenir-Heavy.eot'); /* Pour IE9 Compat mode */
}
@font-face {
	font-family: "Avenir";
	font-weight: 300;
	font-style: normal;
	src: url('../inc_css/Font/Avenir-Light.eot') format('eot'),
    	 url('../inc_css/Font/Avenir-Light.ttf') format('truetype'); /*URL to font*/
	src: url('../inc_css/Font/Avenir-Light.eot'); /* Pour IE9 Compat mode */
}
@font-face {
	font-family: "Avenir";
	font-weight: 300;
	font-style: italic;
	src: url('../inc_css/Font/Avenir-Light.eot') format('eot'),
    	 url('../inc_css/Font/Avenir-LightOblique.ttf') format('truetype'); /*URL to font*/
	src: url('../inc_css/Font/Avenir-Light.eot'); /* Pour IE9 Compat mode */
}
@font-face {
	font-family: "DIN Condensed";
	src: url('../inc_css/Font/DINPro_Cond.otf');
}
@font-face {
	font-family: "DIN Condensed";
	font-weight: bold;
	src: url('../inc_css/Font/DIN Condensed Bold.ttf');
}
@font-face {
	font-family: "DIN Condensed Black";
	src: url('../inc_css/Font/DINPro_CondBlack.otf');
}
@font-face {
	font-family: "DIN Condensed Black";
	font-weight: bold;
	src: url('../inc_css/Font/DIN Alternate Bold.ttf');
}

/* Mise en place du design principal */
*{position: relative;box-sizing: border-box}
body{ font-family: 'Avenir', sans-serif;background: transparent;}
a:hover{text-decoration: none;}
a{color: #fbcb34}
a:visited{color: #fbcb34}
input, textarea, select {border-radius: 2px;border-style: solid;}
/* Connexion / Inscription / mdp oublié */
.bgConnexion{width: 100%; height: 800px; height: 100vh; background: transparent; text-align: center; min-height: 900px;}
.bgCamion{background: url("../inc_images/design/bg_camion.jpg") no-repeat center center; background-size: 100% auto;background-attachment: fixed}
.divConnexion{margin: auto;width: 650px; height: 650px; padding-top: 200px; border-radius: 50%; background: rgba(0,0,0,0.5); margin-bottom: 90px;}
.logoConnexion{width: 430px; height: 80px; background: url("../inc_images/design/logo_plein.png") no-repeat top center; background-size: contain; display: block; margin: auto; margin-bottom: 50px;}
.saisie_formulaire{width: 400px; margin: auto}
input.input_connexion{background: transparent; border: 1px solid #4a4b4d; color: #b2b2b2; box-sizing: border-box;font-size: 16px;width: 100%; padding: 10px 10px 10px 20px; font-weight: normal;}
/*.divConnexion:after{width: 650px; height: calc(50vh - 352px); height: -webkit-calc(50vh - 352px);content: ""; position: absolute; top: calc(100% + 90px);top: -webkit-calc(100% + 90px); left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%); background: url("../inc_images/design/logo_w_transparent.png") no-repeat center top -120px;}*/
a.lienConnexion, .lienConnexion{color: #b2b2b2; font-size: 20px;margin-bottom: 15px; display: inline-block}
.divConnexion h2{color: #fff; margin-top: 10px;}
.divConnexion.divInscription{padding-top: 25px;font-size: 16px; color: #fff;width: 900px;height: 900px;}
.divConnexion.divInscription .logoConnexion{width: 350px; height: 60px;margin-bottom: 20px;}
.labelInscription{font-size: 16px;color: #b2b2b2;  cursor: pointer; transition: 0.2s; border: 1px solid #4a4b4d;padding: 10px; display: block;}
.labelInscription:hover,.divConnexion input[type="radio"]:checked ~ label{color: #fff;border: 1px solid #fff; }
.containerRadio{display: inline-block; width: 48%;margin: 18px 0px; }
.containerRadio:first-child{margin-right: 2px;}
.containerRadio:last-child{margin-left: 2px;}
/* Radio du formulaire de contact */
#formContact .labelInscription{border: 1px solid #b2b2b2;}
#formContact .labelInscription:hover,#formContact input[type="radio"]:checked ~ label{color: #000;border: 1px solid #000; }
#formContact .containerRadio{margin: 5px 0}
.checkMention{padding: 0 60px;}

.btnConnexion{display: block;width: 100%; height: 100%; border: none; background: transparent;line-height: 180px;color: #fff;font-family: "Avenir", sans-serif; font-weight: bold;font-size: 45px;text-transform: uppercase; cursor: pointer;   text-align: center; }
.divBtnConnexion:hover .conteneurImageBouton{animation: rotate 1s linear infinite}
.btnConnexion:focus{outline: none;}
a.btnConnexion{color: #fff;}

.divConnexion.divInscription .divBtnConnexion{width: 150px; height: 150px; left: 90%; bottom: 45px;}
.divConnexion.divInscription .btnConnexion{line-height: 150px;}

.divBtnConnexion{display: block; position: absolute; width: 180px; height: 180px;  bottom: -80px;  left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); }
.conteneurImageBouton{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background : #fbcb34 url("../inc_images/design/lueur_interne.png") no-repeat center center;border-radius: 50%;border: 10px solid #2f3031;}

/* Conteneurs principaux de l'appli (avec menu)' */
.topFixed{position: sticky; width: 100%; top: 0; left: 0; z-index: 45}
.menuSite{ width: auto; margin-left: auto; padding-right: 300px; display: table;background: #fff; }
.menuSite .lien{margin: 3px 10px; color: #6f6f6f; font-size: 16px; text-decoration: underline; display: inline-block}
.div_principal{padding-top: 0px;text-align: left;padding-bottom: 50px;background: url(../inc_images/design/logo_w_gris_transparent.png) no-repeat right -400px bottom;}
.div_principal.hasMenu{padding-left: 70px; min-height: 900px;padding-right: 0px; padding-bottom: 50px;min-height: 100vh}
.topAppli{height: 77px; background: #000 url("../inc_images/design/bg_header.png") no-repeat center right; background-size: 100% 100%; text-align: left; transition: 0.3s linear}
.pictoMenu{display: inline-block; vertical-align: top; width: 70px; height: 100%; background: #000 url("../inc_images/design/menu/picto_menu.png") no-repeat center center; cursor: pointer;}
.pictoMenu.open{background: #000 url("../inc_images/design/menu/picto_menu.png") no-repeat center center;}
.logoMenu{display: inline-block; vertical-align: top; height: 100%; width: 170px; background: url("../inc_images/design/logo_full_petit.png") no-repeat center center;margin-left: 20px;}
.logoMenu a{display: block; width: 100%; height: 100%;}
.scrolling .topAppli{height: 50px;transition: 0.3s linear}
.scrolling #menuGauche{top: 50px;}

label.champInvalide{color: #e56a54;}
input.champInvalide, textarea.champInvalide{border-color: #e56a54}

.notifModif{display: inline-block; color: #e56a54; font-size: 11px; padding-right: 20px;width: 300px;position: absolute; top: 5px; right: 0;text-align: right;}
.notifModif .fermerNotif{position: absolute; top: 5px; right: 0;width: 10px; height: 10px;cursor: pointer; background: url("../inc_images/design/picto/annuler2.png") no-repeat center center; background-size: contain;}

.picto_plus{display: inline-block; color: #fbcb34; font-size: 25px;line-height: 20px;}

.completionProfil:hover .showHover{display: block;}
.completionProfil .showHover{position: absolute; right: 50%; top: 50%;color: #e56a54; background: rgba(0,0,0,0.8); width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}
.completionProfil .ligneCompletion:before{content: "- "}
.scrolling .completionProfil .ligneCompletion{font-size: 14px;}

.tdInfos{width: 450px; text-align: right; padding: 2px 5px;}
.tdInfos textarea{width: 100%;height: 35px;}

#formChangeMdp{text-align: center}
.listeConditions{text-align: right;}

.fctHover{position: absolute; right: 0; top: 0; width: 20px; height: 20px;}
#table_liste_mails .fctHover{right: 10px; top: 7px;}
.fctHover:hover .hoverFct{display: block;z-index: 45800}
.fctHover .hoverFct{position: absolute;z-index: 45; left: 50%; top: 50%;color: #e56a54; background: rgba(0,0,0,0.8); width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}

.fieldsetRemorque.semi{background: url("../inc_images/design/picto/semi.png") no-repeat right 10px top}
.fieldsetRemorque.remorque{background: url("../inc_images/design/picto/remorque.png") no-repeat right 10px top}
.fieldsetTrajet{background: url("../inc_images/design/picto/trajet.png") no-repeat right 10px top 10px}

#Notifications{position: fixed; bottom: 0; right: 0; width: 300px; height: 0px;transition: 0.3s; z-index: 46000}
#Notifications .pictoFermer{display: none;position: absolute;width: 30px; height: 30px; top: -15px; left: -15px;background: url("../inc_images/design/picto_fermer.png") no-repeat center center;background-size: contain;z-index: 40; cursor: pointer;}
#Notifications .contentPicto{display: none;width: 60px;position: fixed; bottom: 0; right: 0;background: rgba(64,64,64,1);padding-top: 5px;padding-left: 10px;cursor: pointer;height: 40px;transition: 0.3s}
#Notifications.open .contentPicto{right: -60px;}
#Notifications.open{height: 300px;}
#Notifications.open .pictoFermer{display: block;}
#Notifications .pictoNotif{width: 30px; height: 30px;background: url("../inc_images/design/picto/mail-white.png") no-repeat center center; background-size: contain;}
#Notifications.hasNotif .pictoNotif{background: url("../inc_images/design/picto/mai.png") no-repeat center center; background-size: contain;}
#Notifications .nbNotif{display: none;}
#Notifications.hasNotif .nbNotif{position: absolute;top: 3px; left: 30px;color: #fff; width: 20px; height: 20px; background: #e56a54; border-radius: 50%;display: block;line-height: 20px; text-align: center; animation: zoom 1s infinite}
#listeNotifs{width: 100%; height: 300px; overflow-y: auto;position: absolute; top: 0;background: rgba(64,64,64,0.8);}

#listeNotifs .info,
.notif{background: rgba(0,0,0,0.8);padding: 10px;border-bottom: 1px solid; color: #fbcb34}
.notif.vue{background: transparent; color: #fff}
.notif a{color: #fbcb34;display: block;}
.notif.vue a{color: #fff;}

.rondPictoNotification{color: rgb(0,133,173);text-transform: uppercase;width: 80px;font-size: 12px;display: inline-block;cursor: pointer;}
.rondPictoNotification .rond{background: rgb(0,133,173) url("../inc_images/design/picto/cloche.png") no-repeat center center;width: 70px; height: 70px; line-height: 70px;background-size: 50%}
.rondPictoNotification.hasNotif .rond{background: rgb(0,133,173) url("../inc_images/design/picto/cloche.png") no-repeat center center;background-size: 50%}
.rondPictoNotification .nbNotif{display: none;font-size: 12px;}
.rondPictoNotification.hasNotif .nbNotif{position: absolute;top: 12px; left: 35px;color: #fff; width: 25px; height: 25px; background: #e56a54; border-radius: 50%;display: block;line-height: 25px; text-align: center; animation: zoom 1s infinite}
.scrolling .rondPictoNotification .rond{width: 28px; height: 28px;line-height: 28px; font-size: 12px;}
.scrolling .rondPictoNotification{font-size: 0px;color: transparent; width: auto;margin-right: 15px;margin-left: -5px;}
.scrolling .rondPictoNotification.hasNotif .nbNotif{left: 15px;}


#menuGauche{z-index: 12000; background-color: rgba(0,0,0,1); box-shadow: none;overflow: hidden;width: 70px;transition: 0.3s;text-align: left; position: fixed; top: 77px;height: 100%; transition: 0.3s linear}
#menuGauche.open, #menuGauche:hover{width: 300px;background : rgba(0,0,0,1)}
#menuGauche.open .lien, #menuGauche:hover .lien{opacity: 1;}
#menuGauche table{width: 100%;}
.menu_gauche{padding: 0;margin: 0;display: flex;flex-wrap: nowrap; flex-direction: row; height: 50px;line-height: 50px;transition: 0.3s}
.menu_gauche.selected, .menu_gauche:hover{background: #6f6f6f}
.menu_gauche .picto{width: 70px;background: url("../inc_images/design/menu/picto_param.png") no-repeat center center;}
.menu_gauche .lien{opacity: 0; transition: 0.5s ease-in; color: #fff; width: 230px; text-align: left; text-decoration: none !important; padding-left: 5px;}
.menu_gauche:hover{text-decoration: none;}

.table_liste .liste_modif a.zone_href, .table_liste .liste_delete a.zone_href{display: block; width: 100%; height: 100%;float: none;}

/* Liste des pictos du menu */
.menu_gauche .picto.lienListeChargeur{background: url("../inc_images/design/picto/liste-societe2.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienListeTransporteur{background: url("../inc_images/design/picto/liste-transport.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienListeCotation{background: url("../inc_images/design/picto/liste-cotation-jaune.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienListeAcces{background: url("../inc_images/design/picto/liste-contact2.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienDemandeCotation{background: url("../inc_images/design/picto/cotations.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienDemandeEnCours{background: url("../inc_images/design/picto/liste-cotation.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienReponse{background: url("../inc_images/design/picto/reponse.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienHistorique{background: url("../inc_images/design/picto/histo.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienCompta{background: url("../inc_images/design/picto/doc.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienTableauBord{background: url("../inc_images/design/picto/jauge-jaune.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienListeOT{background: url("../inc_images/design/picto/liste_ot.png") no-repeat center center;background-size: 36px;}


/* Liste des couleurs du menu */
/*.menu_gauche .lien.lienListeCotation{color: #e56a54;}*/
.menu_gauche .lien.lienDemandeCotation{color: #e56a54;}
.menu_gauche .lien.lienDemandeEnCours{color: #e56a54;}
.menu_gauche .lien.lienHistorique{color: #7ec9cd;}

/* Menu haut (droite) */
.menuCompte{position: absolute; top: 0; right: 0; width: 200px; background: #fbcb34; height: 100%;}
.menuCompte.couleurAdmin{background: rgb(0,163,224)}
.menuCompte.couleurAffreteur{background: #7ec9cd}
.menuCompte.couleurTransporteur{}
.menuCompte.couleurChargeur{background: #e56a54}
.menuCompte.couleurBackOffice{background: #b0f2b6}
.titreMenuCompte{font-size: 20px; text-transform: uppercase; top: 30%; transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block;text-align: center}
.nomCompte{bottom: 5px;position: absolute; right: 0; left: 0; text-align: center; color: #fff; transition: 0.3s; font-weight: bold;}
.scrolling .nomCompte{bottom: 5px;}
.menu_top{position: absolute; top: 100%; left: 0; max-height: 0; transition: 0.3s; overflow: hidden;background: #fbcb34;width: 100%;}
.couleurAdmin .menu_top{background: rgb(0,163,224)}
.couleurAffreteur .menu_top{background: #7ec9cd}
.couleurTransporteur .menu_top{}
.couleurChargeur .menu_top{background: #e56a54}
.couleurBackOffice .menu_top{background: #b0f2b6}
.menuCompte:hover .menu_top{max-height: 500px;padding: 15px 0;}
.menu_top .menu_top_item{min-height: 40px;display: flex;flex-wrap: nowrap; flex-direction: row;align-items: center;}
.menu_top .menu_top_item .lien{color: #000; font-size: 16px; text-align: left; flex-grow: 1; padding-right: 5px;width: 160px;}
.menu_top .menu_top_item .picto{width: 50px;padding-right: 10px;height: 30px;}

/* Liste des pictos du menu haut */
.menu_top .picto.lienDeconnexion{background: url("../inc_images/design/menu/picto_deco.png") no-repeat center center;background-size: contain;}
.couleurAdmin .menu_top .picto.lienDeconnexion{background: url("../inc_images/design/menu/picto_fermer_bleu_fonce.png") no-repeat center center;background-size: contain;}
.couleurAffreteur .menu_top .picto.lienDeconnexion{background: url("../inc_images/design/menu/picto_fermer_bleu.png") no-repeat center center;background-size: contain;}
.couleurChargeur .menu_top .picto.lienDeconnexion{background: url("../inc_images/design/menu/picto_fermer_rouge.png") no-repeat center center;background-size: contain;}
.couleurBackOffice .menu_top .picto.lienDeconnexion{background: url("../inc_images/design/menu/picto_fermer_vert.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienTraduction{background: url("../inc_images/design/picto/trad-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienMail{background: url("../inc_images/design/picto/mail-black-param.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienParam{background: url("../inc_images/design/picto/parametre-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienInfoCompte{background: url("../inc_images/design/picto/compte.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienListeContact{background: url("../inc_images/design/picto/liste-contact2-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienListeAdresseEnlevement{background: url("../inc_images/design/picto/local-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienListeCarnetAdresse{background: url("../inc_images/design/picto/adresse-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienListeAdresseFacturation{background: url("../inc_images/design/picto/facturation_black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienParamDemande{background: url("../inc_images/design/picto/cotation-black-param.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienParamAppli{background: url("../inc_images/design/picto/mail-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienMoyensTechniques{background: url("../inc_images/design/picto/camion.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienAvis{background: url("../inc_images/design/picto/avis.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienAdmin{background: url("../inc_images/design/picto/doc-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienSite{background: url("../inc_images/design/picto/page-sup.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienParamFacturation{background: url("../inc_images/design/picto/param_facturation.png") no-repeat center center;background-size: contain;}

/* Liste des couleurs du menu haut */


/* Menu affreteur */
.picto_param_compte{position: absolute; right: 5px; top: 0; bottom: 0;display: inline-block;background: url("../inc_images/design/picto/gestion-acces_black.png") no-repeat center right; vertical-align: middle; background-size: 85% auto;width: 25px;border-left: 2px solid #fff}
.picto_change_client{position: absolute; right: 5px; top: 0; bottom: 0;display: inline-block;background: url("../inc_images/design/picto/clone.png") no-repeat center right; vertical-align: middle; background-size: 85% auto;width: 25px;border-left: 2px solid #fff}
.acces_affreteur{width: 100%; height: 100%; display: flex; flex-direction: column;}
.acces_affreteur .login,.acces_affreteur .client{height: 50%;padding-right: 27px;padding-left: 4px;border-bottom: 1px solid #f1f1f1;}
.acces_affreteur .login{color: #fff;font-weight: 700;}
.picto_param_compte a{display: block; width: 100%; height: 100%;}
.acces_affreteur .client{ cursor: pointer;font-size: 12px;}


/* Indicateurs (infos live) */
.infosLive{position: absolute; top: 40px; right: 230px; transition: 0.3s; text-align: center}
.completionProfil{color: #fbcb34;text-transform: uppercase; margin-right: 20px;}
.completionProfil .rond{background:  #fbcb34; font-weight: bold;width: 70px; height: 70px; line-height: 70px;margin-bottom: 10px;}
.nbCotationEnCours{color: #e56a54;text-transform: uppercase;width: 80px; margin-right: 20px;}
.nbCotationEnCours .rond{background: #e56a54; font-weight: bold; width: 70px; height: 70px; line-height: 70px;}
.nbCotationEnCours.attention .rond:after{content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url("../inc_images/design/picto_attention.png") no-repeat center center; background-size: contain;}
.nbCotationFinies{color: #7ec9cd;text-transform: uppercase;width: 80px;margin-right: 20px;}
.nbCotationFinies .rond{background: #7ec9cd; font-weight: bold; width: 70px; height: 70px; line-height: 70px;}

.scrolling .infosLive{top: 10px;}
.scrolling .completionProfil .rond{width: 20px; height: 20px;line-height: 20px; font-size: 0px;color: transparent}
.scrolling .completionProfil{font-size: 0px;color: transparent; width: auto;top: 4px;}
.scrolling .nbCotationEnCours .rond{width: 28px; height: 28px;line-height: 28px; font-size: 12px;}
.scrolling .nbCotationEnCours{font-size: 0px;color: transparent; width: auto;margin-right: 15px;}
.scrolling .nbCotationFinies .rond{width: 28px; height: 28px;line-height: 28px; font-size: 12px;}
.scrolling .nbCotationFinies{font-size: 0px;color: transparent; width: auto;}
.scrolling .nbCotationEnCours.attention .rond:after{width: 12px; height: 12px;}

.tabsParam .mce-container{margin: auto}

/* Rond de complétion */
.progress-ring{position: absolute; top: -15px; left: -15px;width: 100px; height: 100px; }
.progress-ring__circle {
  stroke-dasharray: 263.89 263.89;
  stroke-dashoffset : 263.89;
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.scrolling .progress-ring{position: absolute; top: -5px; left: -5px;width: 30px; height: 30px;}
.scrolling .progress-ring__circle {
  stroke-dasharray: 81.68 81.68;
  stroke-dashoffset : 81.68;
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

/* Contenu des pages */
h2.titrePage{font-size: 38px; text-transform: uppercase;text-align: center; padding-right: 580px;margin: 0; margin-bottom: 2px;}
.conteneurTitrePage{height: 100px;overflow: hidden; text-align: left}
/*.conteneurTitrePage:after{content: "";position: absolute;width: 650px; background: url("../inc_images/design/ligne_sous_titre.png") no-repeat bottom 10px right; background-size: auto 44px;height: 100%; right: 0; top: 0;pointer-events: none;}
.conteneurTitrePage:before{content: ""; position: absolute; right: 650px; top: 0; width: 100%;background: url("../inc_images/design/ligne_droite.png") repeat-x bottom 10px right;height: 100%;}
*//* Fieldset */
td.legende, div.legende{font-size: 25px; font-weight: bold;text-transform: uppercase;text-align: left; display: inline-block; vertical-align: top;}
td.legende:before, div.legende:before{position: absolute; left: 0; top: 0; height: 100%; width: 20px; }
fieldset.Filtre{max-width: 1000px;margin: auto; text-align: left;}
/*.DivFiltre{display: flex;flex-direction: row; flex-wrap: wrap;align-items: center; justify-content: flex-start;margin: 2px 0; }

.labelFiltre{display: inline-block; vertical-align: top;font-size: 18px; padding: 0 5px;width: 130px;text-align: right;}
.labelFiltre.petit{width: 65px;}
fieldset.Filtre input, fieldset.Filtre select{height: 35px;box-sizing: border-box;margin: 0}
fieldset.Filtre select{width: 143px;}*/
.contentFiltre{display: inline-block; vertical-align: middle; color: #fff; /*font-weight: bold;*/}
.labelFiltre{padding: 5px; text-align: right;font-size: 15px;}
.inputFiltre{height: 30px;padding: 2px;}
.inputFiltre input, .inputFiltre select{height: 100%; border: none; background: transparent; color: #b1b1b1; font-size: 15px; border: none; border-bottom: #515151 1px solid}
 .inputFiltre select option{color: #000}

.dt-button{border: none; background: #000;padding: 7px;margin-bottom: 5px;height: 40px; width: 40px;transition: 0.3s; box-sizing: border-box; vertical-align: top;cursor: pointer;display: inline-block;}
.dt-button span{display: block; width: 100%; height: 100%;}
.dt-button span .export-excel,.dt-button span .export-excel-mail{width: 100%; height: 100%; background-size: contain;}
.dt-button span .export-pdf{border-radius: 0;width: 100%; height: 100%; background-size: contain;}
.dt-button:hover{padding: 6px;}

.ui-multiselect{max-width: 200px;}

#cotation td.input_form_popin_classique input{height: 25px;}
#cotation td.input_form_popin_classique{padding: 5px 0px;width: auto;}
#cotation td.lib_form_popin_classique{width: 250px; color: #000}
#cotation .input_form_popin_classique input, #cotation .input_form_popin_classique select{width: auto}
#cotation .input_form_popin_classique input[type='radio']{width: auto; height: auto}
#cotation .input_form_popin_classique input.datepicker{width: auto;}
#cotation #VilleExp, #cotation #VilleDest{width: 226px;}
#cotation #CPExp, #cotation #CPDest{width: 90px;}
#libelleToSave{height: 25px;width: 300px;}

.isAdrVal,.OpenMiniPopin.toggleIfAdrAdd,.OpenMiniPopin.toggleIfAdr{vertical-align: middle;}
.OpenMiniPopin{float: right;}

.input_form_popin_classique input, .input_form_popin_classique select, .input_form_popin_classique textarea{width: 180px;}

.fleche_bas{width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;}
.fleche_haut{width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;}

.expediteur, .destinataire, .clientCotation, .saisieDemande{border: 1px solid; padding-left: 5%;padding-right: 5%;box-shadow:4px 4px 10px #ccc;transition: 0.2s}
.expediteur:hover, .destinataire:hover, .clientCotation:hover{box-shadow: 4px 4px 10px transparent;}
.expediteur > table, .destinataire > table{width: 100%;}
.separation{width: 20px;}
.clientCotation{margin-bottom: 20px;}
.clientCotation .ouvrePopinClient{display: inline-block; vertical-align: middle; margin-left: 10px; cursor: pointer;font-size: 16px;padding: 10px 0}
.clientCotation .ouvrePopinClient .petit_btn{margin-left: 10px;}
.clientCotation .legende{vertical-align: middle}

#formParamGen, #formMarges, #formPenalites, #Parametres, #formMails, #formMoyens, .loadMoyens, .formParam{text-align: center; margin-top: 50px;}

#Ordre{text-align: center;}
.detailOT{text-align: left;}

.jq-icon-success{background-color: #7ec9cd !important;}
.jq-icon-error{background-color: #e56a54 !important;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover,.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color: #7ec9cd !important;}
.jconfirm-content{min-height:70px;}

.ui-tabs.ui-widget.ui-widget-content{border: none !important;padding: 0; background: transparent !important;}
.ui-tabs .ui-tabs-nav li{border-radius: 0;border: none; background: transparent;transition: 0.3s; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active,.ui-tabs .ui-tabs-nav li:hover{background: #fbcb34 !important; color: #000;}
.ui-tabs .ui-tabs-nav li a{font-weight: bold;text-transform: uppercase; color: #707070 !important;}
.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active a:link, .ui-tabs .ui-tabs-nav .ui-state-active a:visited{ color: #000 !important; font-weight: bold;}
.ui-tabs .ui-tabs-nav{padding: 0 !important; box-shadow: 2px 2px 8px #ccc;}
.ui-widget-header{border: none !important;}
.ui-widget{font-family: "Avenir", sans-serif !important;}
.ui-autocomplete{text-align: left}
.ui-autocomplete.ui-widget-content .ui-state-active{border: none; margin: 0px;}

.ui-multiselect-checkboxes .ui-corner-all span{display: inline-block; vertical-align: text-top; width: calc(100% - 20px); width: -webkit-calc(100% - 20px)}
.ui-widget.ui-widget-content.ui-multiselect-menu{border-radius: 0; padding: 0;border: 1px solid #000}
.ui-widget-header.ui-multiselect-header{background: #fbcb34}
.ui-multiselect.ui-state-active{background: #fbcb34; border: 1px solid #000; color: #000; border-radius: 0;}
.ui-widget-content .ui-multiselect-checkboxes .ui-state-hover{color: #fbcb34; background: #000}

.saisieDemande{padding: 20px 50px; margin-top: 20px;}

div.miniPopin div.miniPopinEntete{background: #fbcb34 !important;}
.miniPopinContent{text-align: center;}
.miniPopinContent select{display: block;margin: auto; width: 200px;margin-bottom: 10px;}
.miniPopin{width: 300px !important;}
div.miniPopin div.miniPopinContent{margin-bottom: 5px !important;}

.etoilesPleines{width: 0;background: url("../inc_images/design/etoiles_pleines.png") no-repeat center left;height: 20px;}
.etoilesPleines.bleu{background: url("../inc_images/design/etoiles_pleines_bleu.png") no-repeat center left;}
.etoilesVides{width: 100px;background: url("../inc_images/design/etoiles_vides.png") no-repeat center left; height: 20px; background-size: contain; cursor: pointer;}
.etoilesVides.bleu{background: url("../inc_images/design/etoiles_vides_bleu.png") no-repeat center left;}

.labelConfirm{text-align: left;padding: 0 5px 0 0;}
.inputConfirm{width: 120px;}
#commentaireAvis{width: 100%;}

.avisGlobal, #conteneurAvis, .infosCalculNote{padding-left:200px;}
.avisGlobal .containerNote{}
.avisGlobal{font-size: 20px;}
.avisGlobal .dib{padding: 5px 10px;}
#conteneurAvis{width: 800px;margin: auto}

/* détail OT */
.titreRond{width: 40%;}
.infosExp,.infosDest{width: 50%; padding: 0 10px}
.titreRond .titre{background: #fbcb34; border-radius: 50%; display: inline-block; width: 150px; height: 150px; padding: 10px; line-height: 120px; font-size: 17px;font-weight: bold; text-transform: uppercase; border: 5px solid #2f3031;text-align: center; color: #fff;}
.titreRond .titre:before{content: "";position: absolute; top: 0; left: 0; right: 0; bottom: 0; background : #fbcb34 url("../inc_images/design/lueur_interne.png") no-repeat center center;border-radius: 50%; background-size: contain; vertical-align: top;}
.pictoTransport{vertical-align: middle}
.pictoTransport .picto{display: inline-block; width: 100px; height: 100px; background: url("../inc_images/design/picto/fleche_transport.png") no-repeat center center;background-size: contain;overflow: hidden;}
.pictoTransport .picto:after{content: "";position: absolute; top: 0; bottom: 0; left: -100px;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); animation: 4s slideLumiere linear infinite;transition: 0.3s; width: 20px;transform: rotate(45deg);transform: -webkit-rotate(45deg);}
.infosExp .tableauDetail td,.infosDest .tableauDetail td, .tableauDetail.tableauInfos td{padding-top: 5px;padding-bottom: 5px;width: auto}
.infosExp .tableauDetail,.infosDest .tableauDetail{width: 95%;}
.infosExp .tableauDetail td:first-child,.infosDest .tableauDetail td:first-child{width: 250px;}

.tableauDetail.tableauInfos{width: 60%; min-width: 500px;}
.tableauDetail.tableauInfos .detail_liste{display: inline-block; margin: 5px}

/*.tableauDetail.tableauInfos  tr:nth-child(2) td{background: #000; color: #fbcb34}*/

.tableauDetailMarch .table_liste {width: 95%}
.tableauDetailMarch{padding: 0 10px;margin: 10px 0}

.btnExportLettre{position: absolute;left: 50%;transform: translateX(-50%);transform: -webkit-translateX(-50%); top: 0;}

.pictoTransport .etat{position: absolute; bottom: 0; left: 0; right: 0;font-weight: bold; font-size: 18px;}

/* réponse */
.conteneur_popin_classique .titreRond .titre{width: 120px; height: 120px; line-height: 90px; font-size: 13px;}
.conteneur_popin_classique .infosExp .tableauDetail td:first-child,.conteneur_popin_classique .infosDest .tableauDetail td:first-child{width: 180px}

/*.infosExp .tableauDetail tr:last-child td,.infosDest .tableauDetail tr:last-child td{background: #000; color: #fbcb34}*/

#liste_langue_filter{margin-bottom: 5px;}

.marge td, .marge th{height: 30px;}

/* Autocomplete */
.ui-autocomplete.ui-widget-content .ui-state-active{background: #000; color: #fbcb34}

.detailCalculNote{font-size: 11px;position: fixed; top: 50%; transform: translateY(-50%); transform: -webkit-translateY(-50%); width: 280px; left: 100px; background: #000; color: #fbcb34; padding: 20px; border-radius: 10px;}
.detailCalculNote .liste_info{position: absolute; right: 10px; top: 10px;}

/*.div_principal{animation: slideLeft 0.4s linear}
*/
.div_principal:after{position: absolute; top: 0; left: 200%; bottom: 0; right: 0;content: ""; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px);animation: slideRight 0.7s linear}

/* Classes globales */
.vcenter{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);display: block;}
.center{text-align: center !important;}
.souligne{text-decoration: underline;}
.disabled{opacity: 0.6;}
.dib{display: inline-block; vertical-align: top;}
.dcell{display: table-cell;}
.dtable{display: table; width: 100%;}
.valign{vertical-align: middle;}
.dib.hide{display: none;}

.borderJaune{border-color: #fbcb34;}
.bgBlanc{background-color: #fff;}
.bgJaune{background-color: #fbcb34;}
.bgNoir{background-color: #000;}
.colorJaune{color: #fbcb34 !important;}
.colorBlanc{color : #fff;}

.loader{width: 50px; height: 50px;  top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.loader:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: url("../inc_images/design/picto/loader.png") no-repeat center center; background-size: contain; content: ""}
.loader.actif:after{animation: rotate 1s infinite linear;}

.petit_btn_valide:before{content: "";position: absolute; top: 0; left: 0; right: 0; bottom: 0; background : #fbcb34 url("../inc_images/design/lueur_interne.png") no-repeat center center;border-radius: 50%;border: 7px solid #2f3031; background-size: contain; vertical-align: top;}
.petit_btn_valide{width: 100px; height: 100px;display: inline-block; background: none;font-size: 0px;color: transparent;box-shadow: none;overflow: hidden}
.petit_btn_valide:hover:before{animation: rotate 1s linear infinite;}
.petit_btn_valide:after{content: "GOO"; color: #fff; font-size: 24px; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 100px;}
.fond_popin_classique .petit_btn_valide,.fond_popin_grande .petit_btn_valide, .tabsParam .petit_btn_valide, #droit_groupe_submit{margin-top: 10px;}
.petit_btn_valide.hide{display: none;}
body .btn_waygoo.mid.hide{
	display: none;
}
.tabsParam h2{border-bottom: 1px solid #ccc}

.petit_btn_valide.noMargin{margin-top: 0;}

#table-2 a.full_size{display: block; width: 100%; height: 100%;float: none;}

.miniPopinContent .petit_btn_valide{margin-top: -5px;width: 50px; height: 50px; overflow : hidden;}
.miniPopinContent .petit_btn_valide:after{font-size: 14px; line-height: 50px;}
.miniPopinContent .petit_btn_valide:before{border: 4px solid #2f3031;}

#cotation .petit_btn_valide{margin-top: 0;}

.label_minipopin{width: 100px;text-align: left; padding-right: 5px;}
.input_minipopin{width: 150px;}
.input_minipopin select, input_minipopin input{width: 100%;}
.miniPopinContent .input_minipopin select{margin-bottom: 0px;}

.petit_btn_valide.posRight{left: calc(50% - 120px);}

.participation{padding:30px;font-size:16px;}

.listeAPuce{display: inline;background: url("../inc_images/design/picto/rond.JPG") no-repeat center center; background-size:20px;width:20px;height:20px;}
.TDBListes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.TDB{width: 550px;padding: 10px 10px 20px 10px;box-sizing: border-box;/*border: 1px solid #ccc;*/ margin: 25px 15px 15px 30px;box-shadow: 2px 2px 4px #ccc; transition: 0.3s}
.TDB:hover{box-shadow: 4px 4px 16px #ccc;}
.TDBTable td{text-align:left;padding:5px 30px 0px 0px; }
.TDBTitle{padding-left:50px;font-size:20px;text-transform: uppercase;color: #000;}
.TDBTitleNumber{padding-right:30px;float:right;position:absolute;top:20px;right:20px;}
.TDBTitleNumber2{padding-right:30px;float:right;position:absolute;bottom:25px;right:20px;}
.TDBLibelle{padding:0px 50px 5px 5px;width:450px;display:inline-block;}
.TDBLibelleMin{padding:0px 50px 5px 5px;width:350px;display:inline-block;}
.TDBNumber{float:right;}
.TDBLibelle, .TDBNumber,.TDBLibelle:visited, .TDBNumber:visited,.TDBLibelleAvis,.TDBLibelleAvis:visited, .TDBLibelleMin, .TDBLibelleMin:visited{color:#000;}
.TDBLibelle:hover, .TDBNumber:hover,.TDBLibelleAvis:hover, .TDBLibelleMin:hover{color:#fbcb34;}

.pictoCotation{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: #000 url("../inc_images/design/picto/liste-cotation.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoTransportTDB{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: #fbcb34 url("../inc_images/design/picto/expedition.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoParametresTDB{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: #fbcb34 url("../inc_images/design/picto/cotation-black-param.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoAvis{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: #000 url("../inc_images/design/picto/avis_jaune.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoCompte{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: #fbcb34 url("../inc_images/design/picto/compte.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoCMR{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: #000 url("../inc_images/design/picto/enregistrer.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoFactu{position: static; top: -15px; right: 500px; width:70px; height:70px; background: #000 url("../inc_images/design/picto/doc.png") no-repeat center center;border-radius: 50px;background-size: 36px;}

.superSession{padding:5px;margin:10px;background: #e56a54;font-weight: bold;}
.superSessionBack{font-weight: normal;text-decoration:underline;cursor: pointer;}

.validation_animee{width: 50px; height: 50px; background: url("../inc_images/design/picto/picto_actif_bleu.png") no-repeat center center;background-size: contain; margin: auto;animation: slideRight2 1s ease-out}
.validation_animee:after{content: "";position: absolute; top: 0; bottom: 0; left: -100px;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); animation: 4s slideLumiere2 linear ;transition: 0.3s; width: 20px;transform: rotate(345deg);transform: -webkit-rotate(345deg);}
.refus_animee{width: 50px; height: 50px; background: url("../inc_images/design/picto/picto_inactif_rouge.png") no-repeat center center;background-size: contain; margin: auto;animation: slideRight2 1s ease-out}
.refus_animee:after{content: "";position: absolute; top: 0; bottom: 0; left: -100px;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); animation: 4s slideLumiere2 linear ;transition: 0.3s; width: 20px;transform: rotate(345deg);transform: -webkit-rotate(345deg);}

.table_liste, .table_liste table{max-width: none;}

.divConnexion .divBtnConnexion{left: 90%; bottom: 45px;width: 150px; height: 150px; z-index: 10;}
.divConnexion .btnConnexion{line-height: 150px;}

#commentaireExp,#commentaireDest{max-width: 300px;}

.solutionSelectionnee{color: #7ec9cd; font-weight: bold;background: linear-gradient(to bottom, rgba(0,0,0,0.8),rgba(0,0,0,1)); border-radius: 15px; width: auto; padding: 3px 15px; font-size: 17px; display: inline-block; box-shadow: 2px 2px 2px #000}
.infosSolution{display: inline-block; font-size: 14px; color: #fbcb34}
.contentInfosCotation{font-size: 10pt;}
.misEnValeur{color: #fbcb34; font-weight: bold; font-size: 15px;display: block;}

.visu_enlevement{background: linear-gradient(to bottom, rgba(0,0,0,0.8),rgba(0,0,0,1)); border-radius: 35px; padding: 10px;display: inline-block; color: #fff;box-shadow: 2px 2px 2px #000}

#SaveExpediteur, #SaveDestinataire{vertical-align: middle;}

.infosReponse{overflow-y: auto; max-height: 200px;box-sizing: border-box;overflow-x: hidden}
.infosReponse table{width: 500px; }

.table_liste tr.isAffreteur{background: rgba(251, 203, 52, 0.3)}
.table_liste tr.isFacture td{color: rgb(126, 201, 205);}
.table_liste tr.isAffrete td{color: rgb(229, 106, 84);}

.listeOT .loadTable{overflow-x: auto; overflow-y: visible; width: calc(100vw - 270px); width: -webkit-calc(100vw - 270px); padding-bottom: 100px;}
.listeOT .titreColonneOT{position: relative; font-size: 10px; white-space: nowrap;}
.listeOT .sort_asc{position: absolute; top: 0px; right: 2px; width: 12px; height: 10px;background: url(/inc_images/design/picto_fleche_tri_asc.png) no-repeat center center; background-size: contain;cursor: pointer;}
.listeOT .sort_desc{position: absolute; top: 8px; right: 2px; width: 12px; height: 10px;background: url(/inc_images/design/picto_fleche_tri_desc.png) no-repeat center center; background-size: contain;cursor: pointer;}

.listeOT .sort_asc.actif{background: url(/inc_images/design/picto_fleche_tri_asc_actif.png) no-repeat center center; background-size: contain;}
.listeOT .sort_desc.actif{background: url(/inc_images/design/picto_fleche_tri_desc_actif.png) no-repeat center center; background-size: contain;}

.listeOT .ssTotal{background: rgba(126, 201, 205,0.5)}
.listeOT .summable{display: inline-block; vertical-align: top;margin-top: 1px;cursor: pointer;font-weight: 900;font-size: 18px;line-height: 18px;}
.listeOT .summable.actif{color: #fbcb34;}
.listeOT input[type=checkbox]{margin-left: 1px; margin-right: 1px;}

.listeOT .Total{}
.listeOT .Total td{border-top: 2px solid #000;border-bottom: 2px solid #000;font-weight: 700}

.panneauColonnes{position: fixed;right: -200px; top: 0; bottom: 0; width: 200px;background: rgba(0,0,0,1); transition: 0.2s; padding-top: 100px; color: #fff; text-align: left; padding-left: 10px; padding-right: 10px;z-index: 2;}
.panneauColonnes.open{right: 0;}
.panneauColonnes .boutonOpen{position: absolute; left: -30px; width: 30px; height: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: rgba(0,0,0,1) url(/inc_images/design/picto/parametres.png) no-repeat center center; background-size: 80% auto;cursor: pointer;}

.listeColonne{max-height: calc(100vh - 100px);max-height: -webkit-calc(100vh - 100px);overflow-y: auto}

.panneauColonnes .tableDnd td{text-align: left; font-size: 11px;}
.panneauColonnes .valideColonne{transform: scale(0.5);margin-top: -15px}
.contentListeOT tr td{vertical-align: top;}
.contentListeOT tr td td{vertical-align: middle;}
.contentListeOT .recherche input{width: 100%; border: 1px solid #ddd;border-radius: 2px; margin: 1px 0}

.listeFavoris{width: 160px;text-align: left;background: #eee; font-size: 12px;margin-left: 10px;}
.listeFavoris .favoris td{height: 35px;}
.listeFavoris .favoris td:first-child{ padding-left: 2px; padding-right: 2px;}
.listeFavoris .favoris{cursor: pointer;}
.listeFavoris .favoris.actif{font-weight: bold;color: #2b4080; background: rgba(251,203,52,0.5)}
.listeFavoris .titreListeOT{text-align: center; font-style: italic; font-size: 14px;margin-bottom: 10px;}
.listeFavoris .selectFavoris{text-align: left;}
.listeFavoris .selectFavoris span{display: block;overflow: hidden;text-overflow: ellipsis; width: 90px;white-space: nowrap; }
.listeFavoris .selectFavoris span.hide{display: none;}
.listeFavoris input{width: 90px;}
.listeFavoris select{width: 90px;}
.listeFavoris #selectDefaut{border: 1px solid #eee;border-radius: 2px;}

.contenuPopinFiltre td{text-align: left;width: auto}
.contenuPopinFiltre td.lib_form_popin_classique{width: 120px;}
.contenuPopinFiltre{width: 500px;}


.openAction{display: block; margin: auto; width: 35px; height: 35px; position: relative;background: #000 url(/inc_images/design/picto_fleche_tri_desc_actif.png) no-repeat center center;background-size: 60% auto; cursor: pointer;border-radius: 50%;}
.openAction.absoRight{position: absolute;}
.openAction .listeAction{position: absolute; right: 10px; top: 10px; width: 150px; background: #fff;z-index: 2; border-radius: 5px; box-shadow: 2px 2px 5px #4a4b4d; overflow: hidden;}
.openAction .listeAction .ligneAction{padding: 2px 5px;border-bottom: 1px solid #ccc; transition: 0.2s;}
.openAction .listeAction .ligneAction a{text-decoration: none; display: block;}
.openAction .listeAction .ligneAction:hover{background: #ccc}

#listeTransporteurs_wrapper{width: 340px;margin: auto}
#listeTransporteurs_wrapper .liste_info{cursor: pointer;}

/*#rechercheAvancee{box-shadow: 1px 1px 2px #000;padding: 5px 20px; margin-bottom: 6px }*/

.scale{transform: scale(0.7);-webkit-transform: scale(0.7);}

.listeOT .affreteOK{display: inline-block;width: 15px; height: 15px; background: #e56a54; border-radius: 50%;}
.listeOT .factureOK{display: inline-block;width: 15px; height: 15px; background: #7ec9cd; border-radius: 50%;}
.listeOT .affreteNOK{display: inline-block;width: 15px; height: 15px; background: #000; border-radius: 50%;}

.contentListeTransporteur{width: 34%;}
.contentListeDetailTransporteur{width: 65%;}

.enValeur > td{background: rgba(251,203,52,0.5); font-weight: bold;}

.ui-multiselect-menu{width: auto !important;height: 324px !important;min-width: 200px !important}
.ui-multiselect-checkboxes{height: 275px !important;}

.miniExport{position: absolute; bottom: 0px; right: 5px;width: 20px; height: 20px; display: inline-block; background: url(/inc_images/design/picto/excel.png) no-repeat center center; background-size: contain;margin-left: 5px;}

.headerPageAppli{background: #000 url(../inc_images/design/logo_w_transparent.png) no-repeat right 30px center; padding: 30px 15px 20px 15px; color: #fff}
.contenuPageAppli{padding: 0 15px;padding-top: 10px}

.headerPageAppli .petit_btn{box-shadow: none; background: #424242;}
.headerPageAppli .ui-multiselect.ui-widget{background: transparent; border: none; border-bottom: #515151 1px solid; color: #fff}
.headerPageAppli .ui-icon.ui-icon-triangle-1-s,.headerPageAppli .ui-widget-content .ui-icon.ui-icon-triangle-1-s{background-image: url("/inc_js/Jquery/jquery-ui/images/ui-icons_777777_256x240.png")}

.contenuPageAppli .dataTables_wrapper:not(#liste_transporteur_wrapper) .dataTables_filter {position: relative;}
.contenuPageAppli .dataTables_wrapper:not(#liste_transporteur_wrapper) .dataTables_filter input{background: #bdbdbd; width: 700px; max-width: 100%;padding: 5px;margin-left: 0; height: 30px;}
.contenuPageAppli .table_liste th, #Avis .table_liste th{background: transparent;padding: 5px; box-sizing: border-box;text-align: center}
.titreColonne{width: auto; text-align: center; background: #fbcb34; border-radius: 10px;padding: 5px;display: block;}
.sorting_asc .titreColonne{background: #fbcb34 url(/inc_images/design/picto_fleche_tri_asc.png) no-repeat center right 5px; background-size: auto 30%;}
.sorting_desc .titreColonne{background: #fbcb34 url(/inc_images/design/picto_fleche_tri_desc.png) no-repeat center right 5px; background-size: auto 30%;}

.ui-tabs .ui-tabs-panel{padding: 0 !important;}

.headerPageAppli h2.titrePage{font-size: 30px; text-transform: uppercase;text-align: left; padding-right: 580px;margin: 0; margin-bottom: 20px; color: #fff; padding-left: 20px; position: relative}
.headerPageAppli h2.titrePage:before{position: absolute; left: 0px; top: 0; height: 100%;width: 18px; background: url(../inc_images/design/picto_titre.png) no-repeat center center; background-size: contain; content: ""}
.headerPageAppli .conteneurTitrePage{height: 50px;overflow: hidden; text-align: left}
/*.conteneurTitrePage:after{content: "";position: absolute;width: 650px; background: url("../inc_images/design/ligne_sous_titre.png") no-repeat bottom 10px right; background-size: auto 44px;height: 100%; right: 0; top: 0;pointer-events: none;}
.conteneurTitrePage:before{content: ""; position: absolute; right: 650px; top: 0; width: 100%;background: url("../inc_images/design/ligne_droite.png") repeat-x bottom 10px right;height: 100%;}
*//* Fieldset */
.headerPageAppli td.legende, .headerPageAppli div.legende{font-size: 25px; line-height: 52px; font-weight: bold;padding-left: 0; text-transform: none;text-align: left; padding-right: 50px; display: inline-block;color: #fff; height: 52px; vertical-align: middle;}
.headerPageAppli td.legende:before, .headerPageAppli div.legende:before{content: none;}
.headerPageAppli td.legende:after, .headerPageAppli div.legende:after{position: absolute; right: 0; top: 0; height: 100%; width: 40px; content: ""; background: url(../inc_images/design/fleche_filtres.jpg) no-repeat center center; background-size: contain;}
.headerPageAppli fieldset.Filtre{max-width: 100%; text-align: left;display: inline-block; width: auto; border: 3px solid #909090; border-radius: 5px;padding: 4px 10px;position: relative; margin-bottom: 40px;margin-left: 0; color: #fff;}
.headerPageAppli fieldset.Filtre.noMargin{margin-bottom: 10px;}

.headerPageAppli .ssTitreItalic{top: -26px;}

#VilleFact_chosen .chosen-drop{top: auto; bottom: 100%}

.titreFacturation{display: inline-block; padding: 7px 13px; font-weight: bold; background: linear-gradient(to bottom, rgba(0,0,0,0.8),rgba(0,0,0,1)); border-radius: 25px; color: #fbcb34; font-size: 20px;box-shadow: 2px 2px 2px #000;}
.contentFacturationPopin #SelectAdresseFacturation,.contentFacturationPopin #SaveFacturation{vertical-align: middle;}
.contentFacturationPopin{border-top: 1px solid #999}
.contentFacturationPopin .petit_btn_valide{margin-top: 30px;}

.loaderDatatable{width: 50px; height: 50px; display: none; background: url(../inc_images/design/picto/loader.png) no-repeat center center;position: absolute; top: calc(50% - 25px);top: -webkit-calc(50% - 25px); right: 10px; }
.loaderDatatable.visible{animation: rotate 1s linear infinite;display: block;}

#mentionsLegales{display: block; margin: 20px auto; overflow-y: auto; width: 1200px; max-width: 100%;height: 50% ;height : calc(100vh - 370px);height : -webkit-calc(100vh - 370px);}
#ValideMention{margin-top: 0;}

#liste_delais tr{cursor: move;}

.tableOT .alerteMarge:before{content: url(../inc_images/design/picto_attention.png)}

.assurance{width: 500px; margin: auto; display: block;}

.showHoverAssurance:hover .hoverAssurance{display: block;}
.hoverAssurance{position: absolute;right: 50%;top: 50%;color: #e56a54;background: rgba(0,0,0,0.8);width: 300px;height: auto;border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}

.EnteteFacture{border-bottom: 1px solid #ccc; padding-bottom: 10px;}

.toggleTotalVoile.voile:after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.5; z-index: 4; content: ""; height: 35px;}
.toggleTotalVoile.voile{position: relative;}
.contentLoadLignes .toggleLigne.voile{position: relative;}
/*.contentLoadLignes .toggleLigne.voile:after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ccc; opacity: 0.5; z-index: 4; content: ""}*/
/*.ui-widget-header{background: #212121 !important; color: #fff !important}*/
/*
.listeOT .headerPageAppli{position: fixed; width: 100%; z-index: 45150; transition: 0.2s; top: 76px;}
.scrolling .listeOT .headerPageAppli{top: 50px;}
.listeOT .headerPageAppli .absoRight{right: 80px;}
.contentListeOT {margin-top: 80px;}*/

.vam{vertical-align: middle}

.partieGaucheFacture{position: fixed; width: 320px; left: 70px; z-index: 45;padding: 4px}
.partieDroiteFacture{padding-left: 340px;}


.partieDroiteFacture .toggleLigne.voile{position: relative;}
/*.partieDroiteFacture .toggleLigne.voile:after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ccc; opacity: 0.5; z-index: 4; content: ""}*/
.partieDroiteFacture .toggleLignePresta.voile{position: relative;}
/*.partieDroiteFacture .toggleLignePresta.voile:after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ccc; opacity: 0.5; z-index: 4; content: ""}*/

.table_liste_ot_facture.table_liste td, .table_liste_ot_facture.table_liste th{vertical-align: top;padding-top: 8px; box-sizing: border-box}

.contentSelectPrest{position: absolute; top: 0; left: 340px;z-index: 4}

.liste_info.infoCotation{margin-left: auto; margin-right: 22px;}

#Footer.footerPadding{padding-left: 60px;}

.saveLoader{position: fixed; bottom: -40px; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); width: 200px;height: 30px;background: #444; transition: 0.2s;z-index: 2;box-shadow: 0px 0px 5px #aaa;border-radius: 5px 5px 0 0;}
.saveLoader.visible{bottom: 0;}
.saveLoader .enCours{padding-left: 30px;color: #fbcb34;font-weight: bold;opacity: 0;transition: 0.2s;position: absolute; top: 0; left: 0; right: 0; bottom: 0;line-height: 30px;}
.saveLoader .termine{padding-left: 30px;color: #7ec9cd;font-weight: bold;opacity: 0;transition: 0.2s;position: absolute; top: 0; left: 0; right: 0; bottom: 0;line-height: 30px;}

.saveLoader.saving .enCours{opacity: 1;}
.saveLoader.saved .enCours{opacity: 0;}
.saveLoader.saving .termine{opacity: 0;}
.saveLoader.saved .termine{opacity: 1;}

.saveLoader:after{content: "";position: absolute; top: 5px; left: 5px; bottom: 5px; width: 20px; background: url(../inc_images/design/picto/loader.png) no-repeat center center; background-size: contain;}
.saveLoader.visible:after{animation: rotate 1s linear infinite;}
.saveLoader.saved:after{content: none}

.dejaPasse{background: #ddd}
.avoir{/*background: rgba(251, 203, 52, 0.3)*/; color: #e56a54 !important;}

.voileIE{width: 0; height: 0;position: absolute; display: none;}
.voile .voileIE{top: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; position: absolute; z-index: 4; background: #ccc; opacity: 0.5;display: block;}
#tableauLignes .commentaire{max-width: 240px;}

#liste_saisie tr.bloque{background: #e56a54;}

.info_multiselect{position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 0;}
.hasInfo{margin-right: 25px;}
.info_multiselect .contenu_info{padding: 5px;text-align: left;position: absolute; top: 50%; left: 50%; display: block; height: auto; background: #f1f1f1; border-radius: 5px;z-index: 45000;display: none; width: 200px;color: #000}
.info_multiselect:hover .contenu_info{display: block;}
.info_multiselect:hover{z-index: 450000}
.chosen-container-single .chosen-search input[type="text"]{width: 100% !important;}

#autoCompleteChargeur{display: inline;}

/* Animations */
@keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes zoom {
	0% {transform: scale(0.8);}
	30% {transform: scale(0.8);}
	40% {transform: scale(1);}
	50% {transform: scale(0.8);}
	60% {transform: scale(1);}
	70% {transform: scale(0.8);}
	100% {transform: scale(0.8);}
}

@keyframes slideLumiere{
    0% {left: -100px; }
    45% {left: -100px; }
    55% {left: 200px; }
    100% {left: 200px;}
}
@keyframes slideLumiere2{
    0% {left: -100px; }
    25% {left: -100px; }
    75% {left: 200px; }
    100% {left: 200px;}
}

@keyframes slideLeft{
    0% {right: 100%; }
    100% {right: 0%;}
}
@keyframes slideRight{
    0% {left: calc(0% - 300px); left: -webkit-calc(0% - 300px); }
    100% {left: 200%;}
}
@keyframes slideRight2{
    0% {transform: scale(0)}
    80% {transform: scale(1.2)}
    100% {transform: scale(1)}
}
@keyframes slideRightOut{
    0% {left: 200%;}
    100% {left: calc(0% - 300px); left: -webkit-calc(0% - 300px); }
}

/*.ui-multiselect-menu{width: 400px !important;}*//*
label.ui-corner-all span{display: inline-block; width: 85%;vertical-align: middle; white-space: nowrap}
label.ui-corner-all input{display: inline-block; vertical-align: middle; width: 9%;}
.ui-corner-all{position: relative; width: 100%;}*/

@media screen and (max-width: 1640px){
    .expediteur, .destinataire{padding-left: 10px; padding-right: 10px;}
    .notifModif{width: 230px;}
    #cotation td.lib_form_popin_classique{width: 210px;}
}
@media screen and (max-width: 1300px){
    h2.titrePage{font-size: 28px;}

}
@media screen and (max-width: 1400px){
    .partieDroiteFacture{padding-top: 25px;}

}
.contentListeOT tr td td{overflow: hidden;}
.tableOT {width: 100% !important; table-layout: fixed;}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




.scrollbar-external_wrapper {
    height: 450px !important;
    position: relative;
    width: auto !important;
}
.scrollbar-external {
    height: 400px;
    overflow: auto;
    width: 600px;
}

/******************* EXTERNAL SCROLLBAR *******************/

.external-scroll_x,
.external-scroll_y {
    border: solid 1px #9999fc;
    cursor: pointer;
    display: none;
    position: absolute;
}

.external-scroll_x.scroll-scrollx_visible {
    display: block;
    height: 10px;
    left: 0;
    top: 410px;
    width: 200px;
}

.external-scroll_y.scroll-scrolly_visible {
    display: block;
    height: 200px;
    left: 610px;
    top: 0;
    width: 10px;
}

.external-scroll_x div,
.external-scroll_y div
{
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}

.external-scroll_x .scroll-bar,
.external-scroll_y .scroll-bar {
    background: #ccc;
    z-index: 12;
}

.external-scroll_x .scroll-bar {
    width: 100px;
}
.external-scroll_y .scroll-bar {
    height: 100px;
}

.scrollbar-external{margin-top: 25px;}
/*.scrolling .external-scroll_x.scroll-scrollx_visible{top: 60px;}*/
.external-scroll_x.scroll-scrollx_visible{top: 0; width: 100%;height: 15px; width: calc(100% - 250px);top: auto;position: fixed; left: 245px; z-index: 45000; background: #fff;bottom: 0;}
.external-scroll_x.scroll-scrollx_visible.scrollbar-top{bottom: auto; top: 0; position: absolute; width: 100%; left: 0;z-index: 2}
.external-scroll_x .scroll-bar{width: 50%;}
.scrollbar-external_wrapper{height: auto !important;}
.scrollbar-external{height: auto;}

tr.vert-surlignage:not(.isFacture), td.vert-surlignage {color: #000; background: #7ec9cd;}
.bleu-fonce{color: #0033cc;}
.bleu-devis-cree{color: #7ec9cd;}
.bleu-comande-creee{color: #0085ad;}
.orange-fonce{color: #ff6600;}
.rouge-clignotant{color: #e56a54;animation: Blink 0.5s infinite;}
.noir{color: #000;}

@keyframes Blink{
    0%{opacity: 1;}
    25%{opacity: 1;}
    26%{opacity: 0;}
    75%{opacity: 0;}
    76%{opacity: 1;}
    100%{opacity: 1;}
}

.mypopin4 {
	z-index: 8999 !important;
}

.popin-voile {
	z-index : 8998 !important;
}

.form-ajout-ligne-cotation {
	width: 50%;
	float: left;
	margin-top: 10px;
}

body .btn_waygoo{
	background: transparent;
	border: none;
	width:auto;
}

body .btn_waygoo.big:hover,
body .btn_waygoo.mid:hover
{
    box-shadow: inset 0px 0px 1px 0px rgba(0,0,0, 0.25);
}
body .btn_waygoo.big,
body .btn_waygoo.mid
{
    font-size: 18px;
    background: #fbcb34;
    width: auto !important;
    padding-left:  40px;
    padding-right: 40px;
    border-radius: 50px;
    border: 5px solid #000;
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    color: #FFF !important;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: inset 4px 5px 1px 0px rgba(0,0,0, 0.25);
    transition: all 0.21s ease-in-out;
	height: 60px;
}
body .btn_waygoo.mid
{
	border: 2px solid #000;
	height: 50px;
	font-size: 14px;
}

body .btn_waygoo.big::before, body .btn_waygoo.big::after,
body .btn_waygoo.mid::before, body .btn_waygoo.mid::after

{
    display: none;
}

body .btn_waygoo .liste_add{
	background: #fbcb34;
	width: auto !important;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 20px;
	border: 2px solid #000;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	color: #FFF ;
	font-weight: bold;
	box-shadow: inset 2px 2px 1px 0px rgba(0,0,0, 0.25);
	transition: all 0.21s ease-in-out;
    justify-content: center;
    min-width: 150px;
}

body .btn_waygoo .liste_add:hover{
	box-shadow: inset 0px 0px 1px 0px rgba(0,0,0, 0.25);
}

.js-listeMarchandise .form_ajout_ligne {
	margin-right: 20px;
}
.t_marchandises{
	margin-left: 10px;
	margin-top: 20px;
}
.d-flex > div:last-child {
    margin-right: 0;
}
.d-flex > div {
    margin-right: 20px;
}
.d-inline-flex {
    display: inline-flex;
}
.text-center{
    text-align: center;
}
.d-flex {
    display: flex;
}
.total_recap ul{
    list-style: none;
}
.total_recap{
    padding: 20px 40px;
}

.mt-2{
    margin-top: 20px;

}
.mb-2{
    margin-bottom: 20px;
}
.ml-2{
    margin-left: 20px;
}
.ml-3{
    margin-left: 30px;
}
.ml-4{
    margin-left: 40px;
}
.ml-5{
    margin-left: 50px;
}


.mt-1{
	margin-top: 10px !important;
}
.mt-2{
	margin-top: 20px !important;
}
.mt-3{
	margin-top: 30px !important;
}
.mt-4{
	margin-top: 40px !important;
}


.btn_cont{
    display: block;
    text-align: center;
}


.listeMarchandise .form-ajout-ligne-cotation{
	width: auto;
	margin-bottom: 20px;
	min-width: 375px;
}
.listeMarchandise select{
	height: 25px;
}
.listeMarchandise input[type=number]{
	text-align: left;
	width: 35px !important;
}
.listeMarchandise input{
	min-width: 80px;
}
.listeMarchandise{
	display: flex;
	flex-wrap: wrap;

}
.listeMarchandiseRo{
	display: inline-flex;
}

.listeMarchandise .form_ajout_ligne{
	margin-right: 20px;


}


.listeMarchandise .form_ajout_ligne > div{

	}

.form-ajout-ligne-cotation .expediteur{
	height:100%;
	width: 100%;
}

.ariane_arrow{
	background: #fbcb34;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 30px;
	display: inline-flex;
	align-items: center;

}
.ariane_arrow > span{
	padding-left:  25px;
	padding-right: 25px;
	height:100%;
	display: flex;
	align-items: center;
}
.ariane_arrow > span.active::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #FFF;
	margin-right: -40px;
	margin-left:10px;
}
.ariane_arrow > span.active::before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #fbcb34;
	margin-left: -25px;
	margin-right: 10px;
}
.ariane_arrow > span:first-child.active::before{
	display: none;
}
.ariane_arrow > span.active{
	background: #FFF;
}

.spanHoraire{font-size: 12px;color: #FF0000; transition: 0.2s; border: 1px solid #4a4b4d;padding: 5px; display: block;}
.bgGris{background: rgb(237, 237, 237);}

.listeMarchandise .form_cont > .form_ajout_ligne:last-child{
	display: none;
}
.listeMarchandise .form_cont > .form_ajout_ligne:first-child{
	 display: block;
 }


/*Smartphone */
@media screen and (max-width: 768px)
{
	.divConnexion.divInscription{
		width:100%;
	}
	.bgConnexion{
		position: relative;
	}
}