/* GLOBAL */ /* Définition des couleurs */ /* Pour définir une variable : ajouter une ligne avec --var Pour l'utiliser par la suite, utiliser : var(--var) ATTENTION, ne fonctionne pas sur IE Exemple : déclaration : :root{ --couleurPrincipaleClient: #00aac2; } usage : .maclass { background-color: var(--couleurPrincipaleClient); } */ :root{ --colorGrisNoir : #000000; /* Menu / header */ --colorGrisSombre : #999999; /* Survols d'onglets */ --colorGrisClair : #ccc; /* Onglets */ --colorRouge : #ccc; /* survol menu */ --colorRougeFonce : #8B0000; /* hover menu */ --colorFiltreBckgd :#f6f5f5; /* fond / background des filtres */ --colorFiltreFont :#737373; /* couleur police des filtres */ --colorInput :#b5b6b3; /*contour des inputs*/ --colorLabelInput :#b1b1b1; /*label des inputs*/ --colorBouton:#d2d1d1; /* couleur des boutons */ --colorBleu:#2b98c5; /*bleu*/ --colorVert:#50a052; /*vert*/ --colorGrisFormulaire:#d9d9d9; /*couleur grise de fond des formulaires*/ --couleurRougeTransparent:#d90d152b; /* couleur rouge transparent pour le survol des BI*/ --couleurFondEntete: #364b56; --colorActionExpiree: #fbaeae; --colorActionExpireeMoyen: #EB9E9E; --colorActionExpireeFoncee: #ea6969; --colorActionDuJour: #ffd8a6; --colorActionDuJourMoyen: #EFC896; --colorActionDuJourFoncee: #ffad44; --colorActionAFaire: #a6d1ff; --colorActionAFaireMoyen: #96C1EF; --colorActionAFaireFoncee: #65adfb; } /* Définition des polices */ @font-face { font-family: "OpenSans"; font-weight: normal; font-style: normal; src: url('../inc_librairie/Font/OpenSans-Regular.ttf'); } @font-face { font-family: "OpenSans"; font-weight: normal; font-style: italic; src: url('../inc_librairie/Font/OpenSans-Italic.ttf'); } @font-face { font-family: "OpenSans"; font-weight: bold; font-style: normal; src: url('../inc_librairie/Font/OpenSans-Bold.ttf'); } @font-face { font-family: "OpenSans"; font-weight: bold; font-style: italic; src: url('../inc_librairie/Font/OpenSans-BoldItalic.ttf'); } @font-face { font-family: "OpenSans"; font-weight: 300; font-style: normal; src: url('../inc_librairie/Font/OpenSans-Light.ttf'); } @font-face { font-family: "OpenSans"; font-weight: 300; font-style: italic; src: url('../inc_librairie/Font/OpenSans-LightItalic.ttf'); } .bgAppliClient{background-color: #efefef;} .bgIconeClient{background-color: var(--bgIconeClient);} .colorClient{color: var(--colorClient);} /* div layout */ table, tr, td, th{margin: 0; padding: 0; border-spacing: 0; text-align: left} tr, td, th{margin: 0; padding: 2px; border-spacing: 0;text-align: left; } th{text-align: left} table {display: inline-table;} *{position: relative;box-sizing: border-box} body {height:100%; font-family: 'OpenSans', sans-serif;font-size:12px;background:transparent;vertical-align: top; margin: 0px; padding: 0px; text-align: center;color: var(--colorClient);} /* headers */ h1, h2, h3 {font: bold 1em 'Avenir', sans-serif;} h1 { font-size: 1.7em; color: var(--couleurPrincipaleClient); } h2 { font-size: 1.2em; color: var(--couleurPrincipaleClient); text-align: center; text-transform:uppercase;} h3 { font-size: 1em; color: #999; } p {margin: 3px 7px;color: #000000;} ul {color: #000;margin: 0px 0px 0px 0;padding: 0;text-decoration: none;} a {color: #000;text-decoration: none;border: none;outline:none;} a:hover {text-decoration: underline;} a:visited {color: #000;text-decoration: none;border: none;} /* FORMULAIRES */ input, textarea, select, .dropzone {border-radius:3px;border:1px solid var(--colorInput);min-height:20px;font-weight:normal;font-size:12px; font-family:'OpenSans', sans-serif;outline:none;} input{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important} input[type=number]{padding-right: 0px;} select{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;max-width: 190px;} textarea{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;} .input_form_popin_classique .inputNumberParametrage, .inputNumberParametrage{width: 50px;text-align: right} .rangebar.bar {width: 100% !important;} .champObligatoire{color: #8d0000; font-size: 15px;} .aRetour{} .aRetour::before{content:'< '} /* FIN FORMULAIRES */ .div_principal{vertical-align:top; text-align:left;height:100%;min-height: 900px;min-width:900px;position:relative; padding-bottom: 50px;overflow-x: hidden;} .div_principal.noBG{background: transparent} .div_principal.noBG:after{content: none;} .div_principal.hasMenu{padding-left: 100px; padding-top: 100px;min-height: 900px;padding-right: 15px; padding-bottom: 50px;min-height: 100vh} .div_principal:after{position: absolute; top: 0; left: 200%; bottom: 0; right: 0;content: ""; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px);animation: slideRight 0.7s linear} .div_page_centrale_param{display: flex; } .div_page_centrale_param div{margin: 20px; min-width:20%} .detail_dossier_gauche{display: block; float: left;} .OuvertureTabGrand .detail_dossier_gauche{width: 46%;} .detail_dossier_droit{display: block; float: left;}; .absolute{position:absolute;} p.msg_ok{color:#2b98c5;} p.msg_erreur{color:#e41771;} .align_left, .AlignLeft{text-align:left;} .align_right, .AlignRight{text-align:right;} .align_center, .AlignCenter{text-align:center;} .underline {text-decoration:underline;} .loading{opacity: 0;text-align: center; background: #fff;position: absolute; pointer-events: none;top: 0; left: 0; right: 0; bottom: 0; transition: 0.2s; min-height: 200px;} .loading:after{content: ""; background: url(../inc_images/design/picto/loader.png) no-repeat center center; width: 100px;height: 100px;display: inline-block;top: 50%;position: fixed;} .loading.visible{opacity: 0.5; z-index: 200000; pointer-events: auto;position: fixed;} .loading.visible:after{animation: rotate 1s linear infinite;} .picto_active{display: block; background: url("../inc_images/design/picto/picto_actif_bleu.png") no-repeat center center; background-size: contain; width: 20px; height: 20px;} .picto_desactive{display: block; background: url("../inc_images/design/picto/picto_inactif_rouge.png") no-repeat center center; background-size: contain; width: 20px; height: 20px;} .picto_acces{background: #000 url('../inc_images/design/picto/gestion-acces.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;} .picto_blocage{display: block; background: #000 url("../inc_images/design/picto/blocage2.png") no-repeat center center; width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;} .picto_clone{display: block; background: #000 url("../inc_images/design/picto/clone-jaune.png") no-repeat center center; width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;} .picto_save{display: block; background: url("../inc_images/picto/picto_save.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer} .picto_loupe{display: block; background: url("../inc_images/picto/view.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer} .picto_warning{display: block; background: url("../inc_images/picto_client/warning.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer; display: inline-block} .picto_btn_radio, .ui-icon.picto_btn_radio{background: url(../inc_images/design/picto/btn_radio.png) 0 0 no-repeat !important;width: 14px;height: 14px;} .picto_btn_checkbox, .ui-icon.picto_btn_checkbox{background:no-repeat center/100% url(../inc_images/design/picto/btn_checkbox.png)!important;width:14px;height:14px;} .picto_btn_select, .ui-icon.picto_btn_select{background:no-repeat center/100% url(../inc_images/design/picto/btn_select.png)!important;width:14px;height:14px;} .picto_btn_grille1, .ui-icon.picto_btn_grille1{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille1.png)!important;width:14px;height:14px;} .picto_btn_grille2, .ui-icon.picto_btn_grille2{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille2.png)!important;width:14px;height:14px;} .picto_btn_grille3, .ui-icon.picto_btn_grille3{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille3.png)!important;width:14px;height:14px;} .picto_btn_grille4, .ui-icon.picto_btn_grille4{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille4.png)!important;width:14px;height:14px;} .picto_btn_txtlong, .ui-icon.picto_btn_txtlong{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt.png)!important;width:14px;height:14px;} .picto_btn_txtcourt, .ui-icon.picto_btn_txtcourt{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt_court.png)!important;width:14px;height:14px;} .btn_txt_seul, .ui-icon.btn_txt_seul{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt_seul.png)!important;width:14px;height:14px;} .picto_btn_img, .ui-icon.picto_btn_img{background:no-repeat center/100% url(../inc_images/design/picto/btn_img.png)!important;width:14px;height:14px;} .picto_btn_num, .ui-icon.picto_btn_num{background:no-repeat center/100% url(../inc_images/design/picto/btn_numerique.png)!important;width:14px;height:12px;} .hide{display: none;} .displayFlex{display:flex;align-items:center} .demi{display: inline-block; width: 48%; vertical-align: top;padding: 20px;box-sizing: border-box;box-shadow: 2px 2px 8px #ccc;margin: 0 15px; transition: 0.3s} .demi:hover{box-shadow: 2px 2px 8px transparent;} .bgRouge, .bgOrange, .bgVert{display: inline-block; width: 50px; height: 23px; vertical-align: top; margin: 0 2px} .bgRouge{background: #ff3333 !important;} .bgOrange{background: #f58c46 !important;} .bgVert{background: #00cc00 !important;} .vert{color: #7ec9cd;} .orange{color: #e56a54;} .rouge{color: #e56a54;} .dtable{display: table; width: 100%;} .dcell{display: table-cell; vertical-align: top;} .dib{display: inline-block;vertical-align: top;} .fleche_bas{display: inline-block; vertical-align: top;width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;cursor: pointer;} .fleche_haut{display: inline-block; vertical-align: top;width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;cursor: pointer;} .absoRight{position: absolute; top: 3px; right: 3px;} .absoLeft{position: absolute; top: -0px; left: 3px;} fieldset{position: relative} .rond{width: 100px; height: 100px; border-radius: 50%; background: #2b98c5; color: #FFFFFF; line-height: 100px; font-size: 20px;display: inline-block;} .petit{font-size: 10px;} .tablePleinePage{width:100%;padding:5px;background: transparent;} .table3QuartPage{width:75%;padding:5px;background: transparent;} .floatLeft{float:left;} .floatRight{float:right;} label.champInvalide{color: #e56a54;} input.champInvalide, textarea.champInvalide{border-color: #e56a54} .picto_plus{display: inline-block; color: #33ff99; font-size: 25px;line-height: 20px;} .vcenter{top: 50%; transform: translateY(-50%); -webkit-transform: translatY(-50%);display: block;} .center{text-align: center} .souligne{text-decoration: underline;} .disabled{opacity: 0.6;} .dib{display: inline-block !important; vertical-align: top;} .dcell{display: table-cell;} .dtable{display: table; width: 100%;} .valign{vertical-align: middle;} .borderJaune{border-color: #33ff99;} .bgBlanc{background-color: #fff;} .bgNoir{background-color: #000;} .colorJaune{color: #33ff99 !important;} .colorBlanc{color : #fff;} .loader{width: 50px; height: 50px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);} .loader:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: url("../inc_images/design/picto/loader.png") no-repeat center center; background-size: contain; content: ""} .loader.actif:after{animation: rotate 1s infinite linear;} h2.titrePage{font-size: 38px; text-transform: uppercase;text-align: center; padding-right: 580px;margin: 0} .conteneurTitrePage{height: 100px;overflow: hidden; text-align: left} .conteneurTitrePage:after{content: "";position: absolute;width: 650px; background: url("../inc_images/design/ligne_sous_titre.png") no-repeat bottom 10px right; background-size: auto 44px;height: 100%; right: 0; top: 0;pointer-events: none;} .conteneurTitrePage:before{content: ""; position: absolute; right: 650px; top: 0; width: 100%;background: url("../inc_images/design/ligne_droite.png") repeat-x bottom 10px right;height: 100%;} .title_arrondi {width: auto;text-align: center; background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));border-radius:2px;padding:3px;display: block;color:#fff;margin : 10px 0px;font-weight:bold;} /* FIN GLOBAL */ /* MENU */ .topFixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 45} .menuSite{ width: auto; margin-left: auto; padding-right: 300px; display: table;background: #fff; } .menuSite .lien{margin: 3px 10px; color: #6f6f6f; font-size: 16px; text-decoration: underline; display: inline-block} .topAppli{height: 77px; background: var(--couleurFondEntete) ; text-align: left; transition: 0.3s linear; border-top: 5px solid var(--couleurPrincipaleClient)} .logoMenu{display: inline-block; vertical-align: top; height: 100%; width: 170px; background: url("../inc_images/design/bandeau.png") no-repeat center left;margin-left: 70px;} .logoMenu a{display: block; width: 100%; height: 100%;} /*.menuCompte{position: absolute; top: 20px; right: 50px; width: 50px; height: 100%;color:#000;} .menuCompte a{text-decoration: none;}*/ .titreMenuCompte{color: #fff; font-size: 20px; text-transform: uppercase; top: 30%; transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block;text-align: center} .nomCompte{bottom: 30px;position: absolute; right: 5px; text-align: left; color: #fff; transition: 0.3s; font-weight: bold; } a.menuMonCompte, a.menuMonCompte:hover, a.menuMonCompte:visited{color: #fff;padding:5px;border-radius:3px;font-size:10px} a.menuMonCompte:hover{background-color:var(--bgIconeClient)} .menuHaut {position: absolute; top:0;width:60px;height:100%;} .menuHaut.menuParam {right: 100px; } .menuHaut .picto{width:100%; height:100%;background-size: 36px;opacity:1;display:inline-block} .menuHaut .picto:hover{opacity:1;} .pictoParam{background: url("../inc_images/design/picto/pictoParam.png") no-repeat center center;} .pictoMaintenance{background: url("../inc_images/design/picto/EBS_maintenance.png") no-repeat;} .pictoMaintenanceAdm{background: url("../inc_images/design/picto/EBS_maintenance_admin") no-repeat;} .pictoChantier{background: url("../inc_images/design/picto/EBS_menuis-macon.png") no-repeat;} .pictoMesInter{background: url("../inc_images/design/picto/EBS_mes_interventions.png") no-repeat;} .pictoGestInter{background: url("../inc_images/design/picto/EBS_gestion_inter.png") no-repeat;} .pictoParamGeneral{background: url("../inc_images/design/picto/parametre-black.png") no-repeat;} span.pictoWarning{background: url("../inc_images/design/picto_attention.png") no-repeat center center;display:inline-block; width:15px;height:15px;background-size:15px;margin-right:5px;} span.pictoActif{background: url("../inc_images/design/actif.png") no-repeat center center;display:inline-block; width:15px;height:15px;background-size:15px;margin-right:5px;} span.pictoAttention{background: url("../inc_images/design/picto/picto_attention.png") no-repeat center center;display:inline-block; width:20px;height:20px;background-size:20px;margin-left:10px;} .pictoDelete{background: var(--bgIconeClient) center/70% url("../inc_images/design/picto/delete.png") no-repeat;display:inline-block;vertical-align:middle; width:15px;height:15px;margin:0 5px;border-radius:90px; padding:12px;} .menu_top{ position: relative; /*display:none;*/ left: -160px; top:-10px; max-height: 0; overflow: hidden;background: #fdfdfd; width: 100%;border-radius:5%; min-width:250px; box-shadow:1px 1px 2px var(--colorRougeFonce)} .menuParam:hover .menu_top{max-height: 500px; padding: 15px 0; transition: 0.8s; /*display:block;*/} .menu_top .menu_top_item{ min-height:20px;display: flex;flex-wrap: nowrap; flex-direction: row;align-items: center;text-decoration: none; background-size:20px; background-position:left center; margin:10px 0 0 10px; padding-left:25px;font-weight:bold; } .menu_top .menu_top_item:hover{text-decoration: underline;} .menu_top .menu_top_item.lien{color: var(--colorGrisNoir); font-size: 12px; padding-right: 5px;} /*.menu_top .menu_top_item .picto{width: 50px;padding-right: 10px;height:25px;}*/ .sousmenuTop a{padding-left:40px;font-size: 10px; } #menuGauche{background: linear-gradient(to right, var(--couleurPrincipaleClient) 100%, transparent);box-shadow: none;width: 70px;transition: 0.1s;text-align: left;position: fixed;top: 77px;height: 100%;transition: 0.3s linear;left: 0;z-index: 10;margin-bottom: 8px;overflow: hidden;padding-top: 50px;} #menuGauche.open, #menuGauche:hover {background:linear-gradient(to right, var(--couleurPrincipaleClient) 150px, transparent);width: 300px;} #menuGauche.open .lien, #menuGauche:hover .lien{opacity: 1;} #menuGauche table{width: 100%;margin-top:20px /*pour avoir accès au sous menu*/} #menuGauche .boutonOpen{position: absolute; top: 0; left: 0; width: 70px; height: 70px; background: url(../inc_images/design/picto/pictoOuvreMenu.png) no-repeat center;cursor: pointer;} #menuGauche.open .boutonOpen{background: url(../inc_images/design/picto/pictoCroixMenu.png) no-repeat center;} .menu_gauche{text-align:left;padding: 0;margin: 0;display: flex;flex-wrap: nowrap; flex-direction: row; height: 50px;line-height: 50px;transition: 0.3s; font-size:14px; font-weight:bold;} .menu_gauche:hover{text-decoration: none;opacity:1;} .menu_gauche:hover:before{position: absolute; width: 80%; content: ""; height: 100%;background: linear-gradient(to right, rgba(54,75,86,0.5) 150px, transparent); border-radius: 10px;top: 0; left: 5px;} /*.menu_gauche .picto{width: 70px;background: url("../inc_images/design/menu/picto_param.png") no-repeat center center;} .menu_gauche .lien{opacity: 0; transition: 0.5s ease-in; color: #fff; width: 230px; text-align: left; text-decoration: none !important; padding-left: 5px;} */ /* Liste des pictos du menu */ .menu_gauche.picto{min-width:70px;height:50px;background-size:36px;opacity:0.8;z-index:200;margin:5px 0;} /*couleur bckgd différente que ci-dessous pour identiifer les mansques de picto*/ .menu_gauche.selected.picto{opacity:1;} .menu_gauche .pictoMenu{position: absolute; top: 0; left: 0; width: 70px; height: 90%; background-size: 50% auto !important;} .menu_gauche .pictoMenu.lienClientMenu {background: url("../inc_images/design/picto/pictoClients.png") no-repeat center ;} .menu_gauche .pictoMenu.lienDossier {background: url("../inc_images/design/picto/pictoDossiers.png") no-repeat center ;} .menu_gauche .pictoMenu.lienFacturation {background: url("../inc_images/design/picto/pictoFacturation.png") no-repeat center ;} .menu_gauche .pictoMenu.lienParams {background: url("../inc_images/design/picto/pictoParams.png") no-repeat center ;} .menu_gauche .pictoMenu.lienPointage {background: url("../inc_images/design/picto/pictoPointage.png") no-repeat center ;} .menu_gauche .pictoMenu.lienStat {background: url("../inc_images/design/picto/pictoStat.png") no-repeat center ;} .menu_gauche .pictoMenu.lienTarifs {background: url("../inc_images/design/picto/pictoTarifs.png") no-repeat center ;} #menuGauche .sousmenu { display: block; /*left: 100%;*/ left:70px; min-height: 50px; border-radius:0 5px 5px 0; z-index:0; transition: 0.4s; opacity: 0; } #menuGauche:hover .sousmenu, #menuGauche.open .sousmenu{ display:block; /*transition: 5.5s ease-out; */ opacity: 1; left:70px; } #menuGauche table tr:first-child td{padding-top: 20px;} #menuGauche table tr:first-child td .sousmenu{margin-top: 0px;} .sousmenu ul {margin:0; padding:0; list-style:none;} .sousmenu li {margin:0; padding:0 5px; list-style:none;text-align:left} .sousmenu .lien{ color: #fff; width: 250px; text-align: left; padding-left:0px; text-decoration: none !important; } .sousmenu .lienMenu{ color: #fff; text-align: left; padding:0 5px; font-weight: bold; font-size:14px;} .sousmenu ul li:not(:first-child) a:hover{font-weight: bold; text-decoration: none;} .titrePage{position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%);color: #fff; font-size: 23px; text-transform: uppercase;line-height: 72px;} .titrePage:after{position: absolute; bottom: -5px; left: 50%; content: ""; transform: translateX(-50%);background: var(--couleurPrincipaleClient); border-radius: 5px;height: 10px; width: 100px;} /* FIN Liste des pictos du menu */ /* FIN MENU */ /* BOUTONS */ .btn{display: inline-block;border-radius:3px;padding: 7px 25px;color: #ffffff !important;width: auto;cursor: pointer;text-align: center;font-size:12px;vertical-align: middle;transition: 0.3s;border: none;background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));} .btn:hover{color:#ffffff !important;text-decoration:none;} .btn.disabled{opacity: 0.5} .btn_add:after{content:""; display:inline-block; width:15px; height:15px;background: var(--bgIconeClient) center/65% url("../inc_images/design/picto/add.png") no-repeat; vertical-align: middle; margin-left:5px;border-radius:90px;padding:4px;} .petit_btn{display: inline-block;border-radius:15px;padding: 25px 25px;color: #000 !important;width: auto;cursor: pointer;text-align: center;font-size:14px;vertical-align: middle;transition: 0.3s;border: none;} .petit_btn:hover{text-decoration:none;transition:box-shadow .3s ease;filter: drop-shadow(2px 2px 3px var(--colorFiltreFont));} .petit_btn.disabled{opacity: 0.5} /*.petit_btn_add:after{content:"+"; vertical-align: middle; margin-left:5px;font-size:20px}*/ .petit_btn_minus:after{content:"-"; vertical-align: middle; margin-left:5px;font-size:20px} .petit_btn_del:after{content:"x"; vertical-align: middle; margin-left:5px;font-size:20px} .petit_btn_invisible{visibility: hidden;} .petit_btn.ajoutDossierRecouvrement{background: no-repeat center/contain url("../inc_images/design/ajout_dossier.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutAction{background: no-repeat center/contain url("../inc_images/design/ajout_action.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutSociete{background: no-repeat center/contain url("../inc_images/design/ajout_user.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutArticle{background: no-repeat center/contain url("../inc_images/design/ajout_presta.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutTarif{background: no-repeat center/contain url("../inc_images/design/ajout_tarif.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutPenalite{background: no-repeat center/contain url("../inc_images/design/ajout_presta.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.petit_btn_valide{background: no-repeat center/contain url("../inc_images/design/enregistrer_2.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.petit_btn_abandonner{background: no-repeat center/contain url("../inc_images/design/abandonner.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.petit_btn_reprendre{background: no-repeat center/contain url("../inc_images/design/reprendre.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutDoc{background: no-repeat center/contain url("../inc_images/design/ajout_doc.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutFacture{background: no-repeat center/contain url("../inc_images/design/ajout_facture.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutMessage{background: no-repeat center/contain url("../inc_images/design/ajout_doc.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutUtilisateur{background: no-repeat center/contain url("../inc_images/design/ajout_user.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.ajoutGroupe{background: no-repeat center/contain url("../inc_images/design/ajout_groupe.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.petit_btn_calcule{background: no-repeat center/contain url("../inc_images/design/calculer.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.petit_btn_finalise{background: no-repeat center/contain url("../inc_images/design/finaliser.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.petit_btn_test{background: #374a55;border-radius: 10px; padding: 5px 10px; color: #fff !important; margin-left: 5px;} .petit_btn.importDossierRecouvrement{background: no-repeat center/contain url("../inc_images/design/enregistrer.png");image-rendering:-webkit-optimize-contrast;} .petit_btn.analyseDossierRecouvrement{background: no-repeat center/contain url("../inc_images/design/voir.png");image-rendering:-webkit-optimize-contrast;} .petit_btn_datatable{display: inline-block !important;width: auto !important;cursor: pointer !important;text-align: center !important;font-size:14px !important;vertical-align: middle !important;transition: 0.3s !important;border: none !important;background: #374a55 !important;border-radius: 10px !important; padding: 5px 10px !important; color: #fff !important; margin-left: 10px !important;margin-bottom: 0px !important} /* FINS BOUTONS */ /* TABLEAU / TABLE */ /*table tr:nth-child(odd){background-color:#fdfdfd}*/ /* FIN DATATABLE */ /* DATATABLE */ .table_liste{width:100%;} /* FIN DATATABLE */ /* POPIN */ /* .popin_classique {padding:10px;text-align:justify;text-indent:5px;background:transparent;border-radius:.5em;} .popin_classique.popin-content {padding:10px;} .popin_classique.popin-content p {padding:0;margin:0 0 1em;}*/ .popin-content{overflow:hidden !important;overflow-y:auto !important;} .popin-content .fond_popin_classique tr, .popin-content .fond_popin_classique th, .popin-content .fond_popin_classique td {padding:5px 20px;} table.fond_popin_classique{width:100%; height:100%; background:#ebebeb /*url("../inc_images/design/logo_w_gris_transparent.png") no-repeat bottom center*/; font-weight:normal; font-size:8pt; color:var(--colorClient); margin-top: 0px;border-radius: 5px;} table.fond_popin_grande{width:100%; height:750px; background:#ebebeb /*url("../inc_images/design/logo_w_gris_transparent.png") no-repeat bottom center*/; font-weight:normal; font-size:8pt; color:var(--colorClient); margin-top: 0px;border-radius: 5px;} table.fond_popin_compteur{width:900px; height:580px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; } table.popin_suivi_releve{width:1080px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; } table.popin_suivi_export{width:960px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; } table.popin_do_export{width:450px; height:300px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; } tr.titre_popin{background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient)); height:30px; font-size:10pt; color:#ffffff; text-align: left;margin : 10px 0px;font-weight:bold;} tr.titre_popin td{text-align: left} .title_arrondi {width: auto;text-align: center; background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));border-radius:2px;padding:3px;display: block;color:#fff;margin : 10px 0px;font-weight:bold;} /* FIN GLOBAL */ tr.bas_popin{background-color:transparent; height:30px; font-size:10pt; color:#ffffff; background-repeat:repeat-x;} table.fond_popin_classique .dataTables_wrapper{min-height: 0} table.conteneur_popin_classique{text-align: left;padding:5px;box-sizing: border-box} table.conteneur_popin_releve{border:1px solid #c0c0c0; text-align: left} tr.titre_popin_classique{color:#fff; font-size:10pt; height:25px; text-align: left; margin-left:5px;} tr.titre_popin_classique td{text-align: center;} tr.submit_popin_classique{background-color:#2b98c5; color:#ffffff;font-weight:bold; height:25px} td.lib_form_popin_classique{color:var(--colorClient); font-weight:normal; padding-left:2px; padding-right:2px; min-width:20%; width:auto;padding-top:1px; padding-bottom:1px; text-align: left} td.input_form_popin_classique{color:var(--colorClient); font-weight:normal; padding-left:2px; padding-right:2px; min-width:30%; width:auto; padding-top:1px; padding-bottom:1px; text-align: left;display:flex;align-items:center;} td.lib_form_popin_classique_mini{color:#2b98c5; font-weight:normal; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px; text-align: left} td.input_form_popin_classique_mini{color:#2b98c5; font-weight:normal; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px; text-align: left} td.td_close_popin{text-align: right; padding-right: 10px;} td.input_form_popin_classique input{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;} td.input_form_popin_classique input[type=number]{padding-right: 0;} td.input_form_popin_classique select{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;} td.input_form_popin_classique textarea{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;min-height:100px} tr.submit_popin_classique td input{color:#000000; font-weight:bold; text-align:center; font-size:8pt; width:auto;padding-left: 5px;padding-right: 5px;} .popin_close_cross{background-image: url('../inc_images/design/picto/close.png');background-repeat: no-repeat;width: 20px;height:20px;position: absolute; z-index: 2; background-size: contain;right: 15px; top:7px; cursor: pointer;} td.lib_form_popin_classique.align_right{text-align: right} .input_form_popin_classique input,.input_form_popin_classique select{width: 200px;} .input_form_popin_classique input[type='checkbox'],.input_form_popin_classique input[type='radio']{width: auto} .input_form_popin_classique input, .input_form_popin_classique select, .input_form_popin_classique textarea{width: 250px;} /*tr td.lib_form_popin_classique, */ tr td th.input_form_popin_classique{ padding: 5px 0; /*border-bottom : 1px solid #eee;*/} td.contenu_popin_classique{width:780px; vertical-align: top;} table.contenu_popin_classique{width:780px; vertical-align: top;} /*tr td.lib_form_popin_classique:before { content:""; display: inline-block; width: 17px; height: 17px; margin-right:5px; margin-left:5px;background: url('../inc_images/design/puce.png') transparent no-repeat; vertical-align:middle;}*/ .input_form_popin_classique input.widthInit, .input_form_popin_classique select.widthInit, .input_form_popin_classique textarea.widthInit{width: initial;} /* FIN POPIN */ /* TABLEAU DROITS */ tr.tab_liste_selected{background-color:var(--colorGrisClair); color:#000;} .tableauDroits{background: #fff;} .tableauDroits thead tr{background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));} .tableauDroits thead th:first-child{width:15%;} .tableauDroits thead th{padding:5px 10px; color:#fff;font-weight:bold;} .tableauDroits tr:nth-child(even){background:#efefef;} .tableauDroits td:first-child{border-right:1px solid var(--colorGrisSombre)} .tableauDroits td{color:var(--colorClient); padding:2px 5px;} .tableauDroits tbody tr:hover{background:var(--colorBleu)} /* FIN TABLEAU DROITS */ /* Fil d'Ariane */ div.FilAriane{color:#2b98c5; font-size:10pt; float:left;padding-left:15px;} div.FilAriane a{color:#2b98c5;text-decoration:none; border:none; padding-left:8px; padding-right:8px; outline:none; font-size:10pt; } div.FilAriane a:visited{color:#2b98c5;text-decoration:none; border:none; padding-left:8px; padding-right:10px;} div.FilAriane a:hover{color:#2b98c5; text-decoration:underline;} /* FIN Fil d'Ariane */ /* PARTIE SITE (si existante) */ .menu_page{text-align: left;} /* FIN PARTIE SITE */ /* PICTOS DATATABLE */ /*.liste_voir{background: var(--bgIconeClient) url('../inc_images/design/picto/voir.png') center center;background-repeat: no-repeat;width:40px !important;height:35px !important;border-radius: 40%; background-size: 60% auto;cursor: pointer;display:inline-block;vertical-align:middle;}*/ .liste_user{background: var(--bgIconeClient) url('../inc_images/design/picto/liste-contact.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;} .liste_selection{background: var(--bgIconeClient) url('../inc_images/design/picto/slect-adresse.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;} .liste_add_contact{background-image: url('../inc_images/picto_client/add-min.png');image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px;height:20px;} /*.liste_add{background: var(--bgIconeClient) url('../inc_images/design/picto/save.png') center center;background-repeat: no-repeat;width:40px !important;height:35px !important;border-radius: 40%; background-size: 60% auto;cursor: pointer;}*/ .liste_close{background: var(--bgIconeClient) url('../inc_images/design/picto/annuler.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:40px !important;height:35px !important;border-radius: 40%; background-size: 60% auto;cursor: pointer;} .liste_info{background-image: url('../inc_images/design/picto/info2.png');image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px;height:20px;background-size: 100% auto; } .liste_sauvegarde_nuage{background: var(--bgIconeClient) url('../inc_images/design/picto/enregistrer2.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;} .liste_avis{background: var(--bgIconeClient) url('../inc_images/design/picto/avis_jaune.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;} .liste_upload{background: var(--bgIconeClient) url('../inc_images/design/picto/enregistrer.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;} .liste_tel{background: url('../inc_images/design/picto/phone.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:24px !important;height:24px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .rondPictoGroupe{background:var(--couleurPrincipaleClient); width:20px;height:20px;margin-right:5px !important} .picto.pictoGroupeClients{background: url("../inc_images/design/picto/clients.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;background-size: 15px;width:15px;height:15px;display:inline-block;margin-top:2px;margin-left: 2px;} /*.liste_activer{background: url('../inc_images/design/picto/Pictos_Activer.png') center center;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_desactiver{background: url('../inc_images/design/picto/Pictos_Desactiver.png') center center;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;}*/ .liste_valider{background: url('../inc_images/design/picto/Pictos_Valider.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_copy{background: url('../inc_images/design/picto/Pictos_Copier.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_mail{background: url('../inc_images/design/picto/Pictos_Envoi_mail.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_non_paye{background: url('../inc_images/design/picto/Pictos_Non_paye.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_paye_client{background: url('../inc_images/design/picto/Pictos_Paye_client.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_paye_reaction{background: url('../inc_images/design/picto/Pictos_Paye_Reaction.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_pdf{background: url('../inc_images/design/picto/Pictos_PDF.png') center center;background-repeat: no-repeat;image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_word{background: url('../inc_images/design/picto/Pictos_Word.png') center center;background-repeat: no-repeat;image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_relance{background: url('../inc_images/design/picto/Pictos_Relancer.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_retard{background: url('../inc_images/design/picto/Pictos_Retard.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} /*.liste_modif{background: url('../inc_images/design/picto/Pictos_Crayon.png') center center;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_delete{background: url('../inc_images/design/picto/Pictos_Poubelle.png') center center;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;}*/ .liste_modif{background: no-repeat center/contain url("../inc_images/design/modifier.png");image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_exec_action{background: no-repeat center/contain url("../inc_images/design/execute_action.png");image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_delete{background: no-repeat center/contain url("../inc_images/design/supprimer.png");image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_activer{background: no-repeat center/contain url("../inc_images/design/reprendre.png");image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_desactiver{background: no-repeat center/contain url("../inc_images/design/annuler_desactiver.png");image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .petit_btn_annule{background: no-repeat center/contain url("../inc_images/design/annuler_desactiver.png");image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_add{background: no-repeat center/contain url("../inc_images/design/enregistrer_2.png");image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_voir{background: no-repeat center/contain url("../inc_images/design/voir.png");image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .liste_action{background: no-repeat center/contain url("../inc_images/design/ajout_action.png");image-rendering:-webkit-optimize-contrast;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .toggleIfModif.hide{display: none;} .lock{background: url('../inc_images/design/picto/unlock.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px !important;height:20px !important;cursor: pointer;display:inline-block;vertical-align:middle;} .unlock{background: url('../inc_images/design/picto/lock.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px !important;height:20px !important;cursor: pointer;display:inline-block;vertical-align:middle;} /* FIN PICTOS DATATABLE */ /* FILTRES */ /*.DivFiltre{display: inline-block; vertical-align: top;margin: 0 4px; text-align: left}*/ .contentFiltre{display:inline;vertical-align: top; width: 1000px} .labelFiltre{padding: 5px; text-align: right;font-size: 15px;color:var(--colorClient);} .inputFiltre{height: 30px;padding: 2px;} .inputFiltre input, .inputFiltre select{height: 100%; border: none; background: #f1f1f1; font-size: 15px;} td.legende, div.legende, span.legende{font-size: 25px; font-weight: bold;text-transform: uppercase;text-align: left; /*padding-left: 20px;*/display: inline-block; vertical-align: top;background-color:transparent; padding:5px; color:#000;} fieldset.Filtre{max-width: 1000px;margin: auto; text-align: left;border-radius:10px;} .filtre_favoris{} .filtre_favoris_img_jaune{ background:url('../inc_images/design/picto/favoris.png') no-repeat left center;image-rendering:-webkit-optimize-contrast;} .filtre_favoris_img_vert{ background:url('../inc_images/design/picto/favoris_vert.png') no-repeat left center; image-rendering:-webkit-optimize-contrast;} .filtre_favoris_img_rouge{ background:url('../inc_images/design/picto/favoris_rouge.png') no-repeat left center;image-rendering:-webkit-optimize-contrast;} /* FIN FILTRES */ /* TINYMCE */ .defaultSkin table.mceToolbar{display: block !important;} .tabsParam .mce-container{margin: auto} /* FIN TINYMCE */ /* TOAST */ .jq-has-icon{box-sizing: border-box;} /* FIN TOAST */ /* TABS */ li.ui-tabs-tab{border-top-left-radius: 20px;border-top-right-radius: 20px;font-size:12px;padding:0px !important;} .ui-tabs .ui-tabs-panel{position: relative} .ui-tab.ui-state-disabled{width: 0; opacity: 0 !important; margin: 0 !important; border: 0 !important; padding: 0 !important;} .ui-tabs.ui-widget.ui-widget-content{border: none !important;padding: 0; background: transparent !important;} .ui-tabs .ui-tabs-nav{padding: 0 !important; background: none !important;} .ui-tabs .ui-tabs-nav li{border-radius: 0;border: none; background: #f6f6f6;transition: 0.3s; margin:0 5px 0 0 !important; margin-right: 20px !important; border-radius: 5px 5px 0 0;position: relative;} .ui-tabs .ui-tabs-nav li:after{display: block; position: absolute; content: ""; background: var(--couleurPrincipaleClient); top: 15px; left: -10px; width: 20px; height: 5px; border-radius: 5px;} .ui-tabs .ui-tabs-nav li.ui-tabs-active, /*.ui-tabs .ui-tabs-nav li:hover,*/ .ui-tabs .ui-tabs-nav li:hover a{background: linear-gradient(to bottom right, #f4d5d0 10px, transparent 60px) !important; color: #000 !important; border: none !important;} .OuvertureTabGrand .ui-tabs .ui-tabs-nav li.ui-tabs-active{background: linear-gradient(to bottom right, #f4d5d0 10px, #fff 60px) !important; } .ui-tabs .ui-tabs-nav li a{/*font-weight: bold;/*text-transform: uppercase; */font-size:14px;} .ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active a:link, .ui-tabs .ui-tabs-nav .ui-state-active a:visited{ color: #000 !important; font-weight: bold; } .ui-tabs .ui-tabs-nav li a:after { content: ''; display: block; margin: auto; height: 1px; width: 0; margin-top:5px; padding:1px; background: transparent; transition: width .5s ease, background-color .5s ease; } .ui-widget-header{border: none !important;background:#c2c2c2 !important;} .ui-widget{font-family: "OpenSans", sans-serif !important;} /* FIN TABS */ /* DATATABLE */ .textareaDatatable{width: 100%; height: auto;} .dataTables_paginate{max-width: 100%;} .dt-buttons{float: right} .export-excel{width: 20px; height: 20px; background: url("../inc_images/design/picto/excel.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;display: inline-block;vertical-align: top;background-size: contain;} .export-pdf{width: 35px; height: 35px; display: inline-block;vertical-align: top;border-radius: 50%; background: #000 url("../inc_images/design/picto/pdf.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: 60% auto;} .table_liste .liste_voir.hide{display: none;} .multiselectDatatable{width: 150px;} .ui-multiselect{max-width: 100% ;} .table_liste .ui-multiselect{max-width: 100%;} .dataTables_wrapper{margin-bottom: 30px;} .table_liste .liste_modif a.zone_href, .table_liste .liste_delete a.zone_href{display: block; width: 100%; height: 100%;float: none;} .dt-button{border: none; background: #000;padding: 7px;margin-bottom: 5px;height: 40px; width: 40px;transition: 0.3s; box-sizing: border-box; vertical-align: top;cursor: pointer;} .dt-button span{display: block; width: 100%; height: 100%;} .dt-button span .export-excel{width: 100%; height: 100%; background-size: contain;} .dt-button span .export-pdf{border-radius: 0;width: 100%; height: 100%; background-size: contain;} .dt-button:hover{padding: 6px;} .table_liste, .table_liste table{max-width: none;} .table_liste tr.inactif{font-style: italic;background-image: repeating-linear-gradient(-45deg,transparent,transparent 5px,#e6e6e6 5px,#e6e6e6 10px)} /* FIN DATATABLE */ /* Page Parametrage des listes */ .paramListes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} .paramListe{width: 460px;padding: 10px;box-sizing: border-box;/*border: 1px solid #ccc;*/ margin: 15px;box-shadow: 2px 2px 8px #ccc; transition: 0.3s} .paramListe:hover{box-shadow: 2px 2px 8px transparent;} .menuListes{display: inline-block; width:330px; vertical-align: top; text-align: left;font-size:12px;} .menuListes a{display: block;margin: 2px 0; cursor: pointer;color:var(--colorClient);text-decoration:none} .menuListes a i{padding:8px 5px} .menuListes a:hover{background:var(--colorGrisClair)} .menuListes a.selected{font-weight: bold; /*color: var(--couleurPrincipaleClient);*/background:var(--colorGrisClair)} .paramListes{display: inline-flex; width: calc(100% - 340px);width: -webkit-calc(100% - 340px); vertical-align: top} .paramListe{flex-grow: 1;} /* FIN Page Parametrage des listes */ /* AUTOCOMPLETE */ .ui-autocomplete{max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index: 10000 !important} .ui-autocomplete .ui-state-active{box-sizing: border-box} .ui-autocomplete{text-align: left} .ui-autocomplete.ui-widget-content .ui-state-active{border: none; margin: 0px;} .ui-autocomplete.ui-widget-content .ui-state-active{background: var(--colorFiltreBckgd); color: var(--colorFiltreFont)} /* FIN AUTOCOMPLETE */ /* DATEPICKER */ .ui-datepicker { z-index: 9999 !important; } .datepicker {width: 90px;} /* FIN DATEPICKER */ /* CHOSEN */ .chosen-results li{font-size: 10px !important;} .chosen-container{/*position: absolute !important;*/ -webkit-transition: width 1s; transition: width 1s; top: 3px;padding-bottom:8px;} .chosenVille{padding-bottom:10px !important;} /* FIN CHOSEN */ /* Espace disque */ .InfosStats{color: var(--colorClient);} .InfosStats p{color: var(--colorClient);margin-left:auto;margin-right:auto;width:500px;} .InfosStats p label{display:block;float:left;width:200px;} .InfosStats p input{float:left;} .InfosStats h1, .InfosStats h2 {margin-bottom: 5px;padding: 5px;color: #ffffff;text-transform: uppercase;font: normal bold 15px verdana, tahoma, arial;background: linear-gradient(to right, var(--couleurPrincipaleClient), 50%, var(--colorClient));} /* FIN Espace disque */ /* Connexion / Inscription / mdp oublié */ .contentMdpOublie{position: relative; font-weight: bold; width:380px; color:#fff; margin:10px;} .infosMDP{position: absolute; left: calc(100% + 5px); top: 0; width: 200px;background: rgba(0, 0, 0, 0.8); text-align: left !important; z-index: 4;padding: 10px; border-radius: 10px; color: #fff;} .listeConditions{padding-left: 25px;text-align: right} .infosMDP:before{position: absolute;top: 50%; top: calc(50% - 10px);top: -webkit-calc(50% - 10px); content: ""; right: 100%; border: 10px solid transparent; border-right: 10px solid rgba(0, 0, 0, 0.8);} .listeConditions .condition{font-weight: bold; position: relative;} .listeConditions .condition.condPassOk{color: #65c462} .condPassNOk{color: red} .listeConditions .condition.condPassOk:after{content: "";position: absolute; left: -30px;margin-left: 3px;top: 0; width: 15px; height: 100%; background: url("../img_global/picto/check_petit.png") no-repeat center center; image-rendering:-webkit-optimize-contrast;background-size: contain;} #formChangeMdp{text-align: center} a.lien_mdp_oublie{color:#000;text-align:right;padding-left:20px;line-height:25px} .bgConnexion{width: 100%; height: 800px; height: 100vh; background: transparent url(../inc_images/design/bg.png) no-repeat center center;image-rendering:-webkit-optimize-contrast; text-align: center; min-height: 900px;background-repeat:no-repeat;background-size:cover;} .divConnexion{margin: auto;width: 550px; height: 650px; padding-top:40px; margin-bottom: 90px;background: rgba(255,255,255,0.5);border: 1px solid var(--couleurPrincipaleClient); border-radius: 5px;} .logoConnexion{width: 460px; height: 100px; background: url("../inc_images/design/logo_plein.png") no-repeat top center; image-rendering:-webkit-optimize-contrast;background-size: contain; display: block; margin: auto; margin-bottom: 10px;} .saisie_formulaire{width: 380px; margin: auto;text-align:left;display: flex; flex-direction: row; justify-content:space-between; } .saisie_formulaire input, .saisie_formulaire span {vertical-align:middle} a.lienConnexion, .lienConnexion{color: #b2b2b2; font-size: 23px;margin-bottom: 10px; display: inline-block} .divConnexion h2{color: #fff; margin-top: 10px;} .divConnexion.divInscription{padding-top: 60px;font-size: 16px; color: #fff} .divConnexion.divInscription .logoConnexion{width: 350px; height: 60px;margin-bottom: 20px;} .labelInscription{font-size: 16px;color: #b2b2b2; cursor: pointer; transition: 0.2s; border: 1px solid #4a4b4d;padding: 10px; display: block;} .labelInscription:hover,.divConnexion input[type="radio"]:checked ~ label{color: #fff;border: 1px solid #fff; } .containerRadio{display: inline-block; width: 48%;margin: 18px 0px; } .containerRadio:first-child{margin-right: 2px;} .containerRadio:last-child{margin-left: 2px;} .checkMention{padding: 0 60px;} .btnConnexion{display: block;width: 100%; height: 100%; border: none; background: transparent;line-height: 180px;color: #fff;font-weight: bold;font-size: 45px;text-transform: uppercase; cursor: pointer; text-align: center; } .divBtnConnexion:hover .conteneurImageBouton{animation: rotate 1s linear infinite} .btnConnexion:focus{outline: none;} .divConnexion.divInscription .divBtnConnexion{width: 150px; height: 150px; left: 90%; bottom: 45px;} .divConnexion.divInscription .btnConnexion{line-height: 150px;} .divBtnConnexion{display: block; position: absolute; width: 180px; height: 180px; bottom: -80px; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); } .conteneurImageBouton{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background : #33ff99 url("../inc_images/design/lueur_interne.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;border-radius: 50%;border: 10px solid #2f3031;} .divConnexion .divBtnConnexion{left: 90%; bottom: 45px;width: 150px; height: 150px;} .divConnexion .btnConnexion{line-height: 150px;} input.input_connexion{line-height: 20pt;text-align: left;width: 280px;background: transparent; border: 1px solid #000; color: #000; box-sizing: border-box;font-size: 14px;width: 100%; padding: 10px 20px; font-weight: normal;outline:none; text-align: right;margin: 5px auto;border-color: #b6bbbd;border-radius: 5px;} input.input_connexion::placeholder{color:#000} .btn_connexion{} .btn_connexion .btn{width:380px;border-radius:3px; background: linear-gradient(to right, transparent, var(--couleurPrincipaleClient)); color: #fff;text-align: right;padding: 10px 20px; font-size: 17px; text-transform: uppercase;} .home_msg_bienvenue{font-weight:700;font-size: 25px;;margin:20px;} .home_msg_bienvenue_detail{font-size: 20px;font-weight:400;} .divConnexion:after{position: absolute; top: 100%; height: 50px; width: 100%; left: 0; background: url(../inc_images/design/login/ombre_btn.png) center bottom no-repeat;image-rendering:-webkit-optimize-contrast;content: "";} /* FIN Connexion / Inscription / mdp oublié */ /* NOTIFICATIONS */ .infosLive{position: absolute; top: 15px; right: 160px; transition: 0.3s; text-align: center} .notifModif{display: inline-block; color: #e56a54; font-size: 11px; padding-right: 20px;width: 300px;position: absolute; top: 5px; right: 0;text-align: right;} .notifModif .fermerNotif{position: absolute; top: 5px; right: 0;width: 10px; height: 10px;cursor: pointer; background: url("../inc_images/design/picto/annuler2.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: contain;} #Notifications{position: fixed; bottom: 0; right: 0; width: 300px; height: 0px;transition: 0.3s; z-index: 46000} #Notifications .pictoFermer{display: none;position: absolute;width: 30px; height: 30px; top: -15px; left: -15px;background: url("../inc_images/design/picto/close2.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;background-size: contain;z-index: 40; cursor: pointer;} #Notifications .contentPicto{display: none;width: 60px;position: fixed; bottom: 0; right: 0;background: rgba(64,64,64,1);padding-top: 5px;padding-left: 10px;cursor: pointer;height: 40px;transition: 0.3s} #Notifications.open .contentPicto{right: -60px;} #Notifications.open{height: 300px;} #Notifications.open .pictoFermer{display: block;} #Notifications .pictoNotif{width: 30px; height: 30px;background: url("../inc_images/design/picto/mail-white.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: contain;} #Notifications.hasNotif .pictoNotif{background: url("../inc_images/design/picto/mai.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: contain;} #Notifications .nbNotif{display: none;} #Notifications.hasNotif .nbNotif{position: absolute;top: 3px; left: 30px;color: #fff; width: 20px; height: 20px; background: #e56a54; border-radius: 50%;display: block;line-height: 20px; text-align: center; animation: zoom 1s infinite} #listeNotifs{width: 100%; height: 300px; overflow-y: auto;position: absolute; top: 0;background: rgba(64,64,64,0.8);} #listeNotifs .info,.notif{background: rgba(0,0,0,0.8);padding: 10px;border-bottom: 1px solid; color: #fff;} .notif.vue{background: transparent; color: #fff} .notif a{color: #b40c64;display: block;} .notif.vue a{color: #fff;} .rondPictoNotification{text-transform: uppercase;width: 55px;font-size: 12px;display: inline-block;cursor: pointer;} .rondPictoNotification .picto{background:url("../inc_images/design/picto/pictoMessage.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;width:40px; height:40px; line-height:70px;background-size: 100%; margin: auto;} .rondPictoNotification.hasNotif .picto{background: url("../inc_images/design/picto/pictoMessage.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;background-size: 100%} .rondPictoNotification .nbNotif{display: none;font-size: 12px;} .rondPictoNotification.hasNotif .nbNotif{position: absolute;top: -8px; left: 25px;color: #fff; width: 25px; height: 25px; background: #e56a54; border-radius: 50%;display: block;line-height: 25px; text-align: center; animation: zoom 1s infinite} /* FIN NOTIFICATIONS */ /* Tooltips */ .fctHover{float:right;width: 20px; height: 20px;} .fctHover:hover .hoverFct{display: block;z-index: 45800} .fctHover .hoverFct{position: absolute;z-index: 45; left: 50%; top: 50%;color: #ffffff; background:#999; width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;} /* FIN Tooltips */ /* MULTISELECT */ .ui-multiselect{max-width: 200px;} .ui-multiselect-checkboxes .ui-corner-all span{display: inline-block; vertical-align: text-top; width: calc(100% - 20px); width: -webkit-calc(100% - 20px)} .ui-widget.ui-widget-content.ui-multiselect-menu{border-radius: 0; padding: 0;border: 1px solid #000} .ui-widget-header.ui-multiselect-header{background: var(--colorFiltreBckgd); } .ui-multiselect.ui-state-active{background: var(--colorFiltreBckgd); color: var(--colorFiltreFont); border: 1px solid var(--colorInput); border-radius: 0;} .ui-widget-content .ui-multiselect-checkboxes .ui-state-hover{background: var(--colorFiltreBckgd); color: var(--colorFiltreFont)} .hasInfo{margin-right:5px;} .info_multiselect .contenu_info{padding: 5px;text-align: left;position: absolute; top: 50%; left: 50%; display: block; height: auto; background: #f1f1f1; border-radius: 5px;z-index: 45000;display: none; width: 200px;color: #000} .info_multiselect:hover .contenu_info{display: block;} .info_multiselect:hover{z-index: 450000} /* FIN MULTISELECT */ /* JQUERY CONFIRM */ .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover,.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:var(--colorBouton) !important;} /* FIN JQUERY CONFIRM */ /* TABLEAUX DE BORD */ .listeAPuce{display: inline;background: url("../inc_images/design/picto/rond.JPG") no-repeat center center; image-rendering:-webkit-optimize-contrast;background-size:20px;width:20px;height:20px;} .TDBListes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} .TDB{width: 550px;padding: 10px 10px 20px 10px;box-sizing: border-box;/*border: 1px solid #ccc;*/ margin: 25px 15px 15px 30px;box-shadow: 2px 2px 4px #ccc; transition: 0.3s} .TDB:hover{box-shadow: 4px 4px 16px #ccc;} .TDBTable td{text-align:left;padding:5px 30px 0px 0px; } .TDBTitle{padding-left:50px;font-size:20px;text-transform: uppercase;} .TDBTitleNumber{padding-right:30px;float:right;position:absolute;top:20px;right:20px;} .TDBTitleNumber2{padding-right:30px;float:right;position:absolute;bottom:25px;right:20px;} .TDBLibelle{padding:0px 50px 5px 5px;width:450px;display:inline-block;} .TDBNumber{float:right;} .TDBLibelle, .TDBNumber,.TDBLibelle:visited, .TDBNumber:visited,.TDBLibelleAvis,.TDBLibelleAvis:visited{color:#000;} .TDBLibelle:hover, .TDBNumber:hover,.TDBLibelleAvis:hover{color:#33ff99;} /* FIN TABLEAUX DE BORD */ /* SUPER SESSION (test user) */ .superSession{padding:5px;margin:10px;background: #e56a54;font-weight: bold;} .superSessionBack{font-weight: normal;text-decoration:underline;cursor: pointer;} /* FIN SUPER SESSION (test user) */ /* DOCUMENTS */ .infoNB{font-size: 10px; font-style: italic;} /* FIN DOCUMENTS */ /* PARAM DESIGN */ .previsuImage{width: auto; height: auto;margin: auto;max-width: 350px;overflow: hidden;} .previsuImage img{max-width: 100%; height: auto;display: block; margin: auto;} .previsuImagePrincipale{background: var(--couleurPrincipaleClient);} .previsuImageFond{background: var(--bgAppliClient);} .previsuCouleur{width: 100px; height: 20px; margin: auto;} #param_style{background: #fff;text-align: center;} .tableClassique{width: auto;text-align: left;background: transparent;} .tableClassique td{text-align: left;padding: 5px 40px;border-left: 1px solid;border-top: 1px solid} .tableClassique td:first-child{border-left: none;} .tableClassique tr:first-child td{border-top: none;} .tableClassique th{background-color: var(--couleurPrincipaleClient);color: #fff;padding: 5px 40px;} .tableClassique tr:hover td{background-color: var(--colorGrisClair)} .center-table{display: table; margin: 0 auto;} /* FIN PARAM DESIGN */ /* SORTABLE ou DRAG&DROP */ .list-drag-drop.ui-sortable li .handle{ cursor: grabbing; } .list-drag-drop{ list-style: none; } .placeholder-bg{ border: 1px solid #cacaca; padding: 5px; } #list_question_modif{width:auto; margin: 20px auto 0;} .delete_question.pictoDelete{position: absolute;right: 10px; bottom: 5px;} #list_question_modif li{margin-bottom: 15px;} .bg_question{background: #f1f1f1; padding: 10px 10px 30px 10px;} .type_question{display: block; position: absolute; right: 10px; top: 5px;} .handle.fa-grip-horizontal.handle{display: block;text-align:center;padding-bottom:20px;} /* FIN DRAG & DROP*/ /* FORMULAIRE */ .container_flex_row{display: flex; flex-flow: row wrap; justify-content:space-between; margin: 0 5px; } .question_bouton .input_bouton{text-align: center; white-space: normal;cursor: pointer;border-radius: 10px !important; font-weight: bold; background: #fff;} .question_bouton .input_bouton:hover{background-color: var(--colorGrisFormulaire);} .question_bouton{margin-top: 20px;} .question_illustration{border: 1px solid black; border-radius: 10px; padding: 5px; text-align: center;cursor: pointer;margin-top: 20px;} .question_illustration:hover{background-color: var(--colorGrisFormulaire);} .question_illustration img{border: 1px solid black; border-radius: 10px;cursor: pointer;} .question_illustration input{border: none; background: transparent; padding-top: 5px;cursor: pointer;} .question_selecteur img{vertical-align: middle; margin-right: 15px;} .question_selecteur .bg_reponse{background-color:var(--colorGrisFormulaire); padding:5px 60% 5px 10px; border-radius: 10px;} .liste_question_selecteur{list-style: none; width: 100%;} .liste_question_selecteur li{margin-bottom: 15px;} .liste_question_selecteur input{width: 20px;} .div_numerique { position: relative; width: 100%;} .input_numerique { display: block; padding: 10px 10px 10px 20px; width: 90%; border: 1px solid black; border-radius: 10px;} .unite_numerique { position: absolute; display: block;right: 15%; top: 10px; z-index: 9; font-weight: bold;} .liste_question_tableau{list-style: none; width: 100%;} .liste_question_tableau li{margin-bottom: 15px;} .liste_question_tableau .libellereponse_numerique{border: 1px solid black;border-radius: 10px; font-weight: bold; width: 50%; margin-right: 10%;padding: 10px 10px 10px 20px;} .liste_question_tableau input.input_numerique{width: 40%;} .liste_question_tableau .unite_numerique{right: 5%;} .bg_question_formulaire{background:var(--colorGrisFormulaire); height:80px;} .question_formulaire{font-size: 1.5em; border: 1px solid black; border-radius: 5px; text-align: center; white-space: normal;display: flex; justify-content: center; align-items: center;background: #fff;margin: -5px 5px 15px 5px; font-weight: bold;} .titre_formulaire{font-size: 1.5em; text-align: center; white-space: normal;display: flex; justify-content: center; align-items: center;background: #fff;margin: -5px 5px 15px 5px; font-weight: bold;} .question_catalogue{border: 1px solid black; border-radius: 10px; padding: 10px; text-align: center; cursor: pointer; margin-top:20px;} .question_catalogue:hover{background-color: var(--colorGrisFormulaire);} .picto_actif.submit{ background:url('../inc_images/design/picto/picto_actif.png') no-repeat left center;image-rendering:-webkit-optimize-contrast; width: 20px; height: 20px; background-size: 20px; cursor: pointer;} .container_flex_validation{display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;} .image_formulaire{text-align: center;margin-top: 5px;} .visualisation_formulaire{margin: 0 auto;} .visualisation_formulaire .container_formulaire{margin: 0 auto 70px auto; border:1px solid var(--colorGrisFormulaire); padding: 20px;} /* image à la place d'un input file */ .FormInputFile{font-size:20px;vertical-align:middle;} /* remplacement si il y a un element avec la class FormInputFile avant */ .FormInputFile + input[type='file']{ position: absolute; margin-top: 3px; margin-left: 3px; height: 1px; width: 1px; z-index: -5; } .SpanInfoFile{width:auto; height:20px; border:1px solid red; display:none/*inline-block*/;} .list_question_modif{} .imgup{vertical-align:middle} /* FIN FORMULAIRE */ @media screen and (max-width: 1300px){ h2.titrePage{font-size: 28px;} } /* DATATABLE BI */ #Table_liste_bi{border-bottom: none; border-spacing: 0 0.5em;} #Table_liste_bi th{background-color: white; border-bottom: none;} /* Permet de faire les separations dans le header du datatable */ #Table_liste_bi th:nth-child(3):before{height: 65%; content: ""; right: 0; bottom: 5px; position: absolute; border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi th:nth-child(4):before{height: 65%; content: ""; right: 0; bottom: 5px; position: absolute; border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi th:nth-child(5):before{height: 65%; content: ""; right: 0; bottom: 5px; position: absolute; border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi th:nth-child(6):before{height: 65%; content: ""; right: 0; bottom: 5px; position: absolute; border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi th:nth-child(7):before{height: 65%; content: ""; right: 0; bottom: 5px; position: absolute; border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi th a{color: black !important} #Table_liste_bi td{border: none;border-bottom: 1px solid var(--colorLabelInput); border-top: 1px solid var(--colorLabelInput);} #Table_liste_bi td:first-child{border-left: 1px solid var(--colorLabelInput); border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #Table_liste_bi td:last-child{border-right: 1px solid var(--colorLabelInput); border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #Table_liste_bi td:nth-child(3){border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi td:nth-child(4){border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi td:nth-child(5){border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi td:nth-child(6){border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi td:nth-child(7){border-right: 1px solid var(--colorLabelInput);} #Table_liste_bi tbody tr td.bg_urgent {background-color: var(--couleurRougeTransparent);} .filtre_date_bi{width: 45%; display: flex;border: 1px solid var(--couleurPrincipaleClient); border-radius: 5px;} .filtre_date_bi .container_flex_row{width:360px;} .filtre_date_bi .container_flex_row span{width:180px;} .container_flex_row input[type="checkbox"]{vertical-align: middle;} .dropdown-menu{display: none; position: absolute; top: 170%;} .show_flex{display: flex !important;} .dropdown_filtre{position: absolute; top: -70px; right: 25%;} #toutFiltreBI .dropdown-menu{background-color:#dddddd; padding:10px;} #toutFiltreBI .datepicker{width: 120px;} .flex_basis_210 span{flex-basis: 210px;} /* FIN DATATABLE BI */ /* VISUALISATION BI */ #flex_container_bi{border: 1px solid var(--couleurPrincipaleClient); border-radius:5px;} #NumeroBI{background: var(--couleurPrincipaleClient); color: white; font-weight: bold;padding:10px;border-top-right-radius: 5px; border-top-left-radius: 5px;width:130px;} #NumeroBI span:first-child{font-size: 18px;} #NumeroBI span:nth-child(2){font-size: 11px;} #flex_col_document{width: 150px;background:#dddddd;} .bg_urgent_bi{background: var(--colorRougeFonce); border-radius: 5px;color:white;} #situationLogement{font-weight: bold; width: calc(100% - 30px);margin:0;padding:10px;} #flex_col_visualisation_document .pictoAttention{top: 20px;margin: 0 auto;} #situationLogement div:first-child{width:100%; align-items: center; height: 40px;} #situationLogement img{border: 1px solid black; border-radius: 90px; width: 25px;vertical-align:middle;margin-right:10px;} .mr_25{margin-right: 25px;} .ml_25{margin-left: 25px;} #NumeroOS{color: red; font-weight: bold} #InformationsEbs{color: red} #form_bi_modif select, #form_bi_modif button.ui-multiselect, #form_bi_modif textarea, #form_bi_modif input:not([type='checkbox']), #form_bi_creation select, #form_bi_creation button.ui-multiselect, #form_bi_creation textarea, #form_bi_creation input:not([type='checkbox']){height: 40px; width: 100%; text-align: center;margin-bottom:10px;} #form_bi_creation select, #form_bi_creation button.ui-multiselect, #form_bi_creation textarea, #form_bi_creation input:not([type='checkbox']){height: 40px; width: 80%; text-align: center;margin-bottom:10px;} .soulign_tr td{text-align: center; border-bottom: 1px solid grey; color: grey; font-weight: bold;} .souligne_under_tr td{padding-top: 10px; text-align: center;} .souligne_under_tr td input, .souligne_tr + tr td select, .souligne_tr + tr td textarea{width: 80% !important;} .souligne_tr{margin-bottom: 10px; padding-top: 10px;} .souligne_tr td{padding-bottom: 10px; border-bottom: 1px solid grey; font-weight: bold; color: grey; text-align: center; padding-top: 50px;} /* FIN VISUALISATION BI */ /* .menuCompte .pictoParam{background: url("../inc_images/design/picto/picto_parametrage.png") no-repeat center right;} .menuCalendrier{position: absolute; top: 20px; right: 100px; width: 50px; height: 100%;} .menuCalendrier a{text-decoration: none;} .menuCalendrier .pictoCalendrier{background: url("../inc_images/design/picto/picto_calendrier.png") no-repeat center right;width:35px; height:35px;background-size: 36px;opacity:0.8;} .menuRdv{position: absolute; top: 20px; right: 150px; width: 50px; height: 100%;} .menuRdv a{text-decoration: none;} .menuRdv .pictoRdv{background: url("../inc_images/design/picto/picto_rdv.png") no-repeat center right;width:35px; height:35px;background-size: 36px;opacity:0.8;} .menuCarte{position: absolute; top: 20px; right: 200px; width: 50px; height: 100%;} .menuCarte a{text-decoration: none;} .menuCarte .pictoCarte{background: url("../inc_images/design/picto/picto_plan.png") no-repeat center right;width:35px; height:35px;background-size: 36px;opacity:0.8;} */ .contenuPage{background: #fff; padding: 0 40px 40px 40px; border-radius: 0 0 10px 10px; box-shadow: 5px 5px 20px #ccc} input.input_numerique_court {width: 60px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important} input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important} td.input.input_numerique_court {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important} td.input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important} td.input.input_numerique_court[type=number] {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important} td.input.input_numerique_long[type=number] {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important} td.input_form_popin_classique input.input_numerique_court[type=number] {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important} td.input_form_popin_classique input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important} /* style pour liste factures */ .grouplabel th {background-color: var(--couleurFondEntete); color: white;} .tbfact {width: 100%;} .tbfact td {border:1px solid var(--colorGrisSombre)} .clear { clear: both; } /* style formulaire factures */ .table_form_fact {display: table; width: 100%; border: 1px solid white;} .table_form_fact tr {line-height: 26px;} #form_fact_droite {display: block; float: right;} #form_fact_gauche {display: block; float: left;} /* div affichage suivi dossier*/ .divSuivi {padding-left: 10px; padding-right: 10px; border: 1px solid var(--colorInput); border-radius: 3px; background-color: white; width: 800px; height: 400px; overflow-x: auto;} .divCom {padding-left: 10px; color: gray;} .spanCom{color:var(--couleurFondEntete);font-weight: bold;} .divAction {padding-left: 10px; padding-right: 10px; width: 800px;} .containerFlex{display: flex; flex-direction: row; flex-wrap: wrap;} .containerFlex .partieGauche{width: 35%;} .containerFlex .partieDroite{width: 65%;padding-left: 40px;} .containerFlex .contenu_mid_gauche{width: 50%;padding-right: 20px;} .containerFlex .contenu_mid_droite{width: 50%;padding-left: 20px;} .ActionExpiree {background-color: var(--colorActionExpiree) !important;} .ActionDuJour {background-color: var(--colorActionDuJour) !important;} .ActionAFaire {background-color: var(--colorActionAFaire) !important;} .detailLegende{width: 33%;} .colorLegende{width: 50px; height: 20px;margin-left: 10px;} #previsuMail,#previsuMail table, #previsuMail tr:not(.titre_popin), #previsuMail td, #previsuMail tbody, #previsuMail iframe{height: 100%;} li.ui-multiselect-disabled{display: none!important;} /*.previsuAction iframe{display: none;} .previsuAction.showIframe iframe{display: initial;} .previsuAction h2{text-align: left;cursor: pointer;}*/ #suiviAction{width: 100%; height: 100px;} .td_boutons {padding: 5px;} .fc-timegrid-slot { height: 3em !important; border-bottom: 0 !important; } .FieldFiltre legend{cursor: pointer;} .FieldFiltre legend .openFiltre:after{content: " - "; font-weight: 700;} .FieldFiltre.closed legend .openFiltre:after{content: " + ";} .FieldFiltre.closed .DivFiltre{display: none;} #adresseVille{width: 162px;} .jq-toast-wrap.bottom-right{z-index: 90000 !important} html.hasPopin{overflow: hidden !important;} #Table_ConfigEmail{background: #fbfbfb;} #Table_ConfigEmail td{padding: 2px;border-bottom: 1px solid;border-right: 1px solid #aaa;} #Table_ConfigEmail td:first-child{border-left: 1px solid #aaa;} #Table_ConfigEmail tr:first-child td{border-top: 1px solid #aaa;} #Table_ConfigEmail label{font-weight: bold;} .RechercheGenerale{position: absolute; top: 22px; left: 340px;} .RechercheGenerale input.rechercheGlobale{width: 200px; height: 28px; line-height: 28px; border: 1px solid #a0a0a0; border-radius: 5px; background: transparent; color: #ddd;font-size: 15px;vertical-align: top;} .RechercheGenerale input.loupeSubmit{width: 28px; height: 28px; background: url("../inc_images/design/loupe_recherche.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;vertical-align: top;cursor: pointer;border: none;} .fonctionnalite{display: inline-block;width: 49%;margin-right: 15px;vertical-align: top;} /* affichage import des dossiers */ .table_recap_import {display: table; border: 1px solid white;} .table_recap_import th {border:1px solid var(--colorGrisSombre);font-weight: bold;} .table_recap_import .titreRecap {font-weight: bold;font-size: 10pt;} .colorAlerte{color: var(--couleurPrincipaleClient);} select:focus{border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);} /* statistiques */ .table_stat{border:0px solid #a9a9a9; font:normal normal 11px "OpenSans", sans-serif;width:100%;padding: 5px;} .table_stat th{color:#000;font-size:12px;padding:2px;text-align: left; padding: 0 4px;} .table_stat tr{border-bottom:1px solid #a9a9a9;} .table_stat td{color:var(--colorClient);font-size:12px;padding:2px;text-align: left; padding: 0 4px;border-bottom: 1px solid #aaa; height: 36px;} .table_stat td div{margin:0px;margin-left:auto;margin-right:auto;} .table_stat td a{padding:0px;text-decoration:none;color:var(--colorClient)} .table_stat td a:hover{text-decoration:underline;} .table_stat a.zone_href{float:left;width:26px;height:26px;margin-left:auto;margin-right:auto;} .table_stat a.zone_href_petit{float:left;width:15px;height:15px;margin-left:auto;margin-right:auto;} .table_stat .couleur1_pro{background-color: #D9E2F3;} .table_stat .couleur1_part{background-color: #B4C6E7;} .table_stat .couleur1_tot{background-color: #8EAADB;} .table_stat .couleur2_pro{background-color: #FBE4D5;} .table_stat .couleur2_part{background-color: #F7CAAC;} .table_stat .couleur2_tot{background-color: #F4B083;} .table_stat .total_pro{background-color: #E2EFD9;} .table_stat .total_part{background-color: #C5E0B3;} .table_stat .total_tot{background-color: #A8D08D;} /* style en plus pour les menus tinymce */ .mce-menu, .mce-floatpanel {position:fixed !important;}