html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: sans-serif; font-size: 13px; } /* yui/yui2.3.0/build/reset/reset.css avec Personnalisation */ /* yui/yui2.3.0/build/fonts/fonts-min.css avec personnalisation du margin 10px */ body { color: #111; background: #fafafa; } h1, h2, h3, h4, h5, h6, th { font-family: 'Open Sans Light', sans-serif; } p, table, button, input, label, a { font-family: sans-serif; } a { text-decoration: none; color: #254f99; } div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;font-size:inherit;} table.alignerAuCentre tbody{display: inherit;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} li {list-style:none;} caption,th {text-align:left;} /* h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} */ q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup,sub {line-height:-1px;vertical-align: text-top;} sub {vertical-align:text-bottom;} input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; vertical-align: middle; padding: 1px; } pre,code,kbd,samp,tt{font-family:monospace;line-height:99%;} /* Fin personnalisation reset.css et font-min.css */ strong {font-weight: bold;} select { cursor: pointer; } /* Largeur Arbre de parametrage */ #treeDiv1 { width:150px; } /* Ajax avec interruption */ #btn_ChargeOuStop { cursor:pointer;vertical-align:top;width:50px;padding:30px; } #p_btn_ChargeOuStop { position: fixed; top: 49%; margin: 0 calc(50% - 200px - 25px); padding: 0 100px; background: #FFFFFF url('../../images/ajax/loading.gif') no-repeat center; height: 100px; } /* Boites Message Warning, erreur ... */ .clMaBoxErreur{ background-color: rgb(235, 204, 204); color: #990000; padding: 10px; margin: 10px; border: 1px solid #990000; border-radius: 3px; cursor: default; } .clMaBoxErreur td{border:none !important;} .clMaBoxInformation td{border:none !important;} .clMaBoxInformation{ border-style:solid; border-width:1px; border-color:navy; background-color:#FFEA97; padding:5px; } .messageInformation {border-color:#000080; border-style:solid; border-width:1px; background-color:#FFEA97;} td.clMaBoxTd { padding:5px; } .r {color:#FF0000; } .v {color:#00AA00; } .b {color:#0000FF; } .o {color:#FFA500; } .rouge_fonce { color:#990000; } .gris { color:#888888; } .rougeGras {color:#FF0000; font-weight:bolder; font-size:1.5em;} .orangeGras {color:#FFA500; font-weight:bolder; font-size:1.5em;} .vertGras {color:#00AA00; font-weight:bolder; font-size:1.5em;} .indicateurClientComptoir { color: #df6d14; font-weight:700; font-size:1.5em;} /* nombre Total Lignes */ span.nPositions { padding-right:5ex;} .erreur { color:#FF0000; background-color: rgb(235, 204, 204); font-weight: bold; } input.erreur { border-color:#FF0000; } .attention { color:#FF0000; } #warnings { margin-bottom:10px; } input.avertir { border-color:#FF6633; } .valide { color:green; } a.texte { color:#000000; } a.texte:visited { color:#000000; } /* permet d'avoir des images cliquables sans bordure */ a.invisible{color:#000000; text-decoration:none;} a.invisible:visited{color:#000000; text-decoration:none;} .note {font-size:9px;padding-bottom:3px;padding-top:3px; } .marque { font-variant:small-caps; } .clear { clear:both; } .lien { cursor:pointer; color:navy; font-weight:bold; } .avarie { cursor:pointer; color:#FF0000; font-weight:bold; } .lienNeutre { cursor:pointer; } .surbrillance {background-color:#FFFFCC;} .evidence { font-size:11px;font-weight:800; } /* Mise en forme actions de groupe - cf SAS EDI */ .chapeau { margin-bottom : 7px; } .chapeau .erreurs { color:#FF0000; margin-left:10px; float:left; } #choixActions { margin-right:1px;float:right; font-size:10px; } .ligne_en_evidence { background-color : #8BF0A6; } table.listeGestion tr.ligne_en_evidence { background-color : #bbb !important; } /* Fin action de groupe - cf SAS EDI */ h3 button{margin-left:100px;} img.iconeLien {border-width: 0px; cursor:pointer; } img.iconeBouton { cursor:pointer; vertical-align:text-bottom;margin-left:4px;} .twIconPopup { margin-top: 0; } /* input type bouton information */ input.information { background-color: #eaa400 !important; color: #fff; padding: 7px 7px 7px 30px; background-image:url(../../images/boutons/information.png); background-repeat:no-repeat; background-position: 5px center; } /* information bloquante sas_EDI */ td.bloquage { background-color: #f57c00; !important; } /* element aternatif Alter */ .eltAlternatif, td.eltAlternatif { background-color:#AADDD5; } /* nombre de position dans le tableau */ p.nombreElements {margin-bottom:10px;font-style:italic;font-size:11px;} /* Valorisation */ .Valorisation, td.Valorisation { font-size:16px; font-weight:bold; background-color:#BBBBFF; } .ValorisationMonetaire, td.ValorisationMonetaire { text-align:right; font-size:16px; background-color:#BBBBFF; } .ValorisationMonetaireAlter, td.ValorisationMonetaireAlter { text-align:right; font-size:16px; font-weight: bold; background-color:#FFBB88; } /* Combo Actions */ .comboAction { font-size:12px; font-weight:bold; background-color:#BBFFBB; } .comboActionValoriser {font-size:12px; font-weight:bold; background-color:#CCCCFF; } .comboActionValoriserAlter {font-size:12px; font-weight:bold; background-color:#AAAAFF; } .comboActionAttention { font-size:12px; font-weight:bold; color:red; background-color:#FFFFBB; } .comboActionEnlevement { font-size:12px; font-weight:bold; color:black; background-color:#5ADD44; } /* Image chargeant une instruction Javascript */ .loaderJs { width:1px;} /* titre dans un texte */ span.entete { font-size:11px;font-weight:bold; text-decoration:underline;} /* date et login dans Poscomp->ajouterCommentaire() */ span.enteteCommentaire { font-weight:bold;} .su { text-decoration:underline;} #rechercheRapide{ position:absolute; width:100%; height:100%; display:none; z-index:99; background-image:url(../../images/background/noir.png); } #entetePage{ border-width:0px; width:100%; height:30px; color:white; } #entetePage table { background-color: #cccccc; border-collapse:separate; padding:0 10px; } #rechercheRapideContenu{ margin:auto; position:absolute; width:50%; height:50%; z-index:100; background-color:white; } /* Titres et Sections */ h2.entete { text-align: center; font-weight: bold; font-size: 20px; margin-top: 15px; margin-bottom: 15px; border: 1px solid navy; background-color: #f8f8f8; padding: 5px; } .twSpace-v { margin: 10px 0; } .twSpace-h { margin: 0 10px; } /* saut de Section marge plus importante */ h2.section { text-align: center; font-weight: bold; font-size: 22px; margin: 10px 0; margin-bottom: 10px; border: 1px solid navy; background-color: #f8f8f8; padding: 5px; } h3.infos { text-align: left; font-weight: bold; font-size: 16px; margin: 10px 0; margin-bottom: 10px; } h3.section span.complement { font-size: 12px; } h3.section { display: flex; align-items: center; text-align: left; font-size: 16px; margin: 10px 0; background-color: #fafafa; padding: 10px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); } h3.section span.complement { font-size: 12px; } h4.section { text-align: left; font-weight: bold; font-size: 12px; margin-top: 5px; margin-bottom: 5px; border-bottom: 2px solid; border-color: navy; background-color: #f8f8f8; padding: 5px; } /* Informations affichees dans des cas de formulaire */ h3.infos { text-align: left; font-weight: bold; font-size: 16px; margin-top: 10px; margin-bottom: 10px; } div.infos { text-align: left; font-size: 14px; margin-top: 10px; margin-bottom: 10px; } /* Information pour un champ */ p.info { font-style: italic; } div.synthese { float: left; padding: 5px; align: center; border: 1px solid navy; margin: 5px; } /* Titre séparateur pour classifier des données */ h4.separateurDonnees { font-size: 12px; margin-top: 10px; } /* Menu */ #productsandservices { margin: 0 0 0 0;} /* Tree Param : Arbre de paramétrage */ /* border:1px dotted #dedede; background-color:#EBE4F2 */ /* JD modif sur la largeur de la colonne selon qu'elle apparaisse ou pas */ #colTreeParam{ vertical-align:top;padding-right:0px; max-width:180px;text-transform:capitalize;} .colTreeParam_collapsed { width:10px; } .colTreeParam_expanded { min-width:100px; } #expandcontractdiv {border:1px dotted #888888; background-color:#CCCCCC; margin:0 0 .5em 0; padding:0.4em;} #treeDiv1 {padding:1em; } #treeDiv1 a { color:#000066; } .superAdmin { color:#FF0000;text-decoration:none;text-wrap:none;} #voyant_imprimante_reglage_zone_bonjour{float:right;} #voyant_reglage_zone_bonjour{float:right;} .zoneReglageBonjourFermer{text-align:right;width:100%;height:20px;} .zoneReglageBonjourFermer img{ cursor:pointer;} #zoneReglageBonjourContour{text-align:center;padding-bottom:20px;background-image:url(../../images/background/noir.png);display:none;text-align:center;border-width: 1px; border-style: solid; border-color: #000000;} #zoneReglageBonjour{z-index:1;background-color:white;display:block;text-align:left;position:relative;margin-left:20px;margin-right:20px;border-width: 1px; border-style: solid; border-color: #000000;} #bouton_reglage_zone_bonjour{width:15px;height:15px;background-repeat:no-repeat;float:right;text-align:right;margin-left:5px;margin-right:5px;cursor:pointer;} #toutEcranNoir{ position:absolute;display:none;background-image:url(../../images/background/noir.png); } /* DIV principale AJAX */ #container { width: 100%; height: 100%; } /* Quai */ td.boutonsDeQuai { vertical-align: top ; } /* affichage des flags */ .noactif { color:#888888;} .actif { color:#00AA00; font-weight:bold; } /* Mise en forme tableaux */ /* #xml {margin:1em;} */ /* Ligne des Totaux pour les tableaux de bord */ td.totaux { background-color:#FFFF99; padding-top:14px;} td.totauxRight { background-color:#FFFF99; padding-top:14px;text-align:right;} table.listeGestionAvecChapeau {width : calc(100% - 10px); } table.listeGestion { border-collapse:collapse; margin:0; border: none; background-color: #fafafa; } table.listeGestion th, table.listeGestion td, table.listeGestionEmballages th, table.listeGestionEmballages td {padding:2px 4px 2px 4px;border:1px solid #000;} table.listeGestion td {font-size:10px;} /*Utilise dans pilotageAffretement > Pilotage: col. marge et marge %*/ table.listeGestion td.celluleFontTexteVert { color:#008800; font-weight: bold; } /*Utilise dans pilotageAffretement > Pilotage: col. marge et marge %*/ table.listeGestion td.celluleFontTexteRouge { color:#FF0000; font-weight: bold; } /*Utilise dans pilotageAffretement > Pilotage: col. marge et marge %*/ table.listeGestion td.celluleFontTexteGras { font-weight: bold; } table.sansBordure th, table.sansBordure td {padding:0;border-style:none; border-width:0;} /* table.listeGestion th {background-color:#696969;color:#fff;}*/ /*dark gray*/ table.listeGestion th a {color:white;} table.listeGestion th a:hover {color:blue;} table.listeGestion .yui-dt-odd {background-color:#eee;} /*light gray*/ table.listeBarresOutils { border-collapse:collapse; margin:0; border: none; background-color: #c0c0c0; } table.listeBarresOutils tr:hover { background-color: #ababab; } #yui-main, .yui-b { height: calc(100% - 10px); } div#affichageListe table.listeGestionEmballages { width:60%; } div.listeGestion div.workspace_results table { margin: 0; } div.listeGestion div.workspace_results th, table.listeGestion th { color: #333; } div.listeGestion div.workspace_results th, div.listeGestion div.workspace_results td, table.listeGestion th, table.listeGestion td, table.listeGestionEmballages th, table.listeGestionEmballages td { border: none; border-right: 1px solid #ddd; } table.listeGestion th, table.listeGestionEmballages th { font-size:10px; background-color: #f5f5f5; border-bottom: 2px solid #e0e0e0; white-space: normal; overflow: auto; text-overflow: ellipsis; } table.listePourSelection > tr:nth-child(odd), table.listeGestion > tr:nth-child(odd) { background-color: #fff; } table.listeGestion table, table.listeGestion table tr, table.listeGestion table tr td { background-color: inherit; } .surbrillanceSelectionGris, .surbrillanceSelectionGris td { background-color: #e4e4e4; } table.listePourSelection tr:nth-child(even), table.listeGestion tr:nth-child(even) { background-color: #f5f5f5; } table.listeGestion tr.verte { background-color: forestgreen; color: #FFF; } table.listeGestion tr:hover .saisieRapide, table.listePourSelection tr:hover, table.listeGestion tr:hover { background-color: #e4e4e4 !important; } table.listeGestion tr.enteteEdition { background-color:#888888 !important; color:#EEEEEE; } .dossierAffretGroupementSurvole{ background-color: #e4e4e4 !important; } .dossierAffretGroupement{ border: 0.1px #e4e4e4 solid !important; background-color: #fff2cc !important; } table.listeGestion .warning {background-color:#FAA560;} table.listeGestion .warning2 {background-color:#FF88BB;} table.listeGestion .sousSection, table.listeGestionEmballages .sousSection{ background-color:#C0C0C0;} table.listeGestion .inactive{ background-color:#808080;} /* Tableau avec des grosses polices cf SAS EDI dechargement */ table.listeGestionGrandFormat {border-collapse:collapse;} table.listeGestionGrandFormat th, table.listeGestionGrandFormat td {padding:6px 4px 6px 4px;} table.listeGestionGrandFormat th {font-size:18px;} table.listeGestionGrandFormat td {font-size:16px;} table.listeGestionGrandFormat th a {color:white;} table.listeGestionGrandFormat th a:hover {color:blue;} table.listeGestionGrandFormat .yui-dt-odd {background-color:#eee;} table.listeGestionGrandFormat .lignePaire {background-color:#eee;} table.listeGestionGrandFormat .survole {background-color: #e8e8e8;} table.listeGestionGrandFormat .warning {background-color:#FAA560;} table.listeGestionGrandFormat .warning2 {background-color:#FF88BB;} table.listeGestionGrandFormat .sousSection{ background-color:#C0C0C0;} table.listeGestionGrandFormat th{color:#FFFFFF; background-color:#888888} .lignePaireRetourTournee *{ background-color:#fff !important; } .ligneImpaireRetourTournee *{ background-color:#f5f5f5 !important; } /* Tableau pour sélectionner */ table.listePourSelection { border: none; } table.listePourSelection { border-collapse: collapse; } table.listePourSelection th { background-color: #2a3883; color: #fff; } table.listePourSelection td, table.listePourSelection th { font-size: 10px; cursor: pointer; padding: 4px; } .lignePaireDetailFacture {background-color:#DDDDDD;} .ligneImpaireDetailFacture {background-color:white;} table.listePourSelection .survole {background-color:#FFFFCC;} /* case action */ table.listePourSelection td.action {cursor:pointer; } .twIcon.twIconBtn.ui-draggable { cursor: move; } .twDroppable { position: relative; z-index: 2; animation: borderView 1s ; animation-timing-function: ease-int-out; animation-iteration-count: infinite; margin: 3px; } .twDroppable:hover { animation-name: borderViewHover; cursor: grabbing; } #divAffichageListe > table { width: calc(100% - 1px); } @keyframes borderView { from, to {border: 2px dashed #004eff;} 50% {border: 2px dashed #004eff;} } @keyframes borderViewHover { from, to {border: 2px dashed #00bc06;} 50% {border: 2px dashed #002004;} } /* Ligne Tableau Surbrillance lors du passage de la souris */ .ligneDonneeSurbrillance {background-color:#FFDDAA;} /* sous-formulaire pour ajouter un élément */ #formulaireGestion { margin-top:15px;margin-bottom:15px; } /* Div liste des Prestations pour une Agence */ #divListePrestations { margin-top:15px;} /* fond formulaire bis */ .fondFormulaireBisA table tr td {background-color:#A2B5BF;} .fondFormulaireBisB table tr td {background-color:#f8f8f8;} .persoAction{ font-color:black; } .persoAction:hover{ font-color:red; } /* Formulaires */ /* form.basique table tr td { padding:1ex; } */ .basique { background-color: #fafafa; margin: 10px 0; page-break-after: always; } .basique table tr td { padding:1ex; } .telimobileEvenements table tr td { max-width: 150px; } .ongletVide { width:640px;height:150px;margin-top:20px; } .onglet > .formulaires { border-bottom: none; display: flex; width: 100%; } .apercu{ background-color: #E4DAD2; padding: 10px; margin: 10px 5px; } table.formulaires { background-color: #fafafa; width: 100%; } table.formulaires th{ font-weight: bold; font-size: 11px;} table.formulaires tr {padding:0;} table.formulaires tr td { padding: 1px 0.5em; font-size:10px; } table.formulaires tr td select, table.formulaires tr td div select, table.formulaires tr td input[type="text"], table.formulaires tr td input[type="date"], table.formulaires tr td input[type="password"], table.formulaires tr td input[type="number"] { font-size: 10px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; padding: 2px 3px; } table.formulaires tr td select:focus, table.formulaires tr td div select:focus, table.formulaires tr td input[type="text"]:focus, table.formulaires tr td input[type="date"]:focus, table.formulaires tr td input[type="password"]:focus, table.formulaires tr td input[type="number"]:focus { border-bottom: 1px solid #2a3883; } table.formulaires tr td textarea{ font-size:10px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; } table.formulaires tr td input[readonly='readonly']{ background-color: rgba(0, 0, 0, 0.3); } table.formulaires tr td input.twBtn twBtn-valider{font-size:11px;} table.formulaires tr td input.twBtn twBtn-alerte{font-size:11px;} table.formulaires table.formulaires { margin:5px; } table.formulaires.pleineLargeur tbody { width : 100%; } form.basique button, input.perso, table.formulaires tr td .twBtn twBtn-valider, table.formulaires tr td .twBtn twBtn-alerte, table.formulaires tr td .persoSupprimer, button.perso { color: #fff; background-color: #2a3883; border: none; cursor: pointer; padding: 4px 6px; text-align: center; vertical-align: center; white-space: nowrap; min-width: 70px; } table.formulaires tr td .twBtn twBtn-alerte, table.formulaires tr td .persoSupprimer { background-color: #ab2d2d; } button.perso, input.perso { font-size: 13px; vertical-align: middle; height: 25px; min-width: 150px; background-color: #2a3883; color: #fff; border: none; } .perso:disabled { background-color: #888; color: #333; cursor: default; } table.saisieRapide { border-style:none; border-width:0; padding:0px; } table.saisieRapide tr td { border-style:none; border-width:0; } /* formulaire compact et sans bordure */ table.highlight { border-style:solid; border-width:2px;color:Navy;background-color:blanchedAlmond; } table.highlight label{font-size:12px !important; } /* formulaire compact et sans bordure */ table.compacte { border-style:none; border-width:0px; padding:0px; } table.compacte tr th {background-color: #2a3883; } table.compacte tr {padding:0;} table.compacte tr td {padding-left:0px;padding-right:1px;padding-top:1px;padding-bottom:1px;font-size:9px; border-style:none; border-width:0px;} table.compacte tr td label{padding-left:1em;padding-right:1px;padding-top:1px;} table.compacte tr td input{font-size:9px;} table.compacte tr td input.twBtn twBtn-valider{font-size:9px;} table.compacte tr td input.twBtn twBtn-alerte{font-size:9px;} table.compacte tr td select, table.compacte tr td div select {font-size:9px;} table.infoTiers td {vertical-align:top; } .triRechercheRapide { font-size:11px;} form.triRechercheRapide table tr td, form.filtre table tr td { padding:2px;font-size:11px;} form.triRechercheRapide { padding:5px; font-size:11px; background-color:#FFFFCC; border: 1px solid green; background-color:#f8f8f8; /*margin-bottom: 20px;*/ } .tri table tr td, form.filtre table tr td { padding: 2px; font-size: 11px; } .tri { padding: 10px; font-size:11px; background-color: #fafafa; margin: 10px 0; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); color: #333; overflow-x: auto; } #executeAction { border: none; color: #fff; text-transform: uppercase; cursor: pointer; } #affichageListe select, #affichageListe input[type=text], .tri select, .tri input[type=date], .tri input[type=number], .tri input[type=text] { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; } #affichageListe input[readonly='readonly'], .tri input[readonly='readonly']{ background-color: rgba(0, 0, 0, 0.3); } #affichageListe select .tri select:focus { border-bottom: 1px solid #9aa8f3; } #affichageListe input[type=text]:focus, .tri input[type=date]:focus, .tri input[type=number]:focus, .tri input:focus { border-bottom: 1px solid #9aa8f3; } .tri table.formulaires { } .tri label{ margin-left : 5px; } .refresh_reset { padding : 2px 20px !important; } /* Mise en forme Select */ select.lstFormulaires { font-size:8px;font-family: sans-serif;} /* Entete SousGroupeForm avec ou sans Icone pour deplier */ tr.enteteSousGroupeForm th { padding: 5px; background-color: #2a3883; color: #fff; font-family: "Open Sans", sans-serif; cursor: pointer; } .enteteSousGroupeForm img { filter: invert(1); } table.compacte tr.enteteSousGroupeForm th{background-color: #2a3883; color: #fafafa; } /* table.compacte tr.enteteSousGroupeForm th{background-image:url(../../images/background/grd-4px.gif);repeat:repeat-x;} */ tr.enteteSousGroupeForm th span.avecIconeMoins, tr.enteteSousGroupeForm th span.avecIconePlus { position: relative; padding-left: 15px; } tr.enteteSousGroupeForm th span.avecIconePlus:before { content: ''; display: block; width: 10px; height: 10px; -webkit-background-size: cover; background-size: cover; position: absolute; top: 3px; left: 0; background-image: url("../../images/boutons/svg/plus-square-solid.svg"); filter: invert(1); } tr.enteteSousGroupeForm th span.avecIconeMoins:before { content: ''; display: block; width: 10px; height: 10px; -webkit-background-size: cover; background-size: cover; position: absolute; top: 3px; left: 0; background-image: url("../../images/boutons/svg/minus-square-solid.svg"); filter: invert(1); } tr.enteteSousGroupeForm th span.sansIcone { padding-left:5px; } /* Entete SousGroupForm additionnel */ tr.enteteAdditionnelSousGroupeForm th{ padding: 3px; text-align: center; } div.onglet { margin: 0 ; padding: 0 ;} ul.onglets { margin: 0; padding: 0; list-style-type: none; background-color: #2a3883; display: flex; } ul.onglets li { display: flex !important; /* Important pour passer devant un js forçant le display bloc */ justify-content: center; align-items: center; text-align: center; padding: 10px; height:25px; letter-spacing: 0.05em; color: #fafafa; } ul.onglets li:hover { color: #fff; border-top-color: #fff; } ul.onglets li span{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ul.onglets li.select { background-color: #fafafa; font-weight: normal; color: #2a3883; } li.noselect { cursor: pointer; border-top: 2px solid #2a3883; } li.select { border-top: 2px solid #2EB34F; } ul.onglets li.select:hover { border-top-color: #2EB34F; } /* Administration des Menus */ div.choixMenu { display:block; background-color:#66FFFF; } div.choixMenu a{color:#888888; font-weight:bold; text-decoration:none;} div.itemMenu { border-color:#000000;border-width:1px;border-style:solid; background-color:#f8f8f8;padding:1ex; } div.itemEnteteMenu { border-color:#000000;border-width:1px;border-style:solid; cursor:pointer; background-color:#CCCCCC;padding:1ex; } /* Autocompletion YUI */ .autocomplete .yui-ac-highlight .sample-infos, .autocomplete .yui-ac-highlight .sample-result, .autocomplete .yui-ac-highlight .sample-query { color:#FFFFFF; } .autocomplete .sample-infos { float:right; } .autocomplete .sample-result { color:#A4A4A4; } .autocomplete .sample-query { color:#000000; } /* table contenant les champs autocomplete */ table.autocomplete td.champ { vertical-align:top;padding-left:0px; } table.autocomplete td.icone { padding-left:1px;} /* IE padding=12px */ table.autocomplete td.icone { padding-left:12px; } /* non IE pas padding=0 */ table.autocomplete td.icone { padding-left:0; } /* Administration des Barres Outils */ img.iconeMiniature { width:20px; } /* Input recherche rapide Recep */ input.rapide {border-color:#000000;} /* Boutons */ /* pour les menus modeles */ /* button.modele { background-color:#f8f8f8; }*/ button.modele { background-color:#f8f8f8; letter-spacing:2px; font-family: sans-serif;padding:3px;} /* pour ses propres menus */ /* button.propre { background-color:#99CCFF; } */ button.propre { background-color:#FFFFFF; letter-spacing:2px; font-family: sans-serif;padding:3px;} /* Super Administration */ .logServeur{ font-family:Bitstream Vera Sans Mono; font-size:10px; } table.clProp {border-style:solid; border-width:1px; border-color:navy; background-color:#FFFFFF; padding:2px; } td.clProp {border-style:solid; border-width:1px; border-color:#BBBBBB; background-color:#f8f8f8; padding:2px; } .clPropFamille { background-color: #FFCE00; padding: 4px !important; font-size: 1.1em !important; } .clPropSsFamille { border: 1px solid #BBBBBB; background-color: #FFEA97; padding: 4px !important; font-size: 1.1em !important; } /* Liste Proprietes */ div.listeAvecDefilement{ overflow-y:scroll;height:500px;padding:2px;margin-bottom:15px; } .filtreProprietes a { text-decoration: none; } /* Définit la taille d'un input type Number à 3 chiffres */ #iNiveauTri1 { width: 4em; } .clZoneLectureEDI { color:#5555FF; } .edi1 { color:#5555FF; } .evenementDePositionContour{ position:absolute; display:none; width:600px; height:220px; background-image:url(../../images/background/noir.png); padding:5px; text-align:center; } .evenementDePositionContourArrivage{ position:absolute; display:none; width:910px; height:460px; background-image:url(../../images/background/noir.png); padding:5px; text-align:center; } .evenementsDe{ height:160px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; z-index:1; background-color:white; display:block; text-align:left; position:relative; margin-left:20px; margin-right:20px; } .proprieteContour{ position:absolute; min-width:100px; display:none; background-image:url(../images/background/noir.png); padding:5px; text-align:center; } .positionEnlevement{ background-color:#90CDF7 !important; } /* -------------------------------------------------------------------------------- Calendrier -------------------------------------------------------------------------------- */ .tdCalendrier{ cursor:pointer; padding:2px; color:black; background-image:url(../../images/calendrier/fondJour.png); } .tdCalendrier:hover{ color:black; font-weight:bold; background-image:url(../../images/calendrier/fondJourSurvol.png); } .divMoisPrecedent{ cursor:pointer; width:13px; height:17px; background-image:url(../../images/boutons/svg/caret-left-solid.svg); background-repeat: no-repeat; } .divMoisSuivant{ cursor:pointer; width:13px; height:17px; background-image:url(../../images/boutons/svg/caret-right-solid.svg); background-repeat: no-repeat; } .tdCalendrierAujourdhui{ cursor:pointer; padding:2px; color:white; } .tdCalendrierAujourdhui:hover{ color:black; font-weight:bold; } span#horloge { color:red; background-color:black; font-size:20px; font-weight: bold; padding: 5px 10px; } .horlogeSoft { color: #fff !important; background-color: rgba(255, 255, 255, 0.1) !important; } /* -------------------------------------------------------------------------------- Autocompletion -------------------------------------------------------------------------------- */ .choixAutoCompletionSelectionne{ padding:5px; background-color:#6EADF2; color:white; } .choixAutoCompletionNonSelectionne{ padding:5px; background-color:white; color:black; } /*statuts retard et à confirmer des avis d'arrivages par bordereaux*/ .retard{ color:red; } .a_confirmer{ color:blue; } .debug_on{ float:right; width:16px; height:16px; background-image:url(../../images/boutons/debug.gif); cursor:pointer; } .debug_off{ float:right; width:16px; height:16px; background-image:url(../../images/boutons/debug-off.gif); cursor:pointer; } .debug_resume_off{ width:50%; height:50%; position:fixed; display:none; background-color:red; } .debug_resume_on{ width:50%; height:50%; position:fixed; display:block; background-color:red; } .lignePasActif { background-color: #cccccc; } .modifManuelle { background-color:#FFDA8C; } #dialog_selectionAgenceUtilisateur { text-align:center; } /* FAQ */ h2.faq { background-color:navy; color:white; background-image:url('../../images/background/faq-h2.png'); margin:20px 1px 20px 1px ;padding:10px;text-align:center;border: 1px solid black; font-weight:500; font-size: 16px; } .lienFaq { font-size: 14px; color: #000000; } .ligneRechercheRapide { margin-top: 10px; background-color:white; margin:5px;padding:5px; text-align:center; border: 0px solid black; color:grey; cursor:pointer; } .ligneRechercheRapide td { color:grey; font-weight:lighter; } .rechercheRapideForm input { width:100%; } .rechercheRapideForm span { color:grey; font-size:10px; } /* Commun */ .dis_0 { display:none; } .dis_1 { display:block; } .left{ float:left; } .right{ float:right; } .div_float { overflow:auto; } .teliae_boutonGris{ font-weight:bold; background-color: #dcdddf; color: white; border-color: grey; border-style: solid; border-width: 1px; padding: 5px; cursor:pointer; } .teliae_boutonJaune{ font-weight:bold; background-color: #fdda4d; background-color: #fdc14d; color: white; border-color: #fdb529; border-style: solid; border-width: 1px; padding: 5px; cursor:pointer; } .teliae_boutonVert{ font-weight:bold; background-color: #6ce466; color: white; border-color: #3ec241; border-style: solid; border-width: 1px; padding: 5px; cursor:pointer; } .teliae_boutonBleu{ font-weight:bold; background-color: #2a3883; color: white; border-color: #3079ed; border-style: solid; border-width: 1px; padding: 5px; cursor:pointer; } .teliae_boutonRouge{ font-weight:bold; background-color: #fd4d4d; color: white; border-color: red; border-style: solid; border-width: 1px; padding: 5px; cursor:pointer; } .teliae_enteteRouge{ height:20px; font-weight:bold; margin-left:10px; margin-right:10px; margin-top:10px; background-color: #fd4d4d; color: white; border-color: red; border-style: solid; border-width: 1px; padding: 5px; } .teliae_enteteBleu{ height:20px; font-weight:bold; margin-left:10px; margin-right:10px; margin-top:10px; background-color: #4d8ffd; color: white; padding: 5px; border-color: #3079ed; border-style: solid; border-width: 1px; } .teliae_enteteOrange{ height:20px; font-weight:bold; margin-left:10px; margin-right:10px; margin-top:10px; background-color: #fdc14a; color: white; padding: 5px; border-color: #fdc14d; border-style: solid; border-width: 1px; } .teliae_formulaire{ margin-left:10px; margin-right:10px; } .teliae_formulaire h4{ background-color:orange; width:100%; color:blue; } .teliae_formulaire ul.onglets li.noselect{ color: white; background-color:#4d8ffd; background-image:none; padding-top:5px; } .teliae_formulaire ul.onglets li.noselect span{ margin-top:5px; padding-top:5px; color: white; background-image:none; } .teliae_formulaire ul.onglets li.select{ color: white; background-color:orange; background-image:none; padding-top:5px; } .teliae_formulaire ul.onglets li.select span{ margin-top:5px; padding-top:5px; color: white; background-image:none; } .teliae_formulaire .contenuOnglet{ background-color:white; padding: 5px; border-color: #3079ed; border-style: solid; border-width: 1px; color:grey; } .listeAgence{ margin-bottom:10px; border-color: grey; border-style: solid; border-width: 1px; } .listeAgence td{ padding:5px; } .applicationsQrCode{ width: 90%; margin-top:10px; margin-bottom:10px; border-color: grey; border-style: solid; border-width: 1px; padding:5px; margin-left: 5%; } .applicationsQrCodeInfo{ width: 25%; display: inline-block; vertical-align: top; margin: 15px; } .applicationsQrCodeInfo select{ margin-top: 5px; } .applicationsQrCodeInfo label{ font-weight: bold; } .applicationsQrCodeImg{ width: 100%; display: inline-block; vertical-align: top; text-align: center; margin: 15px 0px; min-height: 180px; } .tableSuiviValidationTransporteurs , .tableBordereauTransmissionDesTournees , .tableOrdreTransmissionDesTournees , .tableEnlevementsMichelin { margin-top:10px; } .tableSuiviValidationTransporteurs th , .tableBordereauTransmissionDesTournees th , .tableOrdreTransmissionDesTournees th , .tableEnlevementsMichelin th { height:20px; font-weight:bold; margin-left:10px; margin-right:10px; margin-top:10px; background-color:#4d8ffd; color: white; border-color: blue; border-style: solid; border-width: 1px; padding: 5px; } .tableSuiviSaisieGuichet th { height:20px; font-weight:bold; margin-left:10px; margin-right:10px; margin-top:10px; background-color: #c5c6c7; color: black; border-color: black; border-style: solid; border-width: 1px; padding: 5px; } .tableSuiviValidationTransporteurs td , .tableBordereauTransmissionDesTournees td , .tableOrdreTransmissionDesTournees td , .tableEnlevementsMichelin td { padding:10px; vertical-align: text-top; } .tableBordereauTransmissionDesTourneesResume , .tableOrdreTransmissionDesTourneesResume , .tableEnlevementsMichelin td { font-weight:bold; color:#4d8ffd; border-color: grey; border-style: solid; border-width: 1px 1px 1px 1px; } .tableBordereauTransmissionDesTourneesDetail , .tableSuiviValidationTransporteurs{ border-color: grey; border-style: solid; border-width: 1px 1px 1px 1px; vertical-align: middle; } .tableSuiviValidationTransporteurs_valide{ color: #00AA00; } .tableSuiviValidationTransporteurs_non_valide{ color: #AA0000; } .tableSuiviValidationTransporteurs_stats{ background-color: #DEDEDE; } .titreMichelin{ font-weight:bold; font-size:18px; text-decoration:underline; color:grey; margin:10px; } .tablePlanDeCharge{ width:100%; margin-top:10px; } .tablePlanDeCharge th{ height:20px; font-weight:bold; margin-left:10px; margin-right:10px; margin-top:10px; background-color:#4d8ffd; color: white; border-color: blue; border-style: solid; border-width: 1px; padding: 5px; } .tablePlanDeCharge td{ padding:10px; } .tablePlanDeChargeResumeDepartement { font-weight:bold; color:#4d8ffd; border-color: #4d8ffd; border-style: solid; border-width: 0px 0px 1px 0px; } .tablePlanDeChargeResumePays { font-weight:bold; color:#4d8ffd; font-size:18px; border-color: #4d8ffd; border-style: solid; border-width: 0px 0px 3px 0px; } .tablePlanDeChargeResumeTotal { font-weight:bold; color:#4d8ffd; font-size:24px; border-color: #4d8ffd; border-style: solid; border-width: 0px 0px 5px 0px; } .separerTopEtCentrerLargeur{ margin : 0 auto; margin-top: 15px; width: 100%; } .bordureArrondi{ border-collapse: separate; border-radius: 10px; } .tar, .alignerAGauche td.alignerADroite, td.alignerADroite{ text-align: right; } .tal, .alignerAGauche td{ text-align: left; } /* //////// Gestion de la barre de progression avec image //////// */ .barProgressionParent{ border: 1px solid black; margin: 0 10px 20px 0; padding-bottom: 20px; border-radius: 8px; position: relative; width: 80%; background-color: #dddddd; } .barProgressionChild{ position: absolute; border-radius: 8px; width: 1%; height: 100%; background-color: #4caf50 ; /* For browsers that do not support gradients */ background-image: -webkit-linear-gradient(left top, #4caf50, #7AFF7A); /* For Safari 5.1 to 6.0 */ background-image: -o-linear-gradient(bottom right, #4caf50, #7AFF7A); /* For Opera 11.1 to 12.0 */ background-image: -moz-linear-gradient(bottom right, #4caf50, #7AFF7A); /* For Firefox 3.6 to 15 */ background-image: linear-gradient(to bottom right, #4caf50, #7AFF7A); /* Standard syntax */ } .barProgressionChildRetard{ background-color: #b8b548 !important; /* For browsers that do not support gradients */ background-image: -webkit-linear-gradient(left top, #b8b548, #fffd87) !important; /* For Safari 5.1 to 6.0 */ background-image: -o-linear-gradient(bottom right, #b8b548, #fffd87) !important; /* For Opera 11.1 to 12.0 */ background-image: -moz-linear-gradient(bottom right, #b8b548, #fffd87) !important; /* For Firefox 3.6 to 15 */ background-image: linear-gradient(to bottom right, #b8b548, #fffd87) !important; /* Standard syntax */ } .barProgressionChildValue{ position: absolute; text-align: center; width: 100%; font-size: 15px; } /* //////////////////////////////////////////////////////////////// */ /* //////// Utilisé pour l'affiche du suivi des tournées TeliMobile //////// */ .d-block { display: block; } .divListeVoyage{ width: 35%; float:left; overflow: scroll; height: 100%; display: block; } .divListeVoyageMission{ width: 65%; overflow: scroll; height: 100%; display: block; float:left; } .listeVoyage{ width: 100%; font-size: 14px; cursor: pointer; border-radius: 10px; border-collapse: initial; margin: auto; margin-top: 10px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; background: #FFFFFF none repeat scroll 0 0; } .listeVoyageMission{ width: 98%; font-size: 12px; cursor: pointer; border-radius: 10px; border-collapse: initial; margin: auto; margin-top: 10px; margin-bottom: 10px; background: #FFFFFF none repeat scroll 0 0; height: 40px; } .enteteVoyageMission{ width: 99.4%; font-size: 12px; cursor: pointer; border-radius: 10px; border-collapse: initial; margin-top: 10px; margin-bottom: 10px; background: #FFFFFF none repeat scroll 0 0; height: 40px; } .enteteVoyageMission .enveloppe{ width: 5%; } .tableListeVoyageMission{ border-style: solid; border-width: 2px 1px 2px 1px; border-collapse: collapse; } .bordureHaut{ margin-top: 5px; margin-bottom: 5px; border-top: 1pt solid #707173; } .bordureBas{ margin-top: 5px; margin-bottom: 5px; border-bottom: 1pt solid #707173; } .bordureDroite{ margin-top: 5px; margin-bottom: 5px; border-right: 1pt solid #707173; } .debugDivListeVoyage{ width: 100%; float:left; overflow: scroll; height: 100%; display: block; } .policeSTM{ color: #303437; } .degrade_Rouge{ background: #FF0000; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left top, #FF0000, #FF5E5E); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom right, #FF0000, #FF5E5E); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, #FF0000, #FF5E5E); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, #FF0000, #FF5E5E); /* Standard syntax */ } .degrade_Vert{ background: #4caf50; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left top, #4caf50, #7AFF7A); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom right, #4caf50, #7AFF7A); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, #4caf50, #7AFF7A); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, #4caf50, #7AFF7A); /* Standard syntax */ } .degrade_Orange{ background: #FE7F01; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left top, #FE7F01, #FEB265); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom right, #FE7F01, #FEB265); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, #FE7F01, #FEB265); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, #FE7F01, #FEB265); /* Standard syntax */ } .degrade_Gris{ background: #bbbbbb; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left top, #9d9d9d, #bbbbbb); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom right, #9d9d9d, #bbbbbb); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, #9d9d9d, #bbbbbb); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, #9d9d9d, #bbbbbb); /* Standard syntax */ } .bordureGriseDroite{ border-style: outset; border-width: 0px 2px 0px 0px; border-color: #f0f1f1; } .listeVoyageMission td img{ margin-right: 10px; } table.listeVoyageMission .ordreMission{ width: 5%; } .elementCache{ visibility: hidden; } .paddingLeger td{ padding: 2px 4px; } .paddingTresLeger td{ padding: 1px 2px; } .largeurCinqPourcent{ width: 5%; } .largeurDouzePourcent{ width: 12%; } .largeurQuartDePage{ width: 25%; } .largeurUnPourcent{ width: 1%; } .gras{ font-weight: bold; } .grasEvenementSansRemarques{ font-weight: bold; color: black; border: 1px solid black; } .grasEvenementSansRemarques:hover{ display:block; } .grasEvenementAvecRemarques{ font-weight:bold; color:cadetblue; border: 1px solid black; } .grasEvenementAvecRemarques:hover{ display:block; } #affichageListeMissionSuiviTourneeTeliMobile{ height: 100%; background-color: #dbdcdd; } .backGroundSuiviTourneeTeliMobile{ background-color: #dbdcdd; } .ekolisVoyageMissionBtn{ padding: 2px 5px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; } /* //////////////////////////////////////////////////////////////// */ /* DEBUT - Paramétrage des préférences */ .elem_cacher { display: none; } .elem_block { display: block; } .forbidScroll { overflow-y: hidden; } .allowScroll { overflow: auto; } .masquagePage, .masquagePage1 { z-index: 1000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .masquagePage2 { background-color: rgba(0, 0, 0, 0.1); display: none; } .masquagePage { background-color: rgba(0, 0, 0, 0.6); } /* #containerPopupModale anciennement containerParametrageUtilisateur */ .popup_modale { background-color: rgba(255, 255, 255, 0.9); min-height: 400px; height: 90%; width: 74%; border-radius: 8px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4); overflow:auto; } .scrollable { display: block; height: 100%; width: 100%; overflow: auto; } #bandeauBasParametrage { margin-top: 30px; padding: 10px; } #divListeEvenements { overflow: auto; max-height: 80vh; } #divGestionUtilisateurParametres { padding: 20px; height: calc(70% - 30px); } #divMessagesResultat { height: calc(25% - 30px); } #divContentPreference { height: calc(100% - (32px + 8px)); } #divContentPreference:hover { overflow-y: scroll; } .popup_modale-1 { width: 95%; } .popup_modale-2 { background-color: rgba(255, 255, 255, 0.9); min-height: 200px; height: 0; width: 500px; border-radius: 8px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4); } /** Popup modale pour l'écran de pointage des facture de transport achat */ .popup_modale-3 { width: 98%; height: 95%; } /** Popup modale pour l''assistant de création de compte Element */ .popup_modale-4 { background-color: rgba(255, 255, 255, 0.9); min-height: 320px; height: 0; width: 550px; border-radius: 8px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4); } /** Popup modale pour l''assistant de création de compte Element (version avec hauteur plus grande)*/ .popup_modale-5 { background-color: rgba(255, 255, 255, 0.9); min-height: 365px; height: 0; width: 550px; border-radius: 8px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4); } /** Popup modale message TM */ .popup_modale-6 { background-color: rgba(255, 255, 255, 0.9); min-height: 245px; height: 0; width: 570px; border-radius: 8px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4); } /** Popup modale message chauffeur TM */ .popup_modale-7 { background-color: rgba(255, 255, 255, 0.9); min-height: 370px; height: 0; width: 500px; border-radius: 8px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4); } /* Popup modale generique pour afficher un message et un bouton pour fermer */ .popup_modale-information { width: auto; height: auto; max-height: 80%; min-height: 0; max-width: 80%; overflow: unset; } /** Popup modale */ /** #divMasquagePage .masquagePage */ .popup_modale_entete { width: 100%; height: 30px; display: flex; /*border-bottom: 1px solid #000;*/ justify-content: space-between; line-height: 30px; background-color: #2a3883; color: #fff; border-radius: 8px 8px 0 0; } .popup_modale_entete .icone { font-size: 22px; padding: 2px; min-width: 25px; } .popup_modale_entete .icone img { height: calc(100% - 4px); border-radius: 10%; padding: 2px; } .popup_modale_entete h2 { width: 80%; text-align: center; cursor: default; } .popup_modale_entete .fermer { cursor: pointer; text-align: right; line-height: 24px; font-size: 24px; white-space: nowrap; text-align: center; border-radius: 0 8px 0 0; } .popup_modale_entete .fermer:hover { background-color: #f22; color: #fff; } .popup_modale-petite{ height: 200px; width: 400px; top: calc(50% - 200px); left: calc(50% - 200px); } /** FIN Title bar */ /* FIN - Paramétrage des préférences */ .tac { text-align: center; } table.localisation{ text-align: center; background-color: #f8f8f8; width:100%; } table.localisation tr th{ background-color:rgba(172, 172, 172, 1); text-align: center; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } table.localisation tr:nth-child(2n){ background-color:rgb(255, 254, 249); } table.localisation tr td:nth-child(3n){ background-color:rgba(0, 169, 254, 0.3); } table.localisation tr:nth-child(2) td:nth-child(3n-1) { background-color: rgba(0, 169, 254, 0.5); font-weight: bold; text-align: center; } table.localisation tr td:nth-child(3n+1){ background-color:rgba(246, 189, 14, 0.3); } table.localisation tr:nth-child(2) td:nth-child(3n) { background-color: rgba(246, 189, 14, 0.5); font-weight: bold; text-align: center; } table.localisation tr td:nth-child(3n+2){ background-color:rgba(162, 196, 57, 0.3); } table.localisation tr:nth-child(2) td:nth-child(3n+1) { background-color: rgba(162, 196, 57, 0.5); font-weight: bold; text-align: center; } table.localisation tr:nth-child(2) td{ background-color:rgb(255, 255, 255); } table.localisation tr td, table.localisation tr th{ padding: 5px; } .modeleExtractionRequete{ margin-left:60%; background: #DDDDDD none repeat scroll 0 0; /*overflow: scroll;*/ } .formCreationExtractionRequete{ width: 55%; } .alignerAuCentre{ text-align: center; } .arborescenceDossier{ margin: 5% 0 0 5%; } /** _______________ **/ /** PopUp **/ .tw_popup { display: none; position: fixed; max-height: 500px; box-shadow: 0 0 5px #888888; } .tw_popup__content { background-color: #fff; padding: 5px; } .tw_popup__header { display: flex; justify-content: space-between; cursor: pointer; height: 25px; font-weight: bold; background-color: #2a3883; color: #fff; } .tw_popup__header__title { padding: 0 10px; line-height: 25px; vertical-align: middle; /* Empêche de selectionner le header : */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tw_popup__header__title:first-letter { text-transform: capitalize; } .tw_popup__header__btns { width: 50px; display: flex; justify-content: space-between; } .tw_popup__header__btns__btn { width: 25px; text-align: center; } .tw_popup__header__btns__btn:hover { background-color: #fff; color: #2a3883; } .tw_popup__header__btns__btn .fa { line-height: 25px; vertical-align: middle; } #tarifsoustraitancetraficconfreredivRelationTarif table tr td{ vertical-align: top; } .radioLigne { margin:0 10px 0 3px; } /* écran de quai début *************************************************/ #divFormulaireEditionPointTravee #bandeau input { background-color:inherit; padding:0 2px; } #affichageListeCarteDelai, .affichageListe, #affichageListe { background-color: #fafafa; margin: 10px 0; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); /*overflow-x: auto;*/ overflow: visible; } #affichageListePointTravee table.listeGestion, #affichageListeBilanTravee table.listeGestion, #affichageListePointTravee table.listeGestion th, #affichageListeBilanTravee table.listeGestion th, #affichageListePointTravee table.listeGestion td, #affichageListeBilanTravee table.listeGestion td { border:0; } #affichageListePointTravee table.listeGestion .lignePaire, #affichageListeBilanTravee table.listeGestion .lignePaire { background-color:#e1e7f3; } #affichageListePointTravee table.listeGestion tr:hover, #affichageListeBilanTravee table.listeGestion tr:hover, #affichageListePointTravee table.listeGestion .selection, #affichageListeBilanTravee table.listeGestion .selection { background-color:#f0c97d; cursor:pointer; } .divToggleContainer { margin:0 0 15px 0; padding:0 0 0 5px; border: 0px dotted; border-width:0 0 0 1px; } .divToggleContainer .tri { border:0px; /*border-width:0 0 0 1px;*/ background-color:inherit; } #explicationiconepointtravee, #explicationiconebilantravee, #explicationiconepointtravee th, #explicationiconebilantravee th { border:0; /*background-color:#fff3ea;*/ } #affichageListePointTravee table.listeGestion th, #affichageListeBilanTravee table.listeGestion th { text-align: center; opacity:0.7; } #affichageListePointTravee table.listeGestion th img.iconeBouton, #affichageListeBilanTravee table.listeGestion th img.iconeBouton { margin: 0; } #divFormulaireGestionPointTravee .tri label, #divFormulaireGestionBilanTravee .tri label { margin-left: 10px; margin-right: 5px; } #affichageListePointTravee .pagination, #affichageListeBilanTravee .pagination { opacity:0.7; } .w100 { width:100%; } #divFormulaireGestionPointTravee input.perso, #divFormulaireGestionBilanTravee input.perso { background-color: inherit; border-style: outset; margin: 5px 10px; } /* ecran quai fin *************************************************/ /* Drag and Drop Ged **********************************************/ .dropperGed { position: relative; margin: 20px auto; width: 95%; height: 50px; background-color: #f0f0f0; border: 3px solid #909191; border-radius: 10px; transition: background-color 0.3s, border-color 0.3s; text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; } .dropperGed.dragover { background-color: #e0f7fa; border-color: #007bff; } .formulaireDragAndDrop { border-style: none none solid none; border-width: 2px; border-color: #909191; margin: 10px 0 0 0; } #listeDocumentDragAndDrop { background-color: #FBFBFB; display: table; margin: auto; margin-top: 10px; } #divLienPosition { overflow:scroll; height:150px; } /* Fin Drag and Drop Ged **********************************************/ #footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 20px; margin: 0; padding: 0; background-color: #2a3883; display: flex; justify-content: space-between; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 12px; } #footer, #footer a, #footer .lien { color: #fff; } #bonjourLogin{ color: #f8f8f8; font-size: 12px; font-weight: bold; display: flex; align-items: center; } #basDePage { display: flex; align-items: center; justify-content: center; } .twLogoFooter { height: 100%; padding-right: 5px; max-width: 100px; object-fit: scale-down; } #basDePage a.lien:hover { text-decoration: underline; } #basDePage a.lien { color: #ccc; text-decoration: none; } .tw_page_container { background: #E5E5E5 center center; -webkit-background-size: cover; background-size: cover; padding: 15px 15px 15px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; z-index: 1; } .twFlex-1 { flex: 1; } .tw-inline-bloc { display: inline-block; width: 100%; } .twFlex-c { display: flex; } .twFlex { display: flex; width: 100%; } .twFlex-end { justify-content: end; } .twFlex-v { flex-direction: column; } .twFlex-opposite { justify-content: space-between; } .twFlex-vc { align-items: center; } .twFlex-btns { height: 33px; } .twHeaderBonjour { color: #fff; display: flex; align-items: center; border-left: 2px solid #fff; padding: 0 3px; white-space: nowrap; } .twErreursConnexions { color: #FF0000; display: flex; align-items: center; border-left: 2px solid #fff; padding: 0 3px; white-space: nowrap; } @-webkit-keyframes clingnote { from {opacity: 1.0;} to {opacity: 0.0;} } .twMessageCalculIndicateurSecuriteInf5 { color: #FF0000; display: flex; align-items: center; border-left: 2px solid #fff; padding: 0 3px; white-space: nowrap; -webkit-animation-name: clingnote; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; } .twMessageCalculIndicateurSecuriteInf10 { color: #FF0000; display: flex; align-items: center; border-left: 2px solid #fff; padding: 0 3px; white-space: nowrap; } .twMessageCalculIndicateurSecuriteSup10InfOuEgal15 { color: #000000; display: flex; align-items: center; border-left: 2px solid #fff; padding: 0 3px; white-space: nowrap; } .twMessageCalculIndicateurSecuriteSup15 { color: #32CD32; display: flex; align-items: center; border-left: 2px solid #fff; padding: 0 3px; white-space: nowrap; } .tw_page_container-small { left: 200px; width: calc(100% - 200px); padding: 15px; } @media screen{ .tw_page_container-normal { left: 200px; width: calc(100% - 200px); box-sizing: border-box; } .tw_page_container-full, .tw_page_container-normal { overflow-y: auto; top: 95px; } .tw_fixed--sousHeader { position: fixed; } } /** * Ce style gère le position des élèments dynamiques sous le header */ .headerTeliae { position: fixed; top: 0; left: 0; width: 100%; z-index:9991; display: flex; box-shadow: 0px -10px 15px 4px #000; } .headerTeliaePetit table{ width:100%; background-color:#2a3883; } .headerTeliae table{ width:100%; background-color:#2a3883; } /* Bandeau en haut de page */ #fondBandeau { /*height:115px;*/ min-height:110px; height:auto !important; height:110px; border-width:0px; } #fondBandeau h1 { font-size:26px; color:#CCCCCC; font-weight:bold; margin: 0pt 2px 0.25em 0; padding-left:5px; padding-top:5px; } /* Barre Outils */ img.itemOutils { cursor:pointer; } /* float:right;display:block; */ /* #boutons_bandeau{ width:100px; } */ #boutons_bandeau img{ background-color:white; border-radius: 30px; border-style: solid; border-width: 2px; border-color: white; float:right; } .boutons_bandeau_normal { margin: 6px 0 0; } .boutons_bandeau_moyen { display: flex; flex-flow: row-reverse; align-items: center; } .boutons_bandeau_petit { margin: 2px 0 0; } #header_ligne1 { border-color: #2a3883; border-width : 0 0 2px 0; border-style: solid; } /* #header_ligne2 { background-color: #2a3883; } */ #tw_depliage { font-size: 20px; color: #2a3883; } .tw_header__drapeaux { display: flex; justify-content: center; align-items: center; padding: 6px; } .twLangue_selection .twLangue_liste { position: absolute; z-index: 10; right: -6px; top: 26px; display: flex; flex-wrap: wrap; justify-content: space-around; overflow: hidden; background-color: #fff; width: 150px; padding: 10px; border: 1px solid #2a3883; -webkit-animation: slideLangue .1s forwards ease-in; -o-animation: slideLangue .1s forwards ease-in; animation: slideLangue .1s forwards ease-in; } @keyframes slideLangue { from { height: 0; } to {height: 122px;} } .twHeaderProfile .fa { margin-top: 0; } .twHeaderProfile { background-color: #fff; font-size: 25px; color: #2a3883; padding: 0 4px; display: flex; align-items: center; } .twLangue_selection { position: relative; } .twLangue_selection a { margin: 5px; } .twHeaderBonjour { } #divMasquagePage { z-index:10000; display: flex; align-items: center; justify-content: center; } body.login { overflow: hidden; } .login form#ident table { border-collapse: separate; border-spacing: 10px; } .login #form-identification { width: 300px; margin:30px auto auto; top: 25%; left: calc(50% - 175px); box-shadow: 0 0 15px #2a3883; background-color: #fff; border-bottom: 10px solid #2a3883; position: absolute; } .login #form-identification input[type="text"], .login #form-identification input[type="password"] { border: none; background-color: #fff; border-bottom: 2px solid #2a3883; padding: 5px; } .login #form-identification input[type="submit"] { cursor: pointer; margin-top: 8px; border: none; padding: 8px; margin: auto; } #LogoPersonnalise img { max-height: 110px; } .twMessageAlerte { background-color: #F44336; color: #fff; padding: 5px; } .twMessageAdr { margin-bottom: 15px; } .twFond { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); background-color: #fafafa; } #affichageListePlanTransport, .twBloc { width: 100%; padding: 0; display: flex; flex-wrap: wrap; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); background-color: #fafafa; } .twBloc-nf { display: block; } .twBloc-midW { width: 50%; } .twBloc-padded { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* * Regles pour enlever un bug graphique dans Divers > Ressources * Il y avait un carre blanc vide si aucune variable de parametre n'etait utilisable */ #divTableVariables.twBloc-padded { padding: 0; } #divTableVariables.twBloc-padded > table { margin: 10px; } .twBloc-full { width: 100%; height: 100%; overflow: auto; } .twBloc-vmarge { margin-top: 5px; margin-bottom: 5px; } #affichageListePlanTransport, .twBloc-v { flex-direction: column; } .twBloc-important { border: 2px dashed #2a3883; } .twOneLine { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .twFaMargin {margin-top: 2px;} .twCenterMiddle { display: flex; justify-content: center; align-items: center; width: 100%; } /** Listes **/ .twList { padding: 3px; display: flex; } .twList:hover {background-color: #eee;} .twList_title { position: relative; display: inline-block; width: 70px; font-weight: bold; } .twList_title-sMedium {width: 67px;} .twList_title-medium {width: 150px;} .twList_value {padding-left: 5px;} /** Structure englobe tuiles **/ .twBlocTuiles { width: 66%; display: flex; flex-wrap: wrap; } .twBlocTuiles-fullWidth {width: 100%;} .twTal {text-align: left;} .twBlocDetail { width: calc(33% - 20px); background-color: #fff; padding: 10px; } /** Titres Teliway **/ .twTitle { font-size: 1.5em; text-align: center; width: 100%; } .twTitle_icon:hover { box-shadow: 0 0 2px #fff; background-color: #444; } .twTitle_second {font-size: 1.3em;} .twTitle_icon .fa {margin-top: 0;} .twTitle_icon { cursor: pointer; width: 40px; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #222; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /** Tuiles **/ .twTuile_details {display: none;} .twTuile { width: 260px; background-color: #eee; margin: 9px; display: flex; flex-direction: column; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .twTuile-auto { width: auto; } .twTuile_content { padding: 10px; overflow-y: auto; height: 100%; display: flex; } .twTuile_content-vertical {flex-direction: column;} .twTuile_title { width: 100%; min-height: 30px; line-height: 30px; vertical-align: middle; text-align: center; background-color: #222; color: #fff; font-size: 1.2em; display: flex; justify-content: space-between; align-items: center; } .twTuile ol li { list-style-type: decimal; margin-left: 8px; margin-bottom: 5px; } .twTuile_statut { color: #222; border-top: 1px solid rgba(34, 34, 34, 0.5); background-color: transparent; padding: 3px 10px; height: 18px; line-height: 18px; vertical-align: middle; } .twTuile_statut-info { color: rgba(34, 117, 149, 1);} .twTuile_statut-warning {color: rgba(245, 127, 23, 1);} .twTuile_statut-danger {color: rgba(171, 45, 45, 1);} .twTuile_statut-active {color: rgba(46, 125, 50, 1);} .twTxt-info { color: rgba(34, 117, 149, 1);} .twTxt-warning {color: rgba(245, 127, 23, 1);} .twTxt-danger {color: rgba(171, 45, 45, 1);} .twTxt-active {color: rgba(46, 125, 50, 1);} .twTxt-default {color: rgba(153, 153, 153, 1);} .twBg-info {background-color: rgba(34, 117, 149, 0.2)} .twBg-warning {background-color: rgba(245, 127, 23, 0.2)} .twBg-danger {background-color: rgba(171, 45, 45, 0.2)} .twBg-active {background-color: rgba(46, 125, 50, 0.2)} .twBg-default {background-color: rgba(153, 153, 153, 0.2)} /** Tuiles selectionnables **/ .twTuile_checkbox {display: none;} /** Checkbox caché : car utilisée dans le titre et modifié en javascript **/ .twTuile_checkable { margin: 10px; opacity: 0.7; } .twTuile_checkable-cheked { border: 1px solid #111111; margin: 9px; opacity: 1; } .twTuile_checkable-cheked .twTitle_InfoCheck .fa::before {content: "\f046";} /* Icone checked */ .twUppercase { text-transform: uppercase; } .twSepare { margin-top: 2px; margin-bottom: 2px; } .ligneAlignTop{ vertical-align: top; } .labelCorrection { padding-right: 5px; } .zonePhoto input { max-width: 110px; } .boutonActivable { padding: 5px; margin: 5px; float: left; color: white; background-color: #000; cursor: pointer; } .boutonActivable-inactif { background-color: #7d7d7d; } .boutonActivable-actif { background-color: #393; } .boutonActionListe { color: #fff; background-color: #000; border-radius: 50%; padding: 3px; margin: 3px; cursor: pointer; } .boutonActionListe-ajouter { background-color: #393; } .boutonActionListe-supprimer { background-color: #990500; } .selectContainer_default { position: relative; margin-top: 8px } .selectContainer_default select { min-width: 150px; } .selectContainer_default label { position: absolute; top: -8px; font-size: 10px; } .twHeader_logo { width: 120px; height: 70px; display: flex; justify-content: center; align-items: center; background-color: #2a3883; } .twHeader_logo img { width: 100%; height: 100%; object-fit: contain; } .twIconMenu { background-color: #fff; display: flex; justify-content: space-between; height: 39px; } .twMenuItems { display: flex; flex-direction: column; width: 100%; justify-content: space-between; } .twHeaderTop { display: flex; justify-content: space-between; background-color: #2a3883; height: 25px; } .yuimenubar * { color: #efefef !important; background-color: #2a3883; } .yuimenuitemlabel-hassubmenu-selected, .yuimenubaritemlabel-hassubmenu-selected, .yuimenubar a:hover { color: #2a3883 !important; background-color: #eee !important; } .yuimenubar .marque { color: #efefef !important; background-color: #2a3883; } .yuimenubar a:hover .marque { color: #2a3883 !important; background-color: #eee !important; } #productsandservices .bd { height: 100%; } .twDN { display: none; } .twLangue_main { cursor: pointer; border: 1px solid #fff; } .couleurFondAlert { background-color: orange; } .couleurFondErreur { background-color: red; } .twAdminContainer { background-color: #e8e8e8; padding: 25px; } .twColor_blue {color: #2a3883;} .twColor_red {color: #e33;} #boutons_bandeau { color: #2a3883; } #boutons_bandeau i { font-size: 22px; padding: 4px; cursor: pointer; } #boutons_bandeau .fa:hover { filter: contrast(300%); } .twFlex_middle{ display: flex; justify-content: center; } .twHeader_column { flex-direction: column; } #divListeFichiers ul { background-color: #fff; } .twFondBlanc { background-color: #fff; } .twSpaceTop { margin-top: 15px; } .twIconMenu #barreOutilsInfos, .twIconMenu .barreOutils { display: flex; overflow-x: hidden; overflow-y: hidden; } .barreOutils, #barreOutilsInfos { float: left; margin: 3px 0 0; } #boutons_bandeau img, #barreOutilsInfos img, .barreOutils img { margin : 0 3px; } #boutons_bandeau img, #barreOutilsInfos img, .barreOutils img { margin : 0 3px; } /* Couleurs barre d'Outils */ .barreOutils img, #barreOutilsInfos img { background-color: #2a3883; } .barreOutils a, #barreOutilsInfos a { display: flex; justify-content: center; align-items: center; margin: -8px; } .barreOutils .icone-petite, #barreOutilsInfos .icone-petite { width: 45px; } .barreOutils .icone-moyenne, #barreOutilsInfos .icone-moyenne { width: 50px; } .barreOutils .icone-default, #barreOutilsInfos .icone-default { width: 56px; } .barreOutils img[src="../images/icones/000002/accueil.png"], #barreOutilsInfos img[src="../images/icones/000002/accueil.png"], .barreOutils img[src="../images/icones/000002/mesImpressions.png"], #barreOutilsInfos img[src="../images/icones/000002/mesImpressions.png"] { background-color: #2a3883; } .barreOutils img[src="../images/icones/000002/pointageTournee.png"], #barreOutilsInfos img[src="../images/icones/000002/pointageTournee.png"], .barreOutils img[src="../images/icones/000002/pointagePosition.png"], #barreOutilsInfos img[src="../images/icones/000002/pointagePosition.png"], .barreOutils img[src="../images/icones/000002/editionTournee.png"], #barreOutilsInfos img[src="../images/icones/000002/editionTournee.png"], .barreOutils img[src="../images/icones/000002/preparationTourneeTactile.png"], #barreOutilsInfos img[src="../images/icones/000002/preparationTourneeTactile.png"], .barreOutils img[src="../images/icones/000002/preparationTourneeBordereau.png"], #barreOutilsInfos img[src="../images/icones/000002/preparationTourneeBordereau.png"], .barreOutils img[src="../images/icones/000002/preparationTourneeRecep.png"], #barreOutilsInfos img[src="../images/icones/000002/preparationTourneeRecep.png"], .barreOutils img[src="../images/icones/000002/flashage.png"], #barreOutilsInfos img[src="../images/icones/000002/flashage.png"], .barreOutils img[src="../images/icones/000002/gantt.png"], #barreOutilsInfos img[src="../images/icones/000002/gantt.png"], .barreOutils img[src="../images/icones/000002/edition.png"], #barreOutilsInfos img[src="../images/icones/000002/edition.png"], .barreOutils img[src="../images/icones/000002/saisiQuai.png"], #barreOutilsInfos img[src="../images/icones/000002/saisiQuai.png"], .barreOutils img[src="../images/icones/000002/avisArrivage.png"], #barreOutilsInfos img[src="../images/icones/000002/avisArrivage.png"], .barreOutils img[src="../images/icones/000002/dechargement.png"], #barreOutilsInfos img[src="../images/icones/000002/dechargement.png"] { background-color: #20a524; } .barreOutils img[src="../images/icones/000002/edi.png"], #barreOutilsInfos img[src="../images/icones/000002/edi.png"] { background-color: #deb908; } .barreOutils img[src="../images/icones/000002/enlevements.png"], #barreOutilsInfos img[src="../images/icones/000002/enlevements.png"], .barreOutils img[src="../images/icones/000002/ramasse.png"], #barreOutilsInfos img[src="../images/icones/000002/ramasse.png"], .barreOutils img[src="../images/icones/000002/pointageRecep.png"], #barreOutilsInfos img[src="../images/icones/000002/pointageRecep.png"], .barreOutils img[src="../images/icones/000002/affretement.png"], #barreOutilsInfos img[src="../images/icones/000002/affretement.png"] { background-color: #01d1ff; } .barreOutils img[src="../images/icones/000002/gestionFacture.png"], #barreOutilsInfos img[src="../images/icones/000002/gestionFacture.png"], .barreOutils img[src="../images/icones/000002/positionFacturation.png"], #barreOutilsInfos img[src="../images/icones/000002/positionFacturation.png"] { background-color: #ff00bc; } .barreOutils img[src="../images/icones/000002/historiquePosition.png"], #barreOutilsInfos img[src="../images/icones/000002/historiquePosition.png"], .barreOutils img[src="../images/icones/000002/historiqueBordereaux.png"], #barreOutilsInfos img[src="../images/icones/000002/historiqueBordereaux.png"], .barreOutils img[src="../images/icones/000002/reclamation.png"], #barreOutilsInfos img[src="../images/icones/000002/reclamation.png"], .barreOutils img[src="../images/icones/000002/sousTraitance.png"], #barreOutilsInfos img[src="../images/icones/000002/sousTraitance.png"], .barreOutils img[src="../images/icones/000002/extraction.png"], #barreOutilsInfos img[src="../images/icones/000002/extraction.png"], .barreOutils img[src="../images/icones/000002/souffrance.png"], #barreOutilsInfos img[src="../images/icones/000002/souffrance.png"], .barreOutils img[src="../images/icones/000002/src.png"], #barreOutilsInfos img[src="../images/icones/000002/src.png"] { background-color: #aa2a00; } .barreOutils img[src="../images/icones/000002/suiviDeTourneeTM.png"], #barreOutilsInfos img[src="../images/icones/000002/suiviDeTourneeTM.png"] { background-color: #ed940f; } #barreOutils_SG1 { background-color: #c0c0c0; } #barreOutils_SG1 img.icone-default, #listeBarreOutils img.icone-default { background-color: #000; } .twContent { background-color: #fff; } button.propre, button.modele { border: none; width: 200px; margin: 5px; padding: 5px; color: #fff; } button.modele { cursor: default; background-color: #333; } button.propre { cursor: pointer; background-color: #2a3883; } .twListButtons { padding: 10px; } .twListButtons button, .twListButtons input[type=button] { margin: 4px; } .twPadding-light { padding: 5px; } .twPadding-medium { padding: 2px; } @keyframes turn { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .twRefresh { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .twRefresh:hover { -webkit-animation: turn infinite 1s linear; -o-animation: turn infinite 1s linear; animation: turn infinite 1s linear; } .twRefresh, .iconeBouton { width: 15px; height: 15px; margin: 0 3px; vertical-align: middle; } /** Icones **/ .twIcon { width: 15px; height: 15px; margin: 0 1px; vertical-align: middle; } .twIcon-l { width: 25px; height: 25px; } .twIcon-xl { width: 35px; height: 35px; } .twIcon_header { background-color: #000; width: 50px; height: 50px; margin: -10px 0; } .twIconBtn { cursor: pointer; } /** Alertes **/ .twMsg { background-color: rgb(221, 221, 221); border: 1px solid #5f5f5f; color: #5f5f5f; padding: 10px; margin: 10px; border-radius: 3px; cursor: default; } .twMsg-info { color: #2a3883; background-color: rgb(204, 229, 255); border-color: #2a3883; } .twMsg-secondaire { color: #383d41; background-color: rgb(226, 227, 229); border-color: #383d41; } .twMsg-success { color: #155724; background-color: rgb(212, 237, 218); border-color: #155724; } .twMsg-warning { color: #856404; background-color: rgb(255, 243, 205); border-color: #856404; } .twMsg-erreur { color: #990000; background-color: rgb(235, 204, 204); border-color: #990000; } /** Boutons **/ .twBtn[type=file] { /*color: #000;*/ } .twBtn { background-color: rgba(153, 153, 153, 1); color: #fff; } .twBtn:focus, .twBtn { padding: 7px; text-align: center; border: none; cursor: pointer; font-size: 11px; margin: 3px; display: inline-block; min-width: 80px; } .telimobileEvenements [id^=listeBoutons] > .twBtn, .telimobileEvenements [id^=listeChauffeur] > .twBtn { padding: 2px 7px; } @keyframes twAnim_BtnHover { 0% { filter: saturate(100%); border-radius: 0; } 100% { filter: saturate(120%); border-radius: 5px; } } @keyframes twAnim_zoomInOut { 0%, 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } } .twBtn:hover { -webkit-animation: twAnim_BtnHover 0.5s; -o-animation: twAnim_BtnHover 0.5s; animation: twAnim_BtnHover 0.5s; animation-fill-mode: both; } .twBtn-produit { min-width: 40px; } .twBtn-info { background-color: rgba(34, 117, 149, 1);} .twBtn-warning {background-color: rgba(245, 127, 23, 1);} .twBtn-defaut { background-color: #2a3883; } .twBtn-secondaire { background-color: rgba(34, 117, 149, 1); } .twBtn-prepa { border: 1px solid #314663; background-color: #fafafa; color: #314663; margin: 5px; } .twBtn-prepa:focus { border: 1px solid #314663; outline:0; } .twBtn-valider { background-color: rgba(46, 125, 50, 1); } .twBtn-valider2 { background-color: #fafafa; color: rgba(46, 125, 50, 1); border: 1px solid rgba(46, 125, 50, 1); } .twBtn-danger, .twBtn-alerte { background-color: rgba(171, 45, 45, 1); } .twBtn-danger2, .twBtn-alerte2 { background-color: #fafafa; border: 1px solid rgba(171, 45, 45, 1); color: rgba(171, 45, 45, 1); } .twBtn-danger2:hover, .twBtn-valider2:hover { background-color: #fff; } .twBtn-activable, .twBtn-activable:focus { border-bottom-width: 3px !important; border-bottom-style: solid !important; } .twBtn-active { -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5); box-shadow:0 0 10px rgba(0, 0, 0, 0.5); } .twTabLibelle { display: flex; align-items: center; font-weight: bold; margin: 0 3px; } .twInput-btn { height: 28px; border: 1px solid rgba(0, 0, 0, .1); } .twBtn-elips { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /** Bouton de navigation */ .twBtn-nav { background-color: #0c5460; border-radius: 30px; } /** Bouton de navigation actif */ .twBtn-navActif { background-color: #138699; border-radius: 30px; } .twBtn-nav:hover, .twBtn-navActif:hover { -webkit-animation: twAnim_zoomInOut 0.2s; -o-animation: twAnim_zoomInOut 0.2s; animation: twAnim_zoomInOut 0.2s; } .twBtn-A {width: auto; max-width: none; min-width: auto; } .twBtn-XS {width: 30px; max-width: 30px; min-width: 30px; } .twBtn-S {width: 100px;} .twBtn-M {width: 150px;} .twBtn-L {width: 200px;} .twTableHeader-icon {width: 30px;max-width: 30px;} .twTableHeader-text {min-width: 150px} .twBtn:disabled { background-color: #888; color: #333; } .twBtn-rond:hover { animation: none; } .twBtn-rond { border-radius: 50%; width: 30px; height: 30px; min-width: 0; } .twBtn-radius10 { border-radius: 10px; } .twBloc_filtre { padding: 10px; font-size: 10px; } .twBloc_filtre table td { padding: 10px; } .twRow { display: flex; } .twRow-reverse { flex-direction: row-reverse; } .twCenter { text-align: center; display: flex; justify-content: center; align-items: center; } .twMarge-medium { margin: 10px; } .twBloc { background-color: #fafafa; margin-top: 15px; } .twBloc-fullW { width: 100%; } .twBloc-fullWContainer table { width: 100%; } /* TimeLine */ .twTimeline { display: flex; justify-content: space-between; align-items: center; margin: 0 40px; height: 20px; position: relative; background-color: #888; } .twTimeline_progression { position: absolute; height: 20px; width: 0; left: 0; background-color: #000; z-index: 2; animation: linear 1.5s forwards; } @keyframes twTime_progression-1 { from {width: 0;} to {width: 100%;} } @keyframes twTime_progression-2 { from {width: 0;} to {width: 200%;} } @keyframes twTime_progression-3 { from {width: 0;} to {width: 300%;} } @keyframes twTime_progression-4 { from {width: 0;} to {width: 400%;} } .twTimeline_image { height: 33px; position: absolute; right: -40px; top: -13px; z-index: 2; } .twTimeline_progression-1 {animation-name: twTime_progression-1;} .twTimeline_progression-2 {animation-name: twTime_progression-2;} .twTimeline_progression-3 {animation-name: twTime_progression-3;} .twTimeline_progression-4 {animation-name: twTime_progression-4;} .twTimeline_bloc { display: flex; justify-content: space-between; height: 20px; width: calc(100% - 50px); position: relative; z-index: 1; } .twTimeline_blocArrow { grid-area: arrow; z-index: 2; position: absolute; right: 0; } .twArrow-right { position: absolute; right: -20px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid #2a3883; z-index: 2; } .twTimeline_icon { grid-area: icon; align-self: center; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; border: 1px solid #888; color: #888; display: flex; justify-content: center; align-items: center; font-size: 30px; z-index: 3; position: absolute; left: calc(50% - 30px); cursor: help; } @keyframes twTimelineIcon { to { color: #2a3883; border-color: #2a3883; } } .twTimeline_icon-valid-1-1 { animation: twTimelineIcon linear 2s forwards; } .twTimeline_icon-valid-1-2 { animation: twTimelineIcon linear 1s forwards; } .twTimeline_icon-valid-1-3 { animation: twTimelineIcon linear 2s forwards; } .twTimeline_icon-valid-1-4 { animation: twTimelineIcon linear 2s forwards; } .twTimeline_icon-valid-2-2 { animation: twTimelineIcon linear 2s forwards; } .twTimeline_icon-valid-2-3 { animation: twTimelineIcon linear 1.2s forwards; } .twTimeline_icon-valid-2-4 { animation: twTimelineIcon linear 1.4s forwards; } .twTimeline_icon-valid-3-3 { animation: twTimelineIcon linear 2s forwards; } .twTimeline_icon-valid-3-4 { animation: twTimelineIcon linear 3s forwards; } .twTimeline_icon-valid-4-4 { animation: twTimelineIcon linear 2s forwards; } /* Card */ #affichageListeArrivageBordereau, .twCard { background-color: #fafafa; margin-top: 15px; position: relative; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); } .twCard-padded { padding: 15px; } .twCard_title { position: absolute; top: -20px; width: 100%; font-size: 17px; display: flex; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .twCard_title h3 { max-width: 200px; text-align: center; background-color: #fafafa; border-bottom: 3px solid #f1a41e; color: #2a3883; width: 80%; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 5px; } .twCard_head, .twCard_infos { padding: 10px 0; } .twCard_infos, .twCard_footer, .twCard_content, .twCard_head { display: flex; flex-direction: column; justify-content: space-around; align-items: center; overflow: hidden; } .twCard_footer { padding: 5px; background-color: #2a3883; color: #fff; text-align: center; width: 100%; } .twCard_infos-baseline { align-items: baseline; } .twCard_content { margin-top: 10px; height: calc(100% - 10px); } .twCard_infos div { display: flex; justify-content: baseline; align-items: center; flex-direction: row; } .twCard_infos div { display: flex; justify-content: baseline; align-items: center; flex-direction: row; } .twCard_infos .fa { font-size: 20px; margin: 5px; } .twCard_infos-big .fa { font-size: 40px; } .fa-empty { visibility: hidden; } .twBetween { justify-content: space-between; } /* Header */ .twHeader_special { border-bottom: 5px solid #fafafa; width: 100%; display: flex; justify-content: center; background-color: #fff; } .twHeader_special .twLogo { height: 100%; max-width: 100vw; object-fit: contain; } .twClickable { cursor: pointer; } .twNoWrap { white-space: nowrap; } .twFloat-r { float: right; } #divCalendrierDansCalendrierPopup tr:nth-child(1) td, #divCalendrierDansCalendrierPopup tr:nth-child(2) td { background-color: #fff !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #divCalendrierDansCalendrierPopup .tdCalendrier:hover { background-color: rgba(0, 0, 0, 0.2); } #divCalendrierDansCalendrierPopup .tdCalendrierAujourdhui { background-image: none !important; background-color: rgba(0, 0, 0, 0.6); color: #fff; } #divCalendrierDansCalendrierPopup .tdCalendrier { background-image: none !important; /*background-color: ;*/ } .twGrid-double { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; } .twGridList { margin: 10px; display: grid; grid-template-columns: repeat(auto-fill, minmax(50px, 150px)); grid-gap: 10px; } .twGridList-v { grid-template-columns: auto; grid-template-rows: repeat(auto-fill, auto); grid-gap: 10px; } .twBloc-fullW { width: 100%; } .twField { margin: 0 3px; padding: 1px 3px; } .twField-s { width: 20px; } .pageBreak { page-break-after: always; } .twTextArea { border: 1px solid #f0f0f0; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); padding: 8px; box-sizing: border-box; margin: 4px; } .twTemplate_split { display: grid; grid-template: "liste" "edition"; grid-template-rows: 1fr 1fr; grid-template-columns: 100%; grid-gap: 10px; width: 100%; height: 100%; } .twTriSelect .twFlechesTri { display: none; } .twTriSelect > .twFlechesTri:nth-child(2) { display: block; } .twOverflow-a { overflow: auto; } .twTabVersionColor { display: flex; } .twTabVersionColor span { padding: 2px; } .twTabVersionColor_bloc { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5px; } .twListeTel { width: 100%; min-width: 950px; background-color: #fff; } .twListeTel thead th { font-weight: bold; } .twListeTel tbody tr:nth-child(odd) { background-color: rgba(0, 0, 0, .05); } .twListeTel tbody tr:hover { background-color: rgba(0, 0, 0, .1); } .twListeTel thead th { padding: 5px; } .twListeTel thead th.twHeaderAvecBouton { display: flex; align-items: center; } .twListeTel thead th.twHeaderAvecBouton .twBtn{ display: flex; margin-left: auto; right: 0; } .twListeTel thead th, .twListeTel tbody td { border-left: 1px solid rgba(0, 0, 0, .1); padding-left: 5px; } .twListeTel_versions { display: flex; width: auto; } @media screen and (min-width: 1260px) { .twTemplate_split { grid-template: "liste edition"; grid-template-rows: 100%; grid-template-columns: 1fr 1fr; } } .twTemplate_row { display: grid; grid-template-columns: repeat(auto-fill, 200px); grid-auto-rows: minmax(200px, auto); justify-content: space-between; } .twLoad { position: relative; width: 100%; height: 100%; } .twLoad-medium { width: 250px; height: 250px; } .twLoad_bleu { width: 80%; height: 80%; position: absolute; top: 0; left: 0; -webkit-animation: loading_reverse 1s ease-in-out infinite; -o-animation: loading_reverse 1s ease-in-out infinite; animation: loading_reverse 1s ease-in-out infinite; } .twLoad_jaune { width: 80%; height: 80%; position: absolute; top: 10%; left: 0; -webkit-animation: loading 1s ease-in-out infinite; -o-animation: loading 1s ease-in-out infinite; animation: loading 1s ease-in-out infinite; } @keyframes loading { 0% { -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -ms-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } 80% { -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); -o-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } 90% { transform: rotate(360deg) scale(1.3); -moz-transform: rotate(360deg) scale(1.3); -ms-transform: rotate(360deg) scale(1.3); -o-transform: rotate(360deg) scale(1.3); } 100% { transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); -o-transform: rotate(360deg) scale(1); } } @keyframes loading_reverse { 0% { -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -ms-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } 80% { -webkit-transform: rotate(-360deg) scale(1); -moz-transform: rotate(-360deg) scale(1); -ms-transform: rotate(-360deg) scale(1); -o-transform: rotate(-360deg) scale(1); transform: rotate(-360deg) scale(1); } 90% { transform: rotate(-360deg) scale(1.3); -moz-transform: rotate(-360deg) scale(1.3); -ms-transform: rotate(-360deg) scale(1.3); -o-transform: rotate(-360deg) scale(1.3); } 100% { transform: rotate(-360deg) scale(1); -moz-transform: rotate(-360deg) scale(1); -ms-transform: rotate(-360deg) scale(1); -o-transform: rotate(-360deg) scale(1); } } @media print { .tw_page_container-normal { left:0 !important; width:100% !important; } .tw_page_container { margin: 0; padding: 0; width: 100%; } body { overflow: auto !important; } .tri, .tw_page_container, .twFond, .twBloc, .twCard, .twCard_content, body { background: #fff !important; box-shadow: none; height: auto !important; } /* Flex pose des problèmes en impression sous Firefox */ #container { display: block; } .section, .noPrint { display: none !important; } #triPositionDetail { page-break-after: always; } /* Améliore la gestion des pages pour les tableaux html sous Firefox */ tbody::after { content: ''; display: block; page-break-after: always; page-break-inside: avoid; page-break-before: avoid; } } @media screen { .noScreen { display: none; } } .tw_nopadding{ padding: 0 !important; } .twTemperature { text-align: center; } .twTemperature #iconeGestionTemperatureChargement { margin-top: 16px; } .twhisto_dropbtn { background-color:#FFFFFF; font-size: 22px; border: none; cursor: pointer; } .twhisto_dropdown { position: relative; z-index: 1; display: inline-block; } .twhisto_dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 250px; max-width: 400px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; cursor: pointer; right: 0; } .twhisto_dropdown-list { overflow-y: auto; overflow-x: hidden; max-height:50vh; border-bottom: 3px solid #ddd; padding-bottom: 5px; } .twhisto_dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; font-size: 14px; width: 100%; white-space: nowrap; box-sizing:border-box; text-overflow: ellipsis; overflow: hidden; } .twhisto_dropdown-content a:hover {background-color: #ddd} .twhisto_show {display:block;} #twhisto_searchInput { box-sizing:border-box; width: 100%; background-image: url(../../images/histo/searchIcon.png); background-size: 26px 26px; background-position: 14px 10px; background-repeat: no-repeat; font-size: 16px; padding: 14px 20px 12px 45px; border: none; border-bottom: 1px solid #ddd; } #twhisto_searchInput:focus {outline: 3px solid #ddd;} #twhisto_emptyLink { background-image: url(../../images/histo/deleteIcon.png); background-size: auto 70%; background-position: center center; background-repeat: no-repeat; padding: 14px 20px 12px 45px; height: 25px; border: none; padding: 2px; color: rgba(171, 45, 45, 1); } .twhisto_fa_icon { -webkit-text-stroke: 1px #f1f1f1; } /** Slider : input de type "range" */ .range-slider { -webkit-appearance: none; appearance: none; height: 25px; background: #fff; border-radius: 8px; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; border: 1px solid rgba(0, 0, 0, 0.2); } .range-slider:hover {opacity: 1;} .range-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #079C63; cursor: pointer; } .range-slider::-moz-range-thumb { width: 25px; height: 25px; background: #079C63; cursor: pointer; } .range-sliderResult { font-size: 20px; font-weight: bold; color: #079C63; margin-left:150px; } .range-sliderResult2 { font-size: 12px; } .background_rouge{ background-color:rgba(255, 0, 0, 0.6); } .background_orange{ background-color:#FF7400; } .background_vert{ background-color:#00AC00; } /************************************************************************************ Mise en place d'un petit systeme responsive permettant l'affichage d'un grid de 12 colonnes de s'afficher sur 3 tailles d'écran: de 0 à 1024 de 1025 à 1200 plus de 1200 ***********************************************************************************/ .container{ display: block; text-align: center; margin-bottom: 16px; } .grid{ width: 100%; max-width: 100%; margin: 0 auto; border-color: black; padding: 8px 16px 0 16px; display: inline-block; } .vertical-align-top{ vertical-align: top; } .gutter{ margin-left: 8px; margin-right: 8px; } .display-inline-flex { display: inline-flex; } .toogleButton{ width:40px!important; } .toogleButton .toogleButtonHorizontal{ height: 110px; display: inline-flex; align-items: center; } .grid [class^="col-"]{ margin: 8px 0px; } .col-12{ width: 100%; float: left; } .col-11{ width: 91.666666666667%; float: left; } .col-10{ width: 83.333333333333%; float: left; } .col-9{ width: 75%; float: left; } .col-8{ width: 66.666666666667%; float: left; } .col-7{ width: 58.333333333333%; float: left; } .col-6{ width: 50%; float: left; } .col-5{ width: 41.666666666667%; float: left; } .col-4{ width: 33.333333333333%; float: left; } .col-3{ width: 25%; float: left; } .col-2{ width: 16.666666666667%; float: left; } .col-1{ width: 8.3333333333333%; float: left; } /** class permettant l'espacement entre 2 lignes*/ .container .clear{ clear: both; display: block; border: solid 1px black; } .grid.head { height: 38px; } .grid.head .btn{ margin: 0; } .grid .icon { width: 50px; } .grid .post-icon { width: auto; max-width:100px; } .grid .padding-right { padding-right: 24px; } .grid .left { text-align: left; } .grid .right { text-align: right; padding-right: 8px; } .grid .title { font-weight:bold; font-size:14px; line-height: 20px; } .grid .label { line-height: 21px; } .grid .pre-select { margin-right: 8px; } .grid select { display: block; } .grid .ajout-select { margin: 0; } .grid .ajout-select select { float: right; margin-right: 8px; } /** creation du contenu responsive sur 2 taille d'ecran*/ @media all and (min-width: 1025px) and (max-width:1200px) { .grid .padding-right { padding-right: 0px; } .col-md-12{ width: 100%; float: left; } .col-md-11{ width: 91.666666666667%; float: left; } .col-md-10{ width: 83.333333333333%; float: left; } .col-md-9{ width: 75%; float: left; } .col-md-8{ width: 66.666666666667%; float: left; } .col-md-7{ width: 58.333333333333%; float: left; } .col-md-6{ width: 50%; float: left; } .col-md-5{ width: 41.666666666667%; float: left; } .col-md-4{ width: 33.333333333333%; float: left; } .col-md-3{ width: 25%; float: left; } .col-md-2{ width: 16.666666666667%; float: left; } .col-md-1{ width: 8.3333333333333%; float: left; } } @media all and (max-width:1024px) { .grid .padding-right { padding-right: 0px; } .col-sm-12{ width: 100%; float: left; } .col-sm-11{ width: 91.666666666667%; float: left; } .col-sm-10{ width: 83.333333333333%; float: left; } .col-sm-9{ width: 75%; float: left; } .col-sm-8{ width: 66.666666666667%; float: left; } .col-sm-7{ width: 58.333333333333%; float: left; } .col-sm-6{ width: 50%; float: left; } .col-sm-5{ width: 41.666666666667%; float: left; } .col-sm-4{ width: 33.333333333333%; float: left; } .col-sm-3{ width: 25%; float: left; } .col-sm-2{ width: 16.666666666667%; float: left; } .col-sm-1{ width: 8.3333333333333%; float: left; } } .icon-fleche{ float: right; padding-right: 39px!important; } .cadreColorPicker{ border:2px solid black; width: 2em; } #emballagesConsignes{ width: 100%; } .ElementWs{ width: 600px; margin: 30px auto auto; top: 25%; left: calc(50% - 300px); box-shadow: 0 0 15px #2a3883; background-color: #fff; border-top: 10px solid #2a3883; position: absolute; padding: 0 30px 20px 30px; } /* interface telimobile suivi de tournée */ .affichage-flex-100 { width: 100%; display: flex; flex-direction: row; } .text-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #entete_ecran_pointage{ height: 50px !important; line-height: 20px !important; } #btnPopup_sCodeProduitUnique { margin-right: 10px; } /* interface du planning des livraisons avec rdv */ .planning-livraison-bloc1{ margin-top: 30px; margin-left: 1.5%; width: 30%; display: inline-block; background-color: #f5f5f5; border-bottom: 2px solid #e0e0e0; border-top: 1px solid #e0e0e0; box-sizing: border-box; } .planning-livraison-bloc1 > div.w40, .planning-livraison-bloc1 > div.w60, .planning-livraison-bloc1 > div.w100, .planning-livraison-bloc3 > div.w60, .planning-livraison-bloc3 > div.w40, .planning-livraison-bloc3 > div.w100{ padding: 2px 3%; border-left: 1px solid #e0e0e0; box-sizing: border-box; } .planning-livraison-bloc2{ margin-top: 30px; width: 63%; display: inline-block; vertical-align: top; background-color: #f5f5f5; border-bottom: 2px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; box-sizing: border-box; } .planning-livraison-bloc2 > div.w100, .planning-livraison-bloc2 > div.w16{ padding: 2px 3%; } .planning-livraison-bloc2 > div.ml22{ padding: 2px 0%; } .planning-livraison-bloc3 { margin-top: 30px; margin-bottom: 30px; margin-left: 1.5%; margin-right: 1.5%; width: 17%; display: inline-block; background-color: #f5f5f5; border-bottom: 2px solid #e0e0e0; } .planning-livraison-bloc3.bloc-selected, .planning-livraison-bloc3.bloc-selected > .w100{ background-color: #b8ec9b; border-bottom: 2px solid #97e869; } .planning-livraison-bloc3.bloc-selected > .w40{ border-left: 1px solid #97e869; } .planning-livraison-bloc3 > div.w40, .planning-livraison-bloc3 > div.w100, #planning-livraison-bloc4 .bloc-details > .w60, #planning-livraison-bloc4 .bloc-details-date, #planning-livraison-bloc4 .bloc-details-position:last-child, #planning-livraison-bloc4 .bloc-details-position-value:last-child{ border-right: 1px solid #e0e0e0; } .planning-livraison-bloc3 > div.w100{ border-top: 1px solid #e0e0e0; } #planning-livraison-bloc4{ width: 97%; margin-left: 1.5%; } #planning-livraison-bloc4 .bloc-details{ margin-top: 10px; } #planning-livraison-bloc4 .bloc-details > .w40, #planning-livraison-bloc4 .bloc-details > .w60, #planning-livraison-bloc4 .bloc-details-date{ padding: 2px 3%; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; box-sizing: border-box; } #planning-livraison-bloc4 .bloc-details-titre{ text-align: center; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; box-sizing: border-box; } #planning-livraison-bloc4 .bloc-details-sans-position{ width: 100%; padding: 2px 3%; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; box-sizing: border-box; } #planning-livraison-bloc4 .bloc-details-valider-creneau{ vertical-align: top; } #planning-livraison-bloc4 .bloc-details-valider-creneau > input{ margin-top: 15px; } #planning-livraison-bloc4 .bloc-details-valider-bouton{ padding: 2px 5px; } #planning-livraison-bloc4 .bloc-details-position-titre{ border-bottom: 1px solid #e0e0e0; } #planning-livraison-bloc4 .bloc-details-position-value{ width: 25%; padding: 2px 3%; text-align: left; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; box-sizing: border-box; } #planning-livraison-bloc4 .bloc-details-position{ width: 25%; text-align: center; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; box-sizing: border-box; } .fin-bloc{ background-color: #f5f5f5; border-bottom: 2px solid #e0e0e0; box-sizing: border-box; } .w40{ width: 40%; } .w60{ width: 60%; } .w16{ width: 16%; } .w74{ width: 74%; } .w50{ width: 50%; } .ml22{ margin-left: 22%; } .overflow-visible { overflow: visible; } #tableListeLigneSegment th{ background-color: #a29e9d; } #tableListeLigneSegment td{ background-color: #bbb9b9; } #tdButtonDetail { width : 11em; } .listeGestion .thTotaux{ background-color: #2a3883; color: white; min-width: 80px; min-height: 30px; text-align: center; } #totauxAffretement{ width: 890px; border-bottom: 1px solid #ddd; float:left; } #totauxAffretement span { background-color: #2a3883; color: white; display: inline-block; margin: 0 auto; font-weight: bold; width: 355px; text-align: center; border-right: 1px solid #ddd; } #tableTotauxAffretement{ width: 1000px; } table.tablePilotageAffretement thead { position: sticky !important; top: -15px; } ul.segmentationDetail li{ margin-left: 20px; } #divContentSelectionPosition .pagination{ margin: auto; width: 30%; padding: 10px; } #divContentSelectionPosition .pagination{ margin: auto; width: 30%; } .largeurInfoPopupBourseFret { width:250px; max-width:250px; } table.formulaires tr td select.select-typetemperature, #divFormulaireGestion select.select-typetemperature { padding-left: 2.5rem; height: 2.75rem; background-size: 1.5rem; background-position: left 0.5rem center; background-repeat: no-repeat; } table.formulaires tr td select.select-typetemperature.select-typetemperature-frais, #divFormulaireGestion select.select-typetemperature.select-typetemperature-frais { background-image: url(../../images/icones/typeTemperatureFrais.png); } table.formulaires tr td select.select-typetemperature.select-typetemperature-surgele, #divFormulaireGestion select.select-typetemperature.select-typetemperature-surgele { background-image: url(../../images/icones/typeTemperatureSurgele.png); } .libelle-cellule-typetemperature { display: flex; flex-direction: row; align-items: center; } .libelle-cellule-typetemperature > img { width: 1.5rem; margin: 4px 8px 4px 4px; } .twBtn-utilisateurTeliae { background-color: black !important; color: white !important; } #divTableModeRestitutionCR { margin: 0 5px; } .listeGestion .listeExport { display: none; position: absolute; background-color: #fff; } .listeGestion .listeExport p { cursor: pointer; } .twRespire { padding: 5px; display: block; } .listeGestion tr td.listeExport_contenant:hover .listeExport { display: block; } .twRelative { position: relative; } .tw-desactive { pointer-events: none; opacity: 0.3; } /* DEBUT CSS POUR LA LISTE DE L'ECRAN DE GESTION DES FACTURES */ .horizontal-scroll-column-facture{ overflow-x:auto; width:100%; } .horizontal-scroll-column-facture .listeGestion{ width: 90vw; display: block; overflow-x: auto; } .horizontal-scroll-column-facture .listeGestion tr { overflow-x:auto; } .horizontal-scroll-column-facture .listeGestion th, .horizontal-scroll-column-facture .listeGestion td { table-layout: fixed; max-width:205px; } .horizontal-scroll-column-facture .listeGestion tr td { background: #f5f5f5; } .horizontal-scroll-column-facture .listeGestion tr th:nth-child(1), .horizontal-scroll-column-facture .listeGestion tr th:nth-child(2), .horizontal-scroll-column-facture .listeGestion tr th:nth-child(3), .horizontal-scroll-column-facture .listeGestion tr td:nth-child(1), .horizontal-scroll-column-facture .listeGestion tr td:nth-child(2), .horizontal-scroll-column-facture .listeGestion tr td:nth-child(3), .horizontal-scroll-column-facture .listeGestion tr td:nth-child(4) { position:sticky; } .horizontal-scroll-column-facture .listeGestion tr th:nth-child(1), .horizontal-scroll-column-facture .listeGestion tr td:nth-child(1){ left:0; } .horizontal-scroll-column-facture .listeGestion tr th:nth-child(2), .horizontal-scroll-column-facture .listeGestion tr td:nth-child(2){ left:25px; } .horizontal-scroll-column-facture .listeGestion tr th:nth-child(3), .horizontal-scroll-column-facture .listeGestion tr td:nth-child(3){ left:50px; } .horizontal-scroll-column-facture .listeGestion tr th:nth-child(4), .horizontal-scroll-column-facture .listeGestion tr td:nth-child(4){ left:75px; } .horizontal-scroll-column-facture .listeGestion tr th:last-child, .horizontal-scroll-column-facture .listeGestion tr td:last-child { position:sticky; right:0; } /* FIN CSS POUR LA LISTE DE L'ECRAN DE GESTION DES FACTURES */ .telinsightFiltreActif{ background: lightgreen !important; }