/* 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; --colorActionExpireeFoncee: #ea6969; --colorActionDuJour: #ffd8a6; --colorActionDuJourFoncee: #ffad44; --colorActionAFaire: #a6d1ff; --colorActionAFaireFoncee: #65adfb; } @keyframes pulse{ 0% {transform: scale(0.9);} 50% {transform: scale(1);} 100% {transform: scale(0.9);} } @keyframes rotate{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } /* 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'); } @font-face { font-family: "OCR"; font-weight: 300; font-style: normal; src: url('../inc_librairie/Font/OCRAStd.otf'); } @font-face { font-family: "Raleway"; font-weight: normal; font-style: normal; src: url('../inc_librairie/Font/Raleway-Regular.ttf'); } @font-face { font-family: "Raleway"; font-weight: normal; font-style: italic; src: url('../inc_librairie/Font/Raleway-MediumItalic.ttf'); } @font-face { font-family: "Raleway"; font-weight: bold; font-style: normal; src: url('../inc_librairie/Font/Raleway-Bold.ttf'); } @font-face { font-family: "Raleway"; font-weight: bold; font-style: italic; src: url('../inc_librairie/Font/Raleway-BoldItalic.ttf'); } @font-face { font-family: "Raleway"; font-weight: 300; font-style: normal; src: url('../inc_librairie/Font/Raleway-Thin.ttf'); } @font-face { font-family: "Raleway"; font-weight: 300; font-style: italic; src: url('../inc_librairie/Font/Raleway-ThinItalic.ttf'); } .bgAppliClient{background-color: var(--bgAppliClient);} .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: 'Raleway', 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 'Raleway', 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:'Raleway', 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;} 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;transition: padding-right .2s ease;} .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: 5px; padding-bottom: 50px;min-height: 100vh} .div_principal.hasMail{padding-right: 75px;} .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; width:100%;} .detail_dossier_gauche{display: block; float: left;} .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: 32px;height: 32px;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;} .loading.contain.visible{position:absolute;justify-content: center;align-items: center;display: flex;} .loading.contain::after{position:absolute;top:initial;left:initial;} .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: 81px; background-image:url("../inc_images/design/header.png");background-repeat: no-repeat;background-position: top; text-align: left;background-size: calc(100% - 270px);} .topFixed::before{ position: absolute; content:''; height: 15px; width:100%; left: 0; top:0; background: linear-gradient(to right, #383838 50%, #4c4c4c 50%); z-index:-1; } .logoMenu{display: inline-block; vertical-align: top; height: 100%; width: 180px; background: url("../inc_images/design/bandeau.png") no-repeat center center;margin-left: 30px;left: 175px;} .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{top: 30px;position: absolute; left: 0px; text-align: left; color: #fff; transition: 0.3s; font-weight: bold; padding:5px; padding-top: 0;} .nomCompte::before {content:"\f406"; position:absolute; top: -2px; right: 8px;font-family: 'Font Awesome 5 Free';font-size: 10px;} a.menuMonCompte, a.menuMonCompte:hover, a.menuMonCompte:visited{color: #fff;border-radius:3px;font-size:10px} .menuHaut {position: absolute; top:0;width:60px;height:100%;} .menuHaut.menuParam {right: 300px; width: 50px; } .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;transform: rotate(90deg);width: 50%;height: 50%;background-size: 24px;} /*G!L*/ .menuRecherche{right: 550px;margin-top: 15px;} .menuDeconnexion{right: 212px;} .pictoDeconnexion{width:100px;height: 100px;border-radius:3px; background: url(../inc_images/design/picto_login.png) center center no-repeat;background-size: contain; color: #fff;padding: 10px 20px; font-size: 17px;} /*G!L fin*/ .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;} input { border-radius: 0; } form textarea { resize: vertical; } .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)*/ left:10px; background: #383838; border-radius: 0; } .menuParam:hover .menu_top{ max-height: 500px; padding: 15px 0; /*transition: 0.8s;*/ transition: all 0.5s ease; /*display:block;*/ } .menuParam .jointureTriangle { bottom:10px; left:-10px; content:''; position: absolute; background: #383838; width:10px; height:0px; visibility: hidden; transition: height .15s ease; } .menuParam:hover .jointureTriangle { height:60px; visibility: visible; } .menuParam .jointureTriangle::before { bottom:0; left:0; content:''; position: absolute; width:0; height:0; border-left: 20px solid transparent; border-top: 20px solid #383838; transition: bottom .05s ease; visibility: hidden } .menuParam:hover .jointureTriangle::before { visibility: visible; bottom:-20px; } .menu_top .sousmenuTop ul a { color:white; } .menu_top .menu_top_item { padding-left: 5px; } .sousmenuTop a { padding-left: 25px; } .menuParam { z-index: 1; } .menuParam::before { transition: height .15s ease; content:''; position: absolute; background: #383838; width: 100%; height: 0px; z-index: 0; bottom: 10px; visibility: hidden } .menuParam:hover { filter: drop-shadow(0 0 5px var(--couleurPrincipaleClient)); } .menuParam:hover::before { height: 60px; visibility: visible; } .menuParam::after { transition: right .15s ease, border .1s ease; visibility: hidden; content:''; position: absolute; z-index: 0; right:-0px; width:0; height:0; border-right: 0px solid transparent; border-bottom: 0px solid #383838; bottom: 10px; } .menuParam:hover::after { right:-60px; visibility: visible; border-right: 60px solid transparent; border-bottom: 60px solid #383838; } .menu_top { min-width: 200px; } .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.lien{color: white; font-size: 13px; padding-right: 5px;} /*.menu_top .menu_top_item .picto{width: 50px;padding-right: 10px;height:25px;}*/ .sousmenuTop a{padding-left:40px;font-size: 11px; display: block; } #menuGauche::before { background: #383838; width: 70px; display: block; position: absolute; left: 0; top: 0; height: 100%; content:''; } #menuGauche td { padding: 0; } /*#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: 2;margin-bottom: 8px;overflow: hidden;padding-top: 50px;}*/ #menuGauche{background: rgba(131, 0, 0,0.75);box-shadow: none;transition: 0.1s;text-align: left;position: fixed;top: 0;height: 100%;transition: 0.3s ease-in;left: 0;z-index: 50;margin-bottom: 8px;overflow: hidden;padding-top: 75px;width: 70px;} /*#menuGauche.open, #menuGauche:hover {background:linear-gradient(to right, var(--couleurPrincipaleClient) 150px, transparent);width: 300px;}*/ #menuGauche.open, #menuGauche:hover {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;}*/ #menuGauche .boutonOpen{background: url(../inc_images/design/picto/pictoMenu.png) no-repeat center; top:35px;} #menuGauche.open .boutonOpen{background: url(../inc_images/design/picto/pictoCroixMenu.png) no-repeat center; top:35px;} .menu_gauche{text-align:left;padding: 0;margin: 0;display: flex;flex-wrap: nowrap; flex-direction: row; 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 .lienMenu::before { position: absolute; width: 0px; height: 3px; content: ""; background: white; bottom: -10px; left: 25px; transition: .1s ease-in; } .menu_gauche.libelle:hover .lienMenu:before { width: 50px; } .menu_gauche_div:hover .picto { background-color:var(--couleurPrincipaleClient); } /*.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;} */ #menuGauche .libelle { height: 60px; display: flex; align-items: center; } #menuGauche .lienMenu{ padding-left: 25px; padding-right: 25px; color:white; width: 230px; } /* 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.picto{padding:0;margin:0;min-width:70px;height:60px;background-size:36px;opacity:0.8;z-index:200;} .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{position: absolute; top: 0; left: 0; width: 70px; height: 60px; 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 ;} .menu_gauche .pictoMenu.lienProjetsLotissementsMenu {background: url("../inc_images/design/picto/pictoLotissements.png") no-repeat center ;} .menu_gauche .pictoMenu.lienSocietesMenu {background: url("../inc_images/design/picto/pictoClients.png") no-repeat center ;} .menu_gauche .pictoMenu.lienStatsMenu {background: url("../inc_images/design/picto/pictoStat.png") no-repeat center ;} .menu_gauche .pictoMenu.lienPaiementMenu {background: url("../inc_images/design/picto/pictoTarifs.png") no-repeat center ;} .menu_gauche .pictoMenu.lienFournisseursMenu {background: url("../inc_images/design/picto/pictoFournisseurW.png") no-repeat center ;} .menu_gauche .pictoMenu.lienFilialesMenu {background: url("../inc_images/design/picto/pictoFilialesW.png") no-repeat center ;} .menu_gauche .pictoMenu.lienPoolBancaireMenu, .menu_gauche .pictoMenu.lienMargeBrutePrevMenu, .menu_gauche .pictoMenu.lienValidationDocMenu {background: none} .menu_gauche .pictoMenu.lienPoolBancaireMenu::after, .menu_gauche .pictoMenu.lienMargeBrutePrevMenu::after, .menu_gauche .pictoMenu.lienValidationDocMenu::after { content:'\f4c0'; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: white; font-size: 24px; text-align: center; display: flex; justify-content: center; align-items: center; } .menu_gauche .pictoMenu.lienMargeBrutePrevMenu::after { content:'\f200'; } .menu_gauche .pictoMenu.lienValidationDocMenu::after { content:'\f14a'; font-weight: bold; } #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{position: absolute; left: 50%; top: 0; height: 45px; transform: translateX(-50%);color: #fff; font-size: 18px; text-transform: capitalize;line-height: 45px;font-family: "OCR", sans-serif;} /*.titrePage:after{position: absolute; bottom: -5px; left: 50%; content: ""; transform: translateX(-50%);background: var(--couleurPrincipaleClient); border-radius: 5px;height: 10px; width: 100px;}* G!L/ /* 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:2px;padding: 7px 25px;color: #000 !important;width: auto;cursor: pointer;text-align: center;font-size:14px;vertical-align: middle;transition: 0.3s;border: none; background: linear-gradient(to left, var(--colorBouton), 80%, #dddddd);}*/ .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 { display: inline-flex; border: 1px outset white; background: var(--couleurPrincipaleClient); color: white !important; outline: 4px solid black; border-radius: 50px; padding: 4px 10px; width: auto; cursor: pointer; text-align: center; font-size: 14px; vertical-align: middle; transition: 0.2s ease-in-out; box-shadow: inset -2px 2px 4px rgba(0,0,0,.5); height: 30px; align-items: center; } .petit_btn:hover{ filter: brightness(0.7); text-decoration: none; } .petit_btn_annule { background: #3e3e3e; } .petit_btn_del { background: #b00000; outline-color: #480000; border-color: #ffa700; } /* 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;vertical-align: top;} .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;} 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_popin.png');background-repeat: no-repeat;width: 20px;height:20px;position: absolute; z-index: 2; background-size: contain;right: 15px; top:6px; 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: url('../inc_images/design/picto/pictoOeil.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 40%; background-size: 60% auto;cursor: pointer;display:inline-block;vertical-align:middle;background-size: contain;}*/ .liste_user{background: var(--bgIconeClient) url('../inc_images/design/picto/liste-contact.png') center center;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;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');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;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');background-repeat: no-repeat;width:20px;height:20px;background-size: 100% auto; cursor:help;} .liste_sauvegarde_nuage{background: var(--bgIconeClient) url('../inc_images/design/picto/enregistrer2.png') center center;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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/pictoCrayon.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/pictoPoubelle.png') center center;background-repeat: no-repeat;width:41px !important;height:41px !important;cursor: pointer;display:inline-block;vertical-align:middle;}*/ .lock{background: url('../inc_images/design/picto/lock.png') center center;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/unlock.png') center center;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;} .filtre_favoris_img_vert{ background:url('../inc_images/design/picto/favoris_vert.png') no-repeat left center; } .filtre_favoris_img_rouge{ background:url('../inc_images/design/picto/favoris_rouge.png') no-repeat left center;} /* 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 */ .addFrais { width: 30px !important; height: 30px !important; } /* Tableau afichage poste */ #frm_modif_projet .listePostes.tablePleinePage{ border: black solid 0.5px; table-layout: fixed; border-collapse: collapse; height: 100%; } #frm_modif_projet .listePostes.tablePleinePage td{ font-family: Arial; border: black solid 1px; text-align: right; } #frm_modif_projet .listePostes.tablePleinePage .titreType{ background-color: lightgray; background-clip: padding-box; } #frm_modif_projet .listePostes.tablePleinePage th{ font-family: Arial; border: black solid 1px; text-align: left; } #frm_modif_projet .listePostes.tablePleinePage td.LibelleLignePoste{ text-align: left !important; } #frm_modif_projet .listePostes .liste_voir, #frm_modif_projet .listePostes .liste_delete { width: 22px; height: 22px; } #frm_modif_projet .listePostes input[type=file] { width: 80%; } #frm_modif_projet > div.flex > table.tablePleinePage.tableBudget .ligneInfoTotal{ text-align: center; } #frm_modif_projet > div.flex > table.tablePleinePage.tableBudget{ border-collapse: collapse; } #frm_modif_projet > div.flex > table:nth-child(2) > tbody .tableBudgetValue{ border: black solid 1px; font-family: Arial; } #frm_modif_projet > div.flex > table:nth-child(2) > tbody .tableBudgetValue.tableBudgetValueNumber{ text-align: right; } .budgetMontantByLot { font-weight: normal; font-size: 9px; font-style: italic; margin-top: 2px; } .listePostesContainer, .listeLotContainer { margin-bottom: auto; } /*Tableau lot */ #frm_modif_projet .listeLot{ border: solid 1px; border-collapse: collapse; height: 100%; } #frm_modif_projet .listeLot th { background-color: lightgray; } #frm_modif_projet .listeLot th { padding: 5px; } #frm_modif_projet .listeLot th, #frm_modif_projet .listeLot td { border: solid 1px black; background-clip: padding-box; } .etatlot4 > td,.context-menu-item.etatlot4 { /* vendu */ background-color: #3eb844; } .etatlot1 > td, .context-menu-item.etatlot1{ /* dispo */ background-color: transparent; } .etatlot2 > td, .context-menu-item.etatlot2{ /* réservé */ background-color: #dfd21b; } .etatlot3 > td, .context-menu-item.etatlot3{ /* pdv signée */ background-color: #e67429; } #frm_modif_projet .listeLot td > button.ui-multiselect { width: 100% !important; max-width: 100% !important; } #frm_modif_projet .listeLot td > button.ui-multiselect.hasInfo { width: 85% !important; max-width: 85% !important; margin-right: 0; } #frm_modif_projet .listeLot td , #frm_modif_projet .listePostes td { padding: 5px; } #frm_modif_projet .listeLot td .inputContainer, #frm_modif_projet .listePostes td .inputContainer { display: flex; flex-direction: row; align-items: stretch; height: 20px; } #frm_modif_projet .listeLot td .inputContainer > input, #frm_modif_projet .listePostes td .inputContainer > input { border: none; border-bottom: 1px solid black; background: transparent; border-radius: 0; padding: 0; transition: border-bottom-color .1s ease-in; width: 100%; position: relative; padding-right: 5px; text-align: right; } #frm_modif_projet .listeLot td .inputContainer > input.inputText, #frm_modif_projet .listePostes td .inputContainer > input.inputText { text-align: left; } #frm_modif_projet .listeLot td .inputContainer > input:focus, #frm_modif_projet .listePostes td .inputContainer > input:focus { border-bottom-width: 2px; border-bottom-color: var(--couleurPrincipaleClient); font-weight: bold; } #frm_modif_projet .listeLot td .inputContainer > input:not([disabled]) + .unite, #frm_modif_projet .listePostes td .inputContainer > input:not([disabled]) + .unite { border-bottom: 1px solid black; transition: border-bottom-color .1s ease-in; } #frm_modif_projet .listeLot td .inputContainer > input + .unite, #frm_modif_projet .listePostes td .inputContainer > input + .unite { display: flex; align-items: center; } #frm_modif_projet .listeLot td .inputContainer > input:focus + .unite, #frm_modif_projet .listePostes td .inputContainer > input:focus + .unite { border-bottom-width: 2px; border-bottom-color: var(--couleurPrincipaleClient); } #frm_modif_projet .listeLot td .inputContainer > input + .unite sup, #frm_modif_projet .listePostes td .inputContainer > input + .unite sup { margin-bottom: auto; } #frm_modif_projet .listeLot td .montant, #frm_modif_projet .listePostes td .montant { display: flex; justify-content: flex-end; align-items: center; height: 20px; font-family: Arial, Helvetica, sans-serif !important; } #frm_modif_projet .listeLot td .inputContainer > input[disabled], #frm_modif_projet .listePostes td .inputContainer > input[disabled], #frm_modif_projet .listeLot td button.ui-multiselect.ui-state-disabled, #frm_modif_projet .listePostes td button.ui-multiselect.ui-state-disabled { background: transparent !important; border: none; } #frm_modif_projet .listeLot td button.ui-multiselect.ui-state-disabled > .ui-icon, #frm_modif_projet .listePostes td button.ui-multiselect.ui-state-disabled > .ui-icon { display: none; } #frm_modif_projet .listeLot td button.ui-multiselect { border: none; /*border-bottom: 1px solid black;*/ background: transparent; border-radius: 0; color: black; } .btnActionMultiple, .btnModifDatesLot { display: inline-block; height: 24px; width: 24px; border-radius: 100%; border: none; cursor: pointer; background: rgb(231, 231, 231); box-shadow: 2px 3px 3px rgba(0,0,0,.2); } .btnActionMultiple::after, .btnModifDatesLot::after { content: "\f142"; font-family:'Font Awesome 5 Free'; top:50%; left: 50%; transform: translate(-50%,-50%); color: var(--couleurPrincipaleClient); position: absolute; font-weight: bold; } .btnActionMultiple:hover, .btnModifDatesLot:hover { filter:brightness(.85); } .btnModifDatesLot::after { content: "\f073"; } .context-menu-list.context-etat-lot { padding-bottom: 0; padding-top: 0; border: 0; margin: 0; } .context-menu-list.context-etat-lot .context-menu-item { padding: 5px; } #frm_modif_projet .listeLot tfoot td { background: #595959; color: white; } #frm_modif_projet > table.listePostes.tablePleinePage > tbody > tr td a.liste_voir{ height: 24px !important; width: 24px !important; } #ajout_facture > table > tbody > tr.bas_popin > td > a.add_btn_txt.ajout_to_facture{ margin-left: 50px !important; } /* Postes & lot */ #frm_modif_projet .listePostes th, #frm_modif_projet .listeLot th { height: 50px; padding: 5px; } /*validation etape*/ .zone_href.a_lien.success_etape_validation{background: url("/inc_images/design/actif.png") no-repeat left;} /* div modification de lot depuis etape*/ div[class*="loadLot"]{ border: solid 1px black; text-align: center; padding-bottom: 12px; } div[class*="loadLot"] td.titreType{ background-color: lightgray; background-clip: padding-box; text-align: center; } .subActionBar { padding: 5px; padding-left: 0; } /* 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; box-shadow: 2px 2px 8px #fff;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{ /*background: url(../inc_images/design/bg_module.jpg) no-repeat top -12px left -12px !important;*/ background: linear-gradient(150deg, rgba(112,14,14,0.6) 0, rgba(112,14,14,0.2) 20px, #f7f7f7 40px) !important; color: #000 !important; border: none !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: "Raleway", 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;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; 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, .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;} .chosen-with-drop{width: 220px !important;} .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; color: white;} .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; background-size: contain;} #formChangeMdp{text-align: center} a.lien_mdp_oublie{color:#bda6a6;text-align:right;line-height:25px} .bgConnexion{width: 100%; height: 800px; height: 100vh; background: transparent url(../inc_images/design/bg.png) no-repeat center center; text-align: center; min-height: 900px;background-repeat:no-repeat;background-size:cover;} .bgConnexion:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "";background: url(../inc_images/design/fond_robotique.png) no-repeat center center;background-size: contain;animation: pulse 20s linear infinite;} .cadreHaut{position: absolute; top: 0; width: 100%; height: 290px;left: 0; background: url(../inc_images/design/cadre_haut.png) no-repeat center center;} .cadreBas{position: absolute; bottom: 0; width: 100%; height: 290px;left: 0;background: url(../inc_images/design/cadre_bas.png) no-repeat center center;} .divConnexion{margin: auto;width: 550px; height: 550px; padding: 20px; border-radius: 50%;} .divConnexion:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "";background: url(../inc_images/design/cercle_milieu.png) no-repeat center center;background-size: contain;animation: rotate 10s infinite linear} .divConnexion .fond_rond{width: 100%; height: 100%;background: radial-gradient(rgba(59,0,0,0.85), rgba(59,0,0,0.25));border-radius: 50%;padding-top: 180px;} .saisie_formulaire{width: 280px; margin: auto;text-align:left; color: #bda6a6; } .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;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 #bda6a6; color: #bda6a6; box-sizing: border-box;font-size: 14px;padding: 10px 20px; font-weight: normal;outline:none; margin: 5px auto;border-radius: 15px;box-shadow: 5px 5px 35px 10px rgba(255, 0, 0, 0.2)} input.input_connexion::placeholder{color:#bda6a6} .btn_connexion{width:100px;height: 100px;margin: auto;} .btn_connexion .btn{width:100px;height: 100px;border-radius:3px; background: url(../inc_images/design/picto_login.png) no-repeat center center;background-size: contain; color: #fff;text-align: right;padding: 10px 20px; font-size: 17px; text-transform: uppercase;margin-top: 10px;} .texteAccueil{color: #fff;position: absolute; left: 50%; top: 50px; transform: translateX(-50%);transform: -webkit-translateX(-50%);} .texteAccueil h2{color: #fff;font-size: 34px; font-weight: 400;text-transform: none;margin: 0;} .texteAccueil h1{color: #fff;font-size: 34px; font-weight: 700;margin: 0;} .logosAccueil{background: url(../inc_images/design/logos_accueil.png) no-repeat center center; background-size: contain;position: absolute; top: 50%; right: 150px; transform: translateY(-50%);transform: -webkit-translateY(-50%); width: 200px; height: 400px;} .divConnexion:after{position: absolute; bottom: 38px; right: 80px; width: 260px; height: 301px;content: "";background: url(../inc_images/design/liens_bouton_connexion.png) no-repeat center center; background-size: contain;pointer-events: none;} .txtConnexion{position: absolute; right: 115px;top: 100px;width: 800px; height: 60px;background: url(../inc_images/design/textes_connexion.png) no-repeat center center; background-size: contain;} .dateHeure{position: absolute; bottom: 125px; left: 70%;color: #f1e8e8; font-size: 15px;text-align: left;} #btn_connexion:hover { filter: brightness(0.8); } /* FIN Connexion / Inscription / mdp oublié */ /* NOTIFICATIONS */ .infosLive{position: absolute; top: 15px; right: 80px; 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; background-size: contain;} #Notifications{position: fixed; bottom: 0; right: 0; width: 300px; height: -100px;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;background-size: contain;z-index: 40; cursor: pointer;} #Notifications .contentPicto{display: none;width: 60px;position: fixed; bottom: 0; right: 0;background: rgba(64,64,64,1);padding-top: 5px;padding-left: 10px;cursor: pointer;height: 40px;transition: 0.3s} #Notifications.open .contentPicto{right: -60px;} #Notifications.open{height: 300px;} #Notifications.open .pictoFermer{display: block;} #Notifications .pictoNotif{width: 30px; height: 30px;background: url("../inc_images/design/picto/mail-white.png") no-repeat center center; background-size: contain;} #Notifications.hasNotif .pictoNotif{background: url("../inc_images/design/picto/mai.png") no-repeat center center; background-size: contain;} #Notifications .nbNotif{display: none;} #Notifications.hasNotif .nbNotif{position: absolute;top: 3px; left: 30px;color: #fff; width: 20px; height: 20px; background: #e56a54; border-radius: 50%;display: block;line-height: 20px; text-align: center; animation: zoom 1s infinite} #listeNotifs{width: 100%; height: 300px; overflow-y: auto;position: absolute; top: 0;background: rgba(64,64,64,0.8);} #listeNotifs .info,.notif{background: rgba(0,0,0,0.8);padding: 10px;border-bottom: 1px solid; color: #fff;} .notif.vue{background: transparent; color: #fff} .notif a{color: white;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/pictoCloche.png") no-repeat #373636 center center;width:20px; height:20px; line-height:70px;background-size: 100%; margin: auto;border-radius: 50%;}*/ /*.rondPictoNotification.hasNotif .picto{background: url("../inc_images/design/picto/pictoMessage.png") no-repeat center center;background-size: 100%}*/ .rondPictoNotification { height: 50px; width:50px; border-radius: 50%; background: #373636; display: flex; justify-content: center; align-items: center; top: -8px; cursor:pointer; } .rondPictoNotification .picto { background: url("../inc_images/design/picto/pictoCloche.png") no-repeat center; height:30px; width:30px; } /*.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}*/ .rondPictoNotification .nbNotif { background:#ac8603; color:white; position: absolute; border-radius: 50%; height: 15px; width:15px; display: none; font-size: 12px; right:-1px; } .rondPictoNotification.hasNotif .nbNotif { display: block; } /* FIN NOTIFICATIONS */ /* Tooltips */ .fctHover{float:right;width: 20px; height: 20px;} .tableauDroits tbody tr:hover{background: #8B0000;} .tableauDroits tbody tr:hover td.align_left{color: white;} .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{background-color:var(--couleurPrincipaleClient) !important;} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#383838 !important;} .jconfirm .jconfirm-box .jconfirm-buttons button:hover { filter: opacity(0.7); } /* FIN JQUERY CONFIRM */ /* TABLEAUX DE BORD */ .listeAPuce{display: inline;background: url("../inc_images/design/picto/rond.JPG") no-repeat center center; background-size:20px;width:20px;height:20px;} .TDBListes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} .TDB{width: 550px;padding: 10px 10px 20px 10px;box-sizing: border-box;/*border: 1px solid #ccc;*/ margin: 25px 15px 15px 30px;box-shadow: 2px 2px 4px #ccc; transition: 0.3s} .TDB:hover{box-shadow: 4px 4px 16px #ccc;} .TDBTable td{text-align:left;padding:5px 30px 0px 0px; } .TDBTitle{padding-left:50px;font-size:20px;text-transform: uppercase;} .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: #fff;} .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; 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: #eeeeee; padding: 0 40px 40px 40px; border-radius: 0 0 10px 10px} 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} 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 td {border:1px solid var(--colorGrisSombre)} .clear { clear: both; } /* style formulaire factures */ .table_form_fact {display: table; width: 90%; 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; border: 1px solid var(--colorInput); border-radius: 3px; background-color: white; width: 800px; height: 400px; overflow: auto;} .divCom {padding-left: 10px; color: gray;} .spanCom{color:var(--couleurFondEntete);} .containerFlex{display: flex; flex-direction: row; flex-wrap: wrap;} .containerFlex .partieGauche{width: 35%;} .containerFlex .partieDroite{width: 65%;padding-left: 40px;} .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: 98%;} .bgConnexion .date, .bgConnexion .heure { font-family: "OCR", sans-serif; } /*G!L*/ /*barre de tache mail */ #div_mailBarre{position:fixed; width: 50px;height: 100%;background-color: #ac8603;right: 0;top:0;content: '';z-index:50;cursor:pointer;transition: right .2s ease;} #div_mailBarre.mailOpen {right: -50px;} #div_mailBarre>.icone_mail_menu{background: url("../inc_images/design/picto/pictoMessage.png") center center no-repeat;width: 100%;height: 40px;top:40vh;} /*boite mail */ .div_mailOpen{background: #fff url("../inc_images/design/design-fond-mail.png") no-repeat;z-index: 24;height: 100%;width: 50vw;min-width: 960px; position: fixed !important;right: 0;top: 0;display: none;background-position-x: 380px;display: flex;transform:translateX(100%);opacity:0;transition: transform .3s ease, opacity .2s ease;} .div_mailOpen.open {transform:translateX(0%);opacity: 1;} /*.div_mailOpen>.div_fermetureMail{height: 100%;background: #ac8603;width: 5px;position: absolute;top: 0;filter:drop-shadow(2px 0px 4px #939090);z-index: 1;}*/ .div_mailOpen>.div_fermetureMail{height: 100%;position: absolute;top: 0;z-index: 99;} .div_mailOpen>.ui-resizable-handle{width: 5px;filter:drop-shadow(3px 0px 4px #939090);background: #ac8603;} .div_mailOpen>.div_fermetureMail>.divFlecheFermeture{background: url("../inc_images/design/fleche_fermeture_mail.png") no-repeat center;position: absolute;width: 25px;height: 112px;top: calc(40vh - 30px);cursor:pointer;filter:drop-shadow(4px 0px 4px #b7b7b7);} .div_listeMail{ height: 100%; padding-left: 40px; box-shadow: 2px 0px 10px #bcbcbc; padding-top: 45px; padding-bottom: 45px; background: #efefef; color:#545454; z-index: 1; overflow:auto; width: 380px; flex-shrink: 0; flex-grow: 0; } .div_listeMail>.div_optionMail{padding-top: 30px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #626262;padding-bottom: 5px;} .div_listeMail>.div_optionMail>.titreMesMails{color: #ac8603;font-family: "Raleway",sans-serif;text-align: left;margin:0;font-size: 18px;} .div_listeMail>.div_optionMail>.pictoOptionMail{background: url("../inc_images/design/picto/pictoMailJaune.png") no-repeat center;margin-left: 80px;width: 32px;height: 32px;margin-left: auto;margin-right: 7%;background-size: contain;} .div_listeMail>.div_optionMail>.fermerOptionMail{cursor:pointer; height: 25px;display: flex;align-items: center;justify-content: flex-end;} .div_listeMail>.div_optionMail>.fermerOptionMail>p{font-family: "Raleway",sans-serif;} .div_listeMail>.div_optionMail>.fermerOptionMail>.pictoFermerjaune{background: url("../inc_images/design/picto/arrow-down-yellow.png") no-repeat center;height: 24px;width: 24px; transform:rotate(-90deg);} .div_listeMail>hr{position: absolute;width: 100%;top: 108px;} /*2021-10-07 */ .div_search_mail{margin-top: 10px; width: 100%;padding-right: 5px;} .div_search_mail>.filter_mail{width: 100%;} .Box_Mails{width: 100%;} /*2021-10-13 */ .Box_Mails , .Box_Mails .listeBoxMail{list-style: none;text-align: left;} .Box_Mails * {color:#545454;font-family: "OpenSans", sans-serif;} .Box{width: 100%;height: 50px;display: flex;align-items: center;border-bottom: 1px solid #a8a8a8;} .Box>.pictoBoxMail{height: 24px;width: 24px;background: url("../inc_images/design/picto/pictoBoxMail.png") no-repeat center;background-size: contain; flex-shrink: 0} .Box>.titleBoxMail{font-weight: bold;color:#545454;font-size: 13px;margin-left: 15px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;} .Box>.pictoArrowBoxmail{background: url("../inc_images/design/picto/arrow-down-red.png") no-repeat center; width: 24px; height: 24px;margin-left: auto;margin-right: 10px;transition:transform .2s ease;} .Box.open>.pictoArrowBoxmail{transform:rotate(180deg);} .Box_Mails .listeBoxMail{display: none;} .Box_Mails ul { margin-left: 15px; padding-top:12px; } .Box_Mails .pictoLibelle.active { font-weight: bold; } .Box>.nbMailRecent, .listeBoxMail .nbMailRecent {color: #962323;font-family:sans-serif;font-weight: bold;font-size: 12px;margin-left: 5px;} .listeBoxMail.inbox ul{display: none;list-style: none;margin-left: 30px;} /*G!L*/ .listeBoxMail .pictoLibelle, .Box { display: flex; align-items: center;cursor:pointer;font-weight: normal;} /* Pour le drag&drop*/ .listeBoxMail .pictoLibelle *:not(.arrow):not(.inputRenameBox) { pointer-events: none; } /* GL 19-10-2021 - Liaisons entre répertoires */ .Box::after { bottom: -13px; left:4px; position: absolute; content:''; height: 13px; width: 1px; background-color: #89173b; opacity: 0; transition: opacity .2s ease; } .Box::before { bottom: -4px; left:0px; position: absolute; content:''; height: 13px; width: 8px; height: 8px; border-radius: 100%; background-color: #89173b; opacity: 0; transition: opacity .2s ease; } .Box.open::after { opacity: 1; } .Box.open::before { opacity: 1; } .listeBoxMail li:last-child { padding-bottom:12px; } .listeBoxMail li.liRepertoire:not(:last-child) li:last-child::after { position: absolute; left: -26px; bottom: -10px; height: 32px; width: 1px; background-color: #89173b; content: ''; transform: rotate(-112deg); } .listeBoxMail li::before { position: absolute; left: -11px; top:0; height: 24px; width: 1px; background-color: #89173b; content:''; } .listeBoxMail ul::before { position: absolute; left: -26px; top: -10px; height: 32px; width: 1px; background-color: #89173b; content: ''; transform: rotate(112deg); } /*GL 18-10-2021 - Picto des répertoires */ .listeBoxMail li .picto { width: 24px; height: 24px; display: inline-block; background-size:auto; background-position: center; background-repeat: no-repeat; flex-shrink: 0; } .listeBoxMail li .libelle { margin-left: 5px; font-size: 13px; } .listeBoxMail li .picto.entrants { background-image: url("../inc_images/design/picto/pictoMailRouge.png"); } .listeBoxMail li .picto.envoyes { background-image: url("../inc_images/design/picto/pictoArrowRed.png"); } .listeBoxMail li .picto.brouillons { background-image: url("../inc_images/design/picto/pictoDocumentRed.png"); } .listeBoxMail li .picto.supprimes { background-image: url("../inc_images/design/picto/pictoCorbeilleRed.png"); } .listeBoxMail li .picto.repertoire { background-image: url("../inc_images/design/picto/pictoBoxMail.png"); background-size: 90%; } .listeBoxMail li .picto.indesirable { font-family: "Font Awesome 5 Free"; color: var(--couleurPrincipaleClient); font-weight: bold; } .listeBoxMail li .picto.indesirable::after { position: absolute; content: "\f7e4"; left: 0; top: 0; width: 100%; height: 100%; text-align: center; font-size: 1rem; line-height: 24px; } .listeBoxMail li .picto.arrow { background-image: url("../inc_images/design/picto/arrow-down-red.png"); width: 17px; height:24px; background-size: contain; background-size: 8px; background-position:center; transition: transform .3s ease; } .listeBoxMail li .picto.arrow + .libelle { margin-left: 0; } .listeBoxMail li.open > .pictoLibelle > .picto.arrow { transform: rotate(180deg); } .listeBoxMail .pictoLibelle.active > .picto.repertoire { background-image: url("../inc_images/design/picto/pictoDossierRed.png"); } .listeBoxMail li .picto.repertoire.small { background-size: 70%; } /* Conteneur de liste mail & contenu mail */ .ListeContenuMail { flex-direction: column; height: 100%; padding-top: 100px; padding-bottom: 85px; background: #efefef; width: 100%; vertical-align: top; left: 0 !important; display: flex; visibility: hidden; } /*fleche trie tableau */ .rowdirection{ background: url("/inc_images/design/picto/picto_arrowredBoxMail.png") no-repeat; width: 12px; height: 12px; display: inline-block; vertical-align: baseline; background-size: contain; } .rowdirection[data-order="desc"]{ transform: rotate(180deg); } th.sujet,th.date,th.correspondant{cursor: pointer;} #ListeMail .paginationMail a{cursor: pointer;} .paginate_button.current{color: red;} /*Liste mail dans boite */ .ListeMail * { color:#545454;font-family: "OpenSans", sans-serif; } .ListeMail { padding-left: 20px;padding-right: 20px; } .ListeMail { height: 100%; overflow: auto; } #table_liste_mail{width: 100%;table-layout: fixed;} #table_liste_mail thead th { padding-bottom: 15px; border-bottom: 1px solid rgba(110, 110, 110,0.4);} #table_liste_mail thead th:not(:nth-last-child(-n+2)):not(:nth-child(-n+3))::after {left:0;top:7px;width:100%;height:15px;position:absolute;content:'';border-right: 1px solid var(--couleurPrincipaleClient);pointer-events: none;} #table_liste_mail th a { font-size: 16px;color:#545454;} #table_liste_mail th .picto { height: 24px; width: 24px; display: inline-block; background-size:auto; background-position: center; background-repeat: no-repeat; vertical-align: middle; margin-right: 15px; } #table_liste_mail th .picto.sujet { background-image: url("../inc_images/design/picto/pictoSujetMail.png"); width: 35px; } #table_liste_mail th .picto.correspondant { background-image: url("../inc_images/design/picto/pictoCorrespondant.png"); } #table_liste_mail th .picto.date { background-image: url("../inc_images/design/picto/pictoDateMail.png"); } #table_liste_mail thead th.pj, #table_liste_mail thead th.fav, #table_liste_mail thead th.seen{ width: 24px; } #table_liste_mail thead th.voir { width: 40px; } #table_liste_mail thead th.correspondant { width: 40%; } #table_liste_mail thead th.date { width: 20%; } #table_liste_mail tbody td { cursor: pointer; padding: 3px 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #table_liste_mail tbody td .picto { height: 24px !important; width: 24px !important; background-size:auto; background-position: center; background-repeat: no-repeat; display: block; } #table_liste_mail tbody td .picto.liste_voir { background-size: contain; opacity: .7; height: 20px !important; width: 20px !important; } .picto.pj { background-image: url("../inc_images/design/picto/pictoPieceJointeMail.png"); } #table_liste_mail tbody td:nth-child(-n+3) { padding: 0; } #table_liste_mail tbody td .seen { height: 7px; width: 7px; border-radius: 100%; background: #bdbdbd; display: block; margin:auto; } #table_liste_mail tbody td .notSeen { height: 7px; width: 7px; border-radius: 100%; background: #60bf19; display: block; margin:auto; } #table_liste_mail tbody tr.notSeen td { font-weight: bold; } #table_liste_mail tbody tr:nth-child(even) { background-color: #fafafa; } #table_liste_mail tbody tr:hover { background-color: #f6f6f6; } #table_liste_mail tbody tr.actif { background-color: #eee5c3; } /*visionneur mail*/ .editeurMail{display: none;width:100%;padding:5px;background:white;flex-direction: column;position: absolute;bottom:0px;height: 50vh;padding-bottom: 85px;} .editeurMail * {color:#545454;} .enteteMail{border:1px solid #dbdada;padding: 10px 5px;} .enteteMail>.infosMail{text-align: left;padding: 0 5px; border-left: #89173b solid 2px;text-align: left;} .enteteMail>.infosMail>table td:first-child { font-weight: bold; } .enteteMail>.infosMail>table td .picto.pj { height: 24px !important; width: 17px !important; background-size:auto; background-position: left; background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .enteteMail>.infosMail>table td .picto.pj + span { vertical-align: middle; color: var(--couleurPrincipaleClient); } .enteteMail>.infosMail>table td a.pj { font-weight: normal; padding: 5px; margin-right: 5px; text-decoration: underline; display: inline-block; } .enteteMail>.infosMail>table td a.pj:hover { background: #f4d3d3; } .displayImg{margin: 12px; background: black; color: white; cursor: pointer;} .buttonFermerBlock{background:url("/inc_images/design/picto/close_popin.png") #ac8603 no-repeat center 3px; width: 25px;height: 25px;cursor: pointer;border-radius: 100%; background-size: 75%;} td.titreMailSearch {background-color: #89173b;color: white;} .mailDescription{border:1px solid #dbdada; width: 100%;margin-top: 10px;overflow:auto;text-align: left;padding: 10px;} #deplacerDossier, #deplacerDossier li {list-style: none;} /*G!L*/ .buttonReactionMail{display: inline-block;right: 0;/*width: 100%;*/} .divrepondre{background-image:url("/inc_images/design/picto/picto_reply_simple.png");background-repeat: no-repeat;background-size: 15%;background-position-x: left;width: 13%;top: 17px;border-style: initial;} .divrepondreTous{background-image: url("/inc_images/design/picto/picto_reply_all.png");background-repeat: no-repeat;background-size: 15%;background-position-x: left;width: 13%;top: 17px;} .popin-voile{background-color: #b28c8c !important;} .popin_read_mail { text-align: left; overflow: visible !important; color: #545454; } .popin_read_mail .popin_close_cross { top:17px; } .popin_read_mail .popin-content { display: flex; overflow: visible !important; height: 100% !important; } .popin_read_mail .popin_read_mail_content div { padding: 10px 20px; } .popin_read_mail .popin_read_mail_content table div { padding: 0; } .popin_read_mail .popin_read_mail_content { width: 100%; } .popin_read_mail .infosMail, .popin_read_mail .pjContainer { padding-top: 0; padding-bottom: 0; max-width: 48%; display: inline-block; width: 100%; } .popin_read_mail div.enteteMail { padding-top: 15px; padding-bottom: 15px; display: flex; justify-content: space-between; } .popin_read_mail .bg_transparent { height: 35px; } .popin_read_mail .buttonReactionMail { float: right; z-index: 1; max-width: 49%; } .popin_read_mail .bg_transparent { background: transparent; } .popin_read_mail .content { background: white; border-radius: 5px; } .popin_read_mail .content.titre{ background-color: #ac8603; font-size:14px; color:#ffffff; font-weight:bold; } .popin_read_mail .bg_transparent::before { position: absolute; content: ''; width: 30px; height: 160px; bottom: -70px; left: -29px; background: url("../inc_images/design/liaison_popin.png"); } .popin_read_mail .mailDescription { border: 0; margin-top: 0; /*height: 100%;*/ min-height: 100px; } .footer{position:fixed;background: url("../inc_images/design/footer.png") no-repeat center;bottom: -47px; width: 100%;height: 125px;text-align: center;z-index: 45;background-size: calc(100% - 280px);pointer-events: none;} .footer>p {top: 50px;color: white;font-family: "OCR",sans-serif;} .footer > .logo { height: 40px; width: 80px; background-size: contain !important; bottom: 52px; position: absolute; } .footer > .logoGalaxy { background: url("../inc_images/design/logo_galaxy.png") no-repeat center; left: 210px; } .footer > .logoOxygen { background: url("../inc_images/design/logo_oxygen.png") no-repeat center; left: 310px; } .footer > .logoMystone { background: url("../inc_images/design/logo_mystone.png") no-repeat center; left: 410px; } .footer > .logoDaytona { background: url("../inc_images/design/logo_daytona.png") no-repeat center; right: 410px; } .footer > .logoThemis { background: url("../inc_images/design/logo_themis.png") no-repeat center; right: 310px; } .footer > .logoDemaiter { background: url("../inc_images/design/logo_demaiter.png") no-repeat center; right: 210px; } /*G!L fin*/ /* Jonction entre menu gauche & header */ .topFixed::after { content: ''; display: block; position: absolute; left: 70px; top:15px; width: 0; height: 0; border-top: 12px solid #383838; border-bottom: 12px solid transparent; border-left: 12px solid #383838; border-right: 12px solid transparent; z-index: -1; } /* Datatable */ table.dataTable thead th { font-family: "OCR", sans-serif; background:rgba(131, 0, 0,0.20); border-bottom:0!important; } table.dataTable thead th, table.dataTable thead td { padding-top: 15px !important; padding-bottom: 15px !important; } table.dataTable th, table.dataTable th a { color: var(--couleurPrincipaleClient) !important; } table.dataTable th, table.dataTable td { border-right: 0; } table.dataTable tbody tr:nth-child(2n) { background-color: #f0f0f0; } table.dataTable.no-footer { border-bottom:0!important; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: unset !important; } /* Filtres */ .DivFiltre.FiltreElement { position: relative; display:flex; justify-content: center; margin-right:19px !important; margin-left:20px !important; height: 40px; border: 1px solid #d1d1d1; border-left:0; border-right:0; box-sizing: border-box; } .DivFiltre.FiltreElement label { position: absolute; top:-9px; background: #eeeeee; padding: 0 10px; /*color: var(--couleurPrincipaleClient);*/ font-size: 14px; color:white; background: var(--couleurPrincipaleClient); border: 1px solid #383838; border-left:0; border-right:0; left: 50%; transform: translateX(-50%); white-space: nowrap; } .DivFiltre.FiltreElement label::after, .DivFiltre.FiltreElement label::before { content: ''; display: block; position: absolute; top: 2px; right: -6px; width: 12px; height: 12px; background: var(--couleurPrincipaleClient); border-right: 1px solid #383838; border-bottom: 1px solid #383838; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: border-box; pointer-events: none; } .DivFiltre.FiltreElement label::before { left:-6px; border-left: 1px solid #383838; border-bottom: 1px solid #383838; border-right:transparent; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .DivFiltre.FiltreElement button.ui-multiselect { color: var(--couleurPrincipaleClient); background: transparent; border: none; font-size: 14px; font-weight: bold; cursor: pointer; display: flex; justify-content: space-between; } /* Pour le select avec img */ .DivFiltre.FiltreElement .ui-selectmenu-button { color: var(--couleurPrincipaleClient); background: transparent; border: none; font-size: 14px; font-weight: bold; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } /* END */ .DivFiltre.FiltreElement::after, .DivFiltre.FiltreElement::before { content: ''; display: block; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background: transparent; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: none; } .DivFiltre.FiltreElement::before { left:-14px; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-right:transparent; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .DivFiltre.FiltreElement button .ui-icon.ui-icon-triangle-1-s { background: url("../inc_images/design/picto/arrowFilter-down.png") no-repeat center center; margin-top: .25em; transition: .2s ease; order:2; } .DivFiltre.FiltreElement button.ui-state-active .ui-icon.ui-icon-triangle-1-s { background: url("../inc_images/design/picto/arrowFilter-down.png") no-repeat center center; margin-top: .25em; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* Pour le select avec img */ .DivFiltre.FiltreElement .ui-selectmenu-button .ui-icon-triangle-1-s { background: url("../inc_images/design/picto/arrowFilter-down.png") no-repeat center center; margin-top: .25em; transition: .2s ease; order:2; } .DivFiltre.FiltreElement .ui-selectmenu-button.ui-selectmenu-button-open .ui-icon-triangle-1-s { background: url("../inc_images/design/picto/arrowFilter-down.png") no-repeat center center; margin-top: .25em; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* END */ .DivFiltre.FiltreElement button span { margin-top: auto; } button.ui-multiselect { cursor: pointer; } .ui-selectmenu-button { padding: 5px 4px !important; } /*.ui-selectmenu-button .ui-selectmenu-text { margin: 0; }*/ .ui-widget.ui-widget-content.ui-multiselect-menu, .ui-selectmenu-menu { border: none; background:transparent; } .ui-multiselect-menu .ui-multiselect-checkboxes label { border:none; } .ui-multiselect-menu .ui-multiselect-checkboxes li { padding-right: 0; } .ui-multiselect-menu label span, .ui-selectmenu-menu .ui-widget-content .ui-menu-item { color:white; font-size: 12px; padding:0 5px; } .ui-selectmenu-menu .ui-widget-content .ui-menu-item { padding: 0; } .ui-selectmenu-menu .ui-widget-content .ui-menu-item .ui-menu-item-wrapper { padding-top:8px !important; padding-bottom:8px !important; } .ui-multiselect-menu.ui-widget-content .ui-multiselect-checkboxes .ui-state-hover, .ui-selectmenu-menu .ui-widget-content .ui-state-active{ color:white !important; border:none; background: #825555 !important; } .ui-multiselect-menu.ui-widget-content .ui-multiselect-checkboxes .ui-state-active { background: var(--couleurPrincipaleClient)!important; color:white !important; border:none; } .ui-multiselect-menu.ui-widget-content .ui-multiselect-checkboxes, .ui-widget-content .ui-menu-item { background: #383838; } .ui-multiselect-menu .ui-multiselect-header { margin-bottom: 0; border-radius: 0; } .ui-widget-content .ui-multiselect-optgroup a { color: white; font-weight: bold; font-style: italic; padding-left: 5px; text-decoration-color: #ac8603; } /* Fin filtres */ td.classPointerTable{ cursor: pointer; } /* Barre de recherche top */ .menuRecherche input[type=search] { background: transparent; border:none; border-bottom:1px solid white; color:white; font-family: "OCR"; border-radius: 0; font-size: 12px; } /* Cache des onglets */ .tabs.hideTabs > .ui-tabs-nav { display: none; } .ui-tab, .ui-tab.ui-tab.ui-state-active { border-radius: 0; } .ui-tab.ui-state-hover { box-shadow: 0 5px 10px rgba(0,0,0,.3); } .ui-tab.ui-state-active { box-shadow: 0 5px 10px rgba(0,0,0,.4); } .tabs:not(.hideTabs) .ui-tabs-panel.ui-widget-content, .tabs:not(.hideTabs) .ui-tabs > .ui-tabs-panel.ui-widget-content, #tabsSSMenu + div.contenuPage { background: #f7f7f7; box-shadow: inset 0 0px 10px rgba(0,0,0,.2); border-radius: 0; } .contenuPage { background:white; } /*GL 12-10-2021 - Arborescence projet*/ .arbo { overflow: auto; padding: 10px; padding-top: 0; max-height: 450px; } .arbo ul ul{ padding-left: 25px; } .arbo li { list-style: none; } .arbo li .infosStep { min-height: 30px; font-size: 14px; display: flex; align-items: center; margin-bottom:5px; background: linear-gradient(to right, rgba(220,220,220) 70%, rgba(255,255,255,0) 100%); color: black; font-weight: bold; position: relative; min-width: 300px; cursor: pointer; border-radius: 5px; } .arbo li .numeroEtape { min-width: 15px; /*background: lightcyan;*/ font-size: 12px; display: flex; align-items: center; justify-content: center; /*color:black;*/ padding: 2px 5px; /*background: linear-gradient(145deg, rgba(142,142,142,1) 0%, rgba(56,56,56,1) 40%, rgba(20,20,20,1) 80%); color: white;*/ background: #73cdf9; color:black; clip-path: url("#numEtape"); padding: 10px; padding-left: 5px; height: 100%; min-width: 38px; } .arbo li .numeroEtape.parentParallele { /*background-color: lightsalmon;*/ /*background: linear-gradient(145deg, rgba(232,193,58,1) 0%, rgba(172,134,3,1) 40%, rgba(99,77,1,1) 80%); */ background: #ff7247; } .arbo li .libelle { padding-left: 5px; } .arbo li .picto { margin-left: auto; background-size: contain; height: 24px !important; width: 24px !important; } .arbo li .numeroEtapeEnfant { min-width: 15px; border-radius: 4px; /*background: lightgreen;*/ /*background: linear-gradient(145deg, rgba(180,46,46,1) 0%, rgba(112,14,14,1) 40%, rgba(75,4,4,1) 80%); */ background: #ff7247; font-size: 12px; display: flex; align-items: center; justify-content: center; color:black; /*color: white;*/ position: absolute; right: 40px; padding: 2px 5px; } .arbo li .numeroEtapeEnfant::before { content:'\f101'; position: absolute; right: 100%; height: 100%; padding-right: 2px; width: 13px; color: #ff7247; font-family: "Font Awesome 5 Free"; font-weight: bold; display: flex; align-items: center; justify-content: center; } .arbo ul ul li .infosStep::before { position: absolute; content:'\f061'; width: 25px; height: 100%; left: -25px; display: flex; align-items: center; justify-content: center; font-family: "Font Awesome 5 Free"; font-weight: bold; color: #73cdf9; } .arbo ul ul li .infosStep.parentParallele::before { color: #ff7247; } .arbo li .infosStep.hover, .arbo li .infosStep.active { background: linear-gradient(to right, rgb(225, 201, 118) 70%, rgba(255,255,255,0) 100%); } .arbo li .infosStep.active { border-width: 3px; } .arbo li .infosStep.hover + ul li:first-child .infosStep:not(.step-disabled), .arbo li .infosStep.hoverEnfant, .arbo li .infosStep.hoverEnfant + ul li:first-child .infosStep:not(.step-disabled) { background: linear-gradient(to right, rgb(240, 230, 194) 70%, rgba(255,255,255,0) 100%); } .arbo li .infosStep.hover + ul li:not(:first-child) .infosStep:not(.step-disabled), .arbo li .infosStep.hoverEnfant + ul li:not(:first-child) .infosStep:not(.step-disabled) { background: linear-gradient(to right, rgb(229, 233, 255) 70%, rgba(255,255,255,0) 100%); } .arbo li .infosStep.hover + ul li:not(:first-child) > .infosStep:not(.step-disabled), .arbo li .infosStep.hoverEnfant + ul li:not(:first-child) > .infosStep:not(.step-disabled) { background: linear-gradient(to right, rgb(176, 204, 247) 70%, rgba(255,255,255,0) 100%); } /*.projetTypeArbo ul ul li::before { position: absolute; content:'=>'; width: 25px; height: 100%; left: -25px; display: flex; align-items: center; justify-content: center; } .projetTypeArbo li.hover, .projetTypeArbo li.active { background: rgb(247, 176, 176); } .projetTypeArbo li:not(.root).hover ~ li, .projetTypeArbo li.hoverEnfant, .projetTypeArbo li.hoverEnfant ~ li, .projetTypeArbo li:not(.root).active ~ li { background: rgb(212, 247, 176); } .projetTypeArbo li:not(.root).hover ~ li + ul li, .projetTypeArbo li.hoverEnfant ~ li + ul li, .projetTypeArbo li:not(.root).active ~ li + ul li { background: rgb(246, 255, 238); } .projetTypeArbo li.hover + ul li, .projetTypeArbo li.active + ul li { background: rgb(255, 229, 229); }*/ /* Même comportement pour la frise */ .frise .step.hover:not(.active) > .step-label { background-color: rgb(225, 201, 118) !important; } .frise .step.active > .step-label { /*filter: drop-shadow(0px 0px 3px #969696);*/ box-shadow: 0px 0px 6px blue; z-index: 3; } .frise.big .step.active > .step-label { box-shadow: 0px 0px 10px blue; z-index: 3; } .frise.big .step-percentage { display: block; position: absolute; bottom: -17px; pointer-events: none; color: white; width:100%; border: 1px solid black; filter: opacity(.7); font-size: 10px; font-weight: bold; left: 0; } .frise.big .step-dd, .frise.big .step-df { display: block; position: absolute; top: -15px; font-size: 10px; } .frise.big .step-dd { left: 0; } .frise.big .step-df { right: 0; } .frise .liaisonParent.active { z-index: 2; } .frise .liaisonParent.active:not(.errorLink)::after, .frise .liaisonParent.active:not(.errorLink)::before { background: rgb(225, 201, 118); /*filter: drop-shadow(0px 0px 3px #969696);*/ } /* .step-label.step-disabled { cursor: not-allowed; background: white repeating-linear-gradient(45deg, #b78d8d 5px, #b78d8d 10px, transparent 10px, transparent 15px); } .frise.small .step-label.step-disabled { cursor: not-allowed; background: white repeating-linear-gradient(45deg, #b78d8d 4px, #b78d8d 8px, transparent 8px, transparent 12px); } .frise .step > .step-label { background: white repeating-linear-gradient(45deg, #727272 5px, #727272 10px, transparent 10px, transparent 15px); }*/ .projetFrise .frise .step-label, .legendeFrise .step-label { background: white repeating-linear-gradient(45deg, #858585 5px, #858585 10px, transparent 10px, transparent 15px); } .projetFrise .frise.small .step-label, .legendeFrise .step-label { background: white repeating-linear-gradient(45deg, #858585 4px, #858585 8px, transparent 8px, transparent 12px); } .projetFrise .frise .step-label.en_cours, .legendeFrise .step-label.en_cours { background: white; } .projetFrise .frise .step-label.attente_validation, .legendeFrise .step-label.attente_validation { border-style: dashed; background: rgb(247, 209, 161); } .projetFrise .frise .step-label.valide_partiel, .legendeFrise .step-label.valide_partiel { border-style: dashed; background: rgb(137, 188, 223); } .projetFrise .frise .step-label.termine_valide, .legendeFrise .step-label.termine_valide { background: rgb(78, 160, 78); } .projetFrise .frise .step-label.a_completer, .legendeFrise .step-label.a_completer { background: rgb(247, 146, 132); } .projetFrise .frise .step-label.step-disabled, .legendeFrise .step-label.step-disabled { cursor: not-allowed; background: white repeating-linear-gradient(45deg, #b78d8d 5px, #b78d8d 10px, transparent 10px, transparent 15px); color: var(--couleurPrincipaleClient); border-style: solid; } .projetFrise .frise.small .step-label.step-disabled, .legendeFrise .step-label.step-disabled { cursor: not-allowed; background: white repeating-linear-gradient(45deg, #b78d8d 4px, #b78d8d 8px, transparent 8px, transparent 12px); color: var(--couleurPrincipaleClient); border-style: solid; } .projetFrise .frise .step-label.step-retard, .legendeFrise .step-label.step-retard { border-color: rgb(255, 0, 0); } #friseContainer { padding-bottom: 15px; } /*.projetTypeArbo li:not(.root):hover ~ li + ul li, .projetTypeArbo li.hoverEnfant ~ li + ul li { background: rgb(246, 255, 238); } .projetTypeArbo li:hover + ul li{ background: rgb(255, 229, 229); }*/ /* end */ /* Frise */ /* legende */ .legendeFrise { position: absolute; bottom: 0; right: 0px; padding-bottom: 2px; } .legendeFrise > * { display: inline-block !important; } .legendeFrise .step-label { position: static; cursor: default !important; padding: 2px 5px; } .legendeFrise .step-label > span { /*text-shadow: 0px 0px 1px black;*/ background: rgba(255,255,255,.7); padding: 0 5px; } /* end legende */ .gestionFrise { display: flex; flex-direction: row; border: 1px solid black; overflow-x: auto; margin: 15px 0; } .gestionFrise #buttonSize { min-width: 24px; display: flex; justify-content: center; align-items: center; background: lightgray; border-right: 1px solid black; cursor: pointer; font-size: 24px; position: sticky; left: 0; z-index: 5; } .projetTypeFrise, .projetFrise{ position: relative; padding: calc(var(--y-liaison) * 2); } .frise *, .frise *::before, .frise *::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .branch { position: relative; margin-left: var(--espacement)/* - var(--label-width)*/; } /*.branch::before { content: ""; width: calc(var(--espacement) / 2); border-top: var(--liaison-width) solid #eee9dc; position: absolute; left: calc(var(--espacement) * -1); top: 0; }*/ .step { position: relative; min-height: var(--step-min-height); } /*.step::before { content: ""; height: 100%; border-left: var(--liaison-width) solid #eee9dc; position: absolute; left: calc(calc(var(--espacement) / 2) * -1); }*/ /* .step::after { content: ""; width: calc(var(--espacement) / 2); border-top: var(--liaison-width) solid black; position: absolute; left: calc(calc(var(--espacement) / 2) * -1); top: 0; left: 0; width: var(--espacement); } .step.last::after, .step[data-idenfant]::after { display: none; }*/ .step:first-child::before { display: none; } /*.step > .step:nth-of-type(1):before { width: 10px; height: 50%; top: 0; display: block; }*/ /*.step:not(:first-child)::before { width: 10px; height: 100%; top: -100%; display: none; }*/ .step.last::before{ display: none; } /*.step.last:after { width: calc(var(--espacement) / 2); height: 0; border-radius: 0; }*/ /*.step.last { min-height: 0; }*/ .step-label { display: flex; min-width: var(--label-width); max-width: calc(calc(var(--label-width) + var(--milieu-espacement)) - 5px) ; padding: 5px 10px; text-align: center; border: 2px solid black; border-radius: 0; position: absolute; left: 0; top: 0; margin-top: calc(var(--y-liaison) * -1); background: white; z-index: 1; justify-content: center; cursor: pointer; } .arbo li .infosStep.step-disabled { cursor: not-allowed; background: rgba(220,220,220) repeating-linear-gradient(45deg, #b78d8d 5px, #b78d8d 10px, transparent 10px, transparent 15px); color: var(--couleurPrincipaleClient); } .frise.small .step-label { padding: 0 5px; } /*.liaisonEnfant,*/ .liaisonParent { pointer-events: none; } /*.liaisonEnfant::after,*/.liaisonParent::after { content: ""; position: absolute; height: var(--liaison-width); background-color: black; width: calc(100% - var(--milieu-espacement)); bottom: calc(var(--liaison-width) * -1); } .liaisonParent.fullLink::after { width: 100%; } .liaisonParent.errorLink::after { background: repeating-linear-gradient(90deg, #ff0000 2px, #ff0000 4px, transparent 6px, transparent 8px); } .liaisonParent.errorLink::before { background: repeating-linear-gradient(0deg, #ff0000 2px, #ff0000 4px, transparent 6px, transparent 8px); } .liaisonEnfant::after { left: 0; } .liaisonParent::after { right: 0; } /*.liaisonEnfant::before,*/.liaisonParent::before { content: ""; position: absolute; height: calc(100% + var(--liaison-width)); background-color: black; bottom: calc(var(--liaison-width) * -1); width: var(--liaison-width); } /* .liaisonEnfant::before { left: calc(calc(100% - var(--milieu-espacement)) - calc(var(--liaison-width) / 2)); } */ .liaisonParent::before { right: calc(calc(100% - var(--milieu-espacement)) - calc(var(--liaison-width) / 2)); } /*.liaisonParent::before { content: ""; position: absolute; height: calc(100% + var(--liaison-width)); right: calc(100% - var(--milieu-espacement)); background-color: black; bottom: calc(var(--liaison-width) * -1); width: var(--liaison-width); }*/ .flex { display: flex; width: 100%; } .flex > *{ width: 100%; } .flexRow { flex-direction: row; } .flex-1-2 { flex-basis: 50%; max-width: 50%; } .flex-1-3 { flex-basis: 33%; max-width: 33%; } .flex-2-3 { flex-basis: 66%; max-width: 66%; } .ui-widget-content[aria-labelledby='modifEtape'] { padding-top: 0 !important; } #listElementContainer { margin: 10px 0; } #listElement { padding: 0; border: 1px solid black; } #listElement td { font-size: 14px; background-color: var(--colorBouton); color: var(--couleurPrincipaleClient); padding: 10px; border-left: 1px solid black; border-bottom: 2px solid black; transition: filter .2s ease; font-weight: bold; } #listElement tr:last-child td{ border-bottom: 0; } #listElement td.ordre{ background-color: #383838; color: white; font-weight: bold; border: 0; text-align: center; width: 30px; cursor: move; } #listElement td.modif, #listElement td.suppr{ width: 25px; height: 25px; border-left: 0; } #listElement td.modif .liste_modif{ width: 25px !important; height: 25px !important; background-size: contain; } #listElement td.suppr .liste_delete { width: 25px !important; height: 25px !important; background-size: contain; } #listElement td.libelleType, #listElement td.nbRegles{ font-style: italic; font-weight: normal; } #listElement td.obligatoire { color: #ac8603; } .sortable-ghost td { filter: brightness(.5); } html.hasPopin { overflow: hidden; } .tableListeElement input:invalid { background: #fbdada; } .tableListeElement input:required { border-left: 5px solid #ac8603; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .buttonNouveauMail { background: url("../inc_images/design/picto/pictoMailJaune.png") no-repeat center; width: 24px; height: 24px; background-size: contain; position: absolute; top: 35px; left: -27px; cursor:pointer; } .buttonNouveauMail::after { position: absolute; content: '+'; border-radius: 100%; width: 15px; height: 15px; background: var(--couleurPrincipaleClient); color:white; left: -2px; top: -2px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-family: arial; pointer-events: none; } .nombreTotalMailBarre { position: absolute; background: white; width: 19px; height: 19px; border-radius: 100%; color: #ac8603; top: -5px; left: 15px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .nombreTotalMail { position: absolute; background: #ac8603; width: 23px; height: 23px; border-radius:100%; color:white; top: -10px; right: -10px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; font-family: sans-serif; } tr.ligneEntete.sortable-ghost { display: none; } .moveMailTarget { background: #eee5c3; } #form_projet_lot ul.ui-tabs-nav { display: flex; overflow: auto; padding: 10px 5px !important; } #form_projet_lot .ui-tabs ul.ui-tabs-nav li { border: 1px solid black; background: white; box-shadow: none; border-radius: 0; } #form_projet_lot .ui-tabs ul.ui-tabs-nav li a { padding: 5px; } #form_projet_lot .ui-tabs ul.ui-tabs-nav li.ui-state-active { border: 1px solid black !important; background: rgba(131, 0, 0,0.20) !important; box-shadow: none; border-radius: 0; } #form_projet_lot .ui-tabs ul.ui-tabs-nav li.ui-state-hover, #form_projet_lot .ui-tabs ul.ui-tabs-nav li:hover { border: 1px solid black !important; background: rgba(131, 0, 0,0.15) !important; box-shadow: none; border-radius: 0; } #form_projet_lot .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a { color: var(--couleurPrincipaleClient) !important; } #form_projet_lot .ui-tabs-panel.ui-widget-content { box-shadow: none !important; } input[disabled], textarea[disabled], .ui-state-disabled { background: #e3e3e3 !important; opacity: 1 !important; } li.ui-multiselect-disabled { cursor: not-allowed; } li.ui-multiselect-disabled label.ui-state-disabled { background: #605c5c !important; border-radius: 0; } li.ui-multiselect-disabled label.ui-state-disabled span { text-decoration: line-through var(--couleurPrincipaleClient); } .ms_menu_idTypeEtape li.ui-multiselect-disabled { display: none !important; } .divInfo { padding: 10px; padding-left: 30px; background: rgb(224, 224, 224); border: 1px solid var(--colorBleu); border-radius: 5px; background: #c5eeff; color: #115673; margin-bottom: 5px; } .infoBulleCache{ padding: 10px; padding-left: 30px; background: rgb(224, 224, 224); border: 1px solid var(--colorBleu); border-radius: 5px; background:transparent; color: #115673; margin-bottom: 5px; width: fit-content; border: none; cursor: pointer; } .actionBar{ margin-top: 20px; width: 100%; justify-content:flex-start; display:flex; column-gap: 20px; flex-wrap: wrap; } .actionBar *:not(.hide){ display: inline-flex; justify-content: center; align-items: center; margin: 0; } .divInfo::before,.infoBulleCache::before { content: "\f05a"; position: absolute; top: 0; left: 0; font-family: 'Font Awesome 5 Free'; font-size: 18px; font-weight: bold; height: 100%; box-sizing: border-box; padding: 5px; display: flex; align-items: center; justify-content: center; color: var(--colorBleu); } .divInfo.warn { background: #fdf5e2; border-color: #ac8603; color: #5c4702; } .divInfo.warn::before { content: "\f071"; color: #ac8603; } .div_mailOpen.ui-resizable .ui-resizable-w { left: 0; } .actionEtape table td { width: 33%; } .ui-tooltip.ui-widget { background: #383838; color: white; z-index: 46; border: none; padding: 5px; min-width: 30px; white-space: pre-line; border: none !important; } .ui-tooltip::before { z-index: -1; content: ""; position: absolute; top: -5px; left: 10px; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; background: #383838; } .ui-tooltip.left::before { left: -5px; right: unset; top: 10px; } .ui-tooltip.right::before { right: -5px; top: 10px; left: unset; } .ui-tooltip.middle::before { top: 50%; transform: translateY(-50%) rotate(45deg) } .inline-tooltip { width: 15px; height: 15px; display: inline-block; border-radius: 100%; position: relative; border: 1px solid var(--couleurPrincipaleClient); vertical-align: text-bottom; margin-left: 5px; cursor: help; } .inline-tooltip::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; color: var(--couleurPrincipaleClient); content: "i"; display: flex; justify-content: center; align-items: center; font-size: 10px; } .ui-inline-tooltip.ui-tooltip { background: #383838; color: white; z-index: 10; border: none; padding: 5px; min-width: 30px; } .ui-inline-tooltip.ui-tooltip::before { z-index: -1; content: ""; position: absolute; top: calc(50% - 5px); width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; background: #383838; } fieldset.FieldFiltre .FiltreButtonActualise { background: url("../inc_images/design/picto/pictoActualiser.png") no-repeat !important; background-size: contain !important; cursor: pointer; width: 50px !important; height: 50px !important; padding: 0 !important; } fieldset.FieldFiltre .FiltreButtonActualise:hover, fieldset.FieldFiltre .FiltreFavoris:hover { box-shadow: none !important; filter: brightness(.8); } fieldset.FieldFiltre .FiltreFavoris { position: absolute; right: -20px !important; padding: 0 !important; top: calc(50% - 20px) !important; margin: 0 !important; } fieldset.FieldFiltre .FiltreFavoris #FavActif0, fieldset.FieldFiltre .FiltreFavoris #FavActif1{ background: url("../inc_images/design/picto/pictoFavoris.png") no-repeat !important; background-size: contain !important; cursor: pointer; width: 40px !important; height: 40px !important; } fieldset.FieldFiltre .ButtonOK { margin-top: 0 !important; margin-bottom: 0 !important; } fieldset.FieldFiltre { padding-right: 30px !important; padding-top: 10px; padding-bottom: 10px; width: 100% !important; } fieldset.FieldFiltre legend { display: none; } .haut_page { justify-content: space-between; } .haut_page .menu_page { margin-left: 50px !important; } .haut_page .menu_page .add_btn_txt { width: 100%; white-space: nowrap; } .liste_voir{background: url('../inc_images/design/picto/pictoVoir.png') center center;background-repeat: no-repeat;width:30px; height:30px;cursor: pointer;display:inline-block;vertical-align:middle;background-size: contain;} .liste_delete{background: url('../inc_images/design/picto/pictoDelete.png') center center;background-repeat: no-repeat;width:30px; height:30px;cursor: pointer;display:inline-block;vertical-align:middle;background-size: contain;} .liste_modif{background: url('../inc_images/design/picto/pictoModif.png') center center;background-repeat: no-repeat;width:30px; height:30px;cursor: pointer;display:inline-block;vertical-align:middle;background-size: contain;} .liste_voir,.liste_delete,.liste_modif { margin: 5px; } .liste_voir::after,.liste_delete::after,.liste_modif::after { content:''; position: absolute; width: calc(100% + 10px); height: calc(100% + 10px); left:-5px; top: -5px; background: url('../inc_images/design/picto/pictoRond.png') center center; background-repeat: no-repeat; background-size: contain; transition: transform .35s cubic-bezier(.07,.59,.45,.94); pointer-events: none; } .liste_voir:hover::after,.liste_delete:hover::after,.liste_modif:hover::after { transform: rotate(270deg); } .add_btn { background: url('../inc_images/design/picto/pictoAjouter.png') center center; background-repeat: no-repeat; width:40px; height:40px; background-size: contain; display: block; cursor: pointer; } .add_btn_txt { padding-left: 70px; cursor: pointer; margin: 0 !important; display: inline-flex; min-height: 40px; align-items: center; justify-content: flex-start; color: #c20000 !important; font-weight: bold; } .add_btn_txt,.add_btn_txt:hover,.add_btn_txt:visited { text-decoration: none; } .add_btn_txt:hover::before, .add_btn:hover { filter: brightness(.8); } .add_btn_txt:hover::after { animation: 1s ease infinite alternate left_right; } .add_btn_txt::before { content: ""; background: url('../inc_images/design/picto/pictoAjouter.png') center center; background-repeat: no-repeat; width:40px; height:40px; background-size: contain; display: block; left: 0; position: absolute; } .add_btn_txt::after { content: ""; background: url('../inc_images/design/picto/pictoFlecheDroite.png') center center; background-repeat: no-repeat; width:20px; height:20px; background-size: contain; display: block; left: 45px; top: calc(50% - 10px); position: absolute; } @keyframes left_right { 0% { transform: translateX(0px); } 100% { transform: translateX(3px); } } .projetTypeEtapeDetail table{ padding: 0; } .projetEtapeDetail .voirFichier { height: 20px !important; width: 20px !important; } .devis { box-shadow: inset 0px 0px 0px 1px black; } .devis.refuse { background: #ffcece; } .devis.accepte { background:#d2ffce; } .validerDevis, .refuserDevis { cursor: pointer; padding: 5px; } .validerDevis { border: 1px solid green; background: rgb(207, 244, 207); } .refuserDevis { border: 1px solid red; background: rgb(251, 194, 194); } .projet_left { flex-basis: 45%; max-width: 45%; } .projet_left.fullPage { flex-basis: 100%; max-width: 100%; } .projet_left.fullPage + .projet_right { display: none; } .projet_right { flex-basis: 55%; max-width: 55%; } .projetNom { position: absolute; left: 50%; transform: translateX(-50%); font-size: 18px; top: 0; } #frm_gestion_projet > div.pourcentageProjet{ position: absolute; right: 0%; } .dropzone { border: 1px solid #383838 !important; } .dropzone.dz_reduit .dz-message, .dropzone.dz_reduit .dz-message * { color: var(--couleurPrincipaleClient) !important; } .listeFactureDevis { list-style-type: "- "; } .listeFactureDevis li { margin-left: 15px; } .btn_copy_projet { position: absolute; top: 0; right: 0; cursor: pointer; z-index: 2; } .btn_copy_projet::after { font-family: "Font Awesome 5 Free"; font-weight: bold; content: "\f0c5"; font-size: 24px; color: var(--couleurPrincipaleClient); } table td .numVersion { font-weight: bold; color: var(--couleurPrincipaleClient); } .picto_histo { width: 15px !important; height: 15px !important; display: block; } .add_histo::after, .modif_histo::after, .del_histo::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; text-align: center; color: white; font-size: 14px; } .add_histo::after { background-color: rgb(71, 161, 86); content: '+'; line-height: 13px; } .modif_histo::after { background-color: rgb(71, 113, 161); content:"~"; line-height: 14px; } .del_histo::after { background-color: rgb(161, 71, 71); content: '-'; line-height: 14px; } .resultsRecherche td .highlight { background-color: rgb(255, 255, 0); } #dropPj.dropzone { min-height: 0; max-height: 200px; overflow: auto; } #dropPj .dz-message { margin: 0; } #dropPj .dz-message span { color: var(--couleurPrincipaleClient); font-size: 16px; } #dropPj.dropzone .dz-details { display: flex; padding-left: 0; position: static; } #dropPj.dropzone .dz-preview { min-height: 0; padding: 5px; } #dropPj.dropzone .dz-details [data-dz-remove] { margin-left: auto; min-width: 30px; } #dropPj.dropzone .dz-details [data-dz-size] { padding: 5px; min-width: 70px; display: flex; align-items: center; } .btnSendMail { padding: 10px; font-size: 16px; border: 2px solid #383838; cursor: pointer; padding-left: 30px; color: white; background: #ac8603; margin-top: 20px; overflow: hidden; border-radius: 5px; } .btnSendMail::before { position: absolute; content: "\f1d8"; left: 5px; height: 15px; font-family: 'Font Awesome 5 Free'; font-weight: bold; color: white; transform: translate(0, 0) scale(1); transition: all cubic-bezier(.6,-0.28,.74,.05) .5s; } .btnSendMail:hover::before { transform: translate(200%, -200%) scale(.2); } .tdb_chiffres_cles { row-gap: 10px; display: flex; flex-direction: column; } /* Chiffres clés */ .liste_chiffres_cles { height: 15vh; } .chiffres_cles { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; column-gap: 10%; margin-left: -70px; margin-right: -70px; background-color: #fff4f4; } .chiffre_cle[href] { cursor: pointer; } .chiffre_cle { flex: 0 1 auto; height: 80%; padding: 10px; display: flex; flex-direction: column; justify-content: center; } .chiffre_cle .body { text-align: center; } .chiffre_cle .nb{ font-size: 5vh; font-family: Arial, Helvetica, sans-serif; text-align: center; color: var(--couleurPrincipaleClient); } .chiffre_cle .unite{ color: var(--couleurPrincipaleClient); font-size: 3vh; margin-left: 5px; filter: none; } .chiffre_cle .description{ font-weight: bold; } table.detail_chiffre_cle tr td{ padding: 5px; } table.detail_chiffre_cle tr:not(:last-child) > td { border-bottom: 1px solid white; } table.detail_chiffre_cle tr > td:not(:last-child) { border-right: 1px solid white; } /* TDB */ .tdb { display: flex; justify-content: center; margin-top: 55px; flex-direction: column; width: 60%; margin: auto; } .tdb_modules { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 30px; } .tdb_module { padding: 5px 25px; padding-bottom: 15px; width: 100%; background-size: 100%; background-repeat: no-repeat; z-index: 1; display: flex; flex-direction: column; overflow: hidden; border: 3px solid black; border-image: radial-gradient(closest-corner, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgb(0, 0, 0) 90%) 1; } .module_header { font-size: 24px; margin-bottom: 10px; margin-top: 5px; display: flex; align-items: center; justify-content: center; height: 50px; } .module_header .module_picto { margin-right: 10px; } .etapes_en_cours .module_header .module_picto::before { content: "\f017"; font-family: "Font Awesome 5 Free"; color: rgb(15, 18, 54); } .etapes_a_valider .module_header .module_picto::before { content: "\f058"; font-family: "Font Awesome 5 Free"; color: rgb(0, 151, 0); } /* Popin ca ttc */ .stats_container { display: flex; flex-direction: row; column-gap: 20px; } .stats_container .stat { flex: 1 1 50%; } .stats_container .totalStat { padding: 10px; text-align: center; font-size: 18px; font-family: Arial, Helvetica, sans-serif; } /* REFONTE TDB */ .module_title { text-align: center; } .module_body { display: flex; flex-direction: column; row-gap: 20px; } .module_body .element { font-size: 14px; display: flex; flex-direction: column; } .module_body .element > .element_details { /*display: none;*/ } .module_body .element .element_title { border-bottom: 1px solid #545454; padding: 5px; display: flex; flex-direction: row; align-items: center; cursor: pointer; } .module_body .element .element_title::after { bottom: -5px; left: -4px; position: absolute; content: ''; width: 8px; height: 8px; opacity: 0; border-radius: 100%; background-color: #89173b; transition: all .3s ease; z-index: 2; } .module_body .element .nb { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .module_body .element.ouvert .element_title::after { opacity: 1; } .module_body .element .element_details { border-left: 1px solid #89173b; overflow: hidden; } .module_body .element .element_title .logoFiliale { width: 40px; margin-right: 10px; vertical-align: middle; } .module_body .element .element_title .nomFiliale { font-size: 16px; } .module_body .element .element_title .nbActions { margin-left: auto; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .module_body .element .element_title .pictoArrow { background: url("../inc_images/design/picto/arrow-down-red.png") no-repeat center; width: 24px; height: 24px; margin-left: 5px; transform: rotate(180deg); transition: transform .3s ease; } .module_body .element.ferme .pictoArrow { transform: rotate(0deg); } .module_body .element_details .etape { /*display: flex; flex-direction: row; align-items: center;*/ column-gap: 10px; padding-top: 5px; padding-left: 5px; text-decoration: none !important; } .module_body .element_details .etape .etape_libelle { font-weight: bold; } .module_body .element_details .etape .etape_projet { font-weight: normal; font-size: 0.8em; font-style: italic; } .module_body .element_details .etape .etape_infos { /*margin-left: auto; flex: 0 0 auto;*/ text-align: right; white-space: nowrap; } .module_body .element_details .etape td { cursor: pointer; } .module_body .etape .etape_nom,.module_body .etape .nb { color: rgb(0, 104, 0); } .module_body .etape.critique .etape_nom,.module_body .etape.critique .nb { color: var(--couleurPrincipaleClient); } .module_body .etape.semi-critique .etape_nom,.module_body .etape.semi-critique .nb { color: rgb(189, 93, 4); } .module_body .element_details .etape .btnSendMail { width: 24px; height: 24px; font-size: 12px; display: block; padding: 0; margin: 0; border-radius: 50%; } .module_body .element_details .etape .btnSendMail::before { left: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .module_body .element_details .etape .etape_picto { font-size: 16px; padding: 5px; width: 25px; } .module_body .element_details .etape .etape_picto::before { font-family: "Font Awesome 5 Free"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .module_body .element_details .etape .etape_picto.a_faire::before { content: "\f017"; color:#000080; } .module_body .element_details .etape .etape_picto.a_valider::before { content: "\f058"; color: #ac8603; } .module_body .element_details .etape .etape_picto.retour_admin::before { content: "\f19c"; color: #ac8603; font-weight: bold; } .module_body .element_details .etape .etape_picto.permis::before { content: "\f6e3"; color: #000080; font-weight: bold; } .module_body .element_details .etape .etape_picto.pret::before { content: "\f0d6"; color: #ac8603; font-weight: bold; } .module_body .element_details .etape .etape_picto.vente::before { content: "\f573"; color: var(--couleurPrincipaleClient); font-weight: bold; } .module_body .element_details .etape .etape_action { padding: 5px; text-align: center; width: 36px; } .picto_mail::after { position: absolute; content : "\f0e0"; right: -30px; font-weight: bold; font-family: "Font Awesome 5 Free"; font-size: 24px; bottom: 50%; color: #ac8603; } .btnValider{ display: inline-block; text-align: center; font-size: 20px; color: gray; transition: color .15s ease; cursor: pointer; } .btnValider:hover{ color: #0d6912; } .ui-validity-tooltip { padding: 10px !important; filter: drop-shadow(0px 0px 5px black); border: none !important; z-index: 99999 !important; } span.accent { font-weight: bold; color: var(--couleurPrincipaleClient); } span.accent.secondary { color: #ac8603; } /* Stats */ .liste_stat { display: flex; flex-wrap: wrap; width: 70%; margin:auto; justify-content: center; align-items: center; column-gap: 20px; row-gap: 20px; height: calc(100vh - 200px); } .tuile_stat { max-width: 30vw; min-width: 10vw; border: 1px solid black; flex: 1; height: 50vh; display: flex; flex-direction: column; } .tuile_stat .title{ width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px; } .tuile_stat .body { display: flex; flex-direction: column; height: 100%; } .tuile_stat .previsu{ width: 100%; display: flex; justify-content: center; align-items: center; height: 80%; } .tuile_stat .description{ width: 100%; display: flex; justify-content: center; align-items: center; } .tableDetailLogAvantApres td { vertical-align: top; } .detailLogDevis .liste_voir { width: 20px; height: 20px; } .choixVersion { padding: 25px; } .choixVersionLigne { display: flex; padding: 5px; text-decoration: none; transition: transform .2s ease-in-out; } .choixVersionLigne:hover, .choixVersionLigne:hover * { text-decoration: none; transform: scale(1.01); } .choixVersionLigne > div { display: flex; flex-direction: column; width: 100%; } .choixVersionLigne .libelle, .choixVersionLigne .descriptif { text-align: left; font-size: 14px; } .choixVersionLigne .libelle { color: var(--couleurPrincipaleClient); font-weight: bold; } .choixVersionLigne .descriptif { font-style: italic; } .contentReinitialise { width: 50%; margin: auto; display: flex; justify-content: center; } #prctPrixAchat { vertical-align: middle; } .btnOpenCalc { width: 1.8em; height: 1.8em; border-radius: 100%; background-color: #ac8603; display: inline-block; margin-left: 5px; vertical-align: middle; cursor: pointer; } .btnOpenCalc::before { width: 100%; height: 100%; position: absolute; left: 0; font-family: "Font Awesome 5 Free"; content:'\f1ec'; font-weight: bold; text-align: center; line-height: 1.8em; color: white; } #calculateur table { border-collapse: collapse; } #calculateur table td, #calculateur table th { padding: 5px; border: 1px solid black; font-size: 14px; } #calculateur table th { background-color: lightgray; background-clip: padding-box; } #calculateur table td,#calculateur table td input { text-align: right; font-family:Arial, Helvetica, sans-serif; } #calculateur table td input { width: 100%; border: none; border-radius: 0; border-bottom: 1px solid black; font-size: 14px; } .headerPoolBancaire { display: flex; column-gap: 10px; } .headerPoolBancaire .dateModif { text-align: center; font-size: 1.2em; display: flex; align-items: center; flex-shrink: 0; } .headerPoolBancaire .dateModif > span { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .legendePoolBancaire { font-size: 1.2em; display: flex; column-gap: 10px; row-gap: 5px; margin-bottom: 10px; margin-left: auto; flex-wrap: wrap; justify-content: flex-end; } .legendePoolBancaire span { padding: 5px; border-radius: 5px; border: 2px solid black; } .pool_bancaire_general { border-collapse: collapse; border: 1px solid black; background-clip: padding-box; } .pool_bancaire_general td, .pool_bancaire_general th { border: 1px solid black; padding: 5px; background-clip: padding-box; } .pool_bancaire_general tr { background-clip: padding-box; } .pool_bancaire_general thead th { /*background-color: #383838; color: white; font-family: "OCR", sans-serif;*/ border-left-color: white; border-right-color: white; font-size: 1.35em; background-color: var(--couleurPrincipaleClient); color: white; } .pool_bancaire_general thead th:first-child, .pool_bancaire_general thead th:last-child { border-left-color: black; } .pool_bancaire_general .tdInfosFiliale { background-color: rgba(131, 0, 0,0.20); font-family: "OCR", sans-serif; color: var(--couleurPrincipaleClient); } .pool_bancaire_general .infosFiliale { font-weight: bold; font-size: 1.35em; display: flex; align-items: center; column-gap: 10px; } .pool_bancaire_general tbody tr { font-size: 1.2em; } .pool_bancaire_general tbody tr td { font-size: 1em; } .pool_bancaire_general td.nomProjet input[type=text] { width: 100%; background: transparent; border: none; border-bottom: 1px solid black; font-size: 1em; transition: border-bottom-color .1s ease-in; } .pool_bancaire_general td.nomProjet input[type=text]:focus { border-bottom-width: 2px; border-bottom-color: var(--couleurPrincipaleClient); font-weight: bold; } .pool_bancaire_general td.caseBanque { cursor: pointer; text-align: center; font-weight: bold; font-size: 1.2em; } .pool_bancaire_general td.disabledCaseBanque { position: relative; cursor: not-allowed; } .pool_bancaire_general td.disabledCaseBanque::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(114, 87, 87, 0.5); content:''; } .pool_bancaire_general .tdDelete { text-align: center; } .pool_bancaire_general .liste_delete { width: 24px; height: 24px; } .pool_bancaire_general .addComment { width: 100%; height: 100%; cursor: pointer; font-size: 1.5em; } .pool_bancaire_general .addComment::before { content: "\f4ad"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .addComment #commentaireLigne { width: 100%; } .context-menu-list.context-etat-pret, .context-menu-list.context-etat-pret li { padding: 0; border-radius: 0; background: none; border: none; } .context-menu-list.context-etat-pret { border: 1px solid black; border-top: none; margin: 5px; margin-top: .2em; } .context-menu-list.context-etat-pret li div { height: 25px; display: flex; align-items: center; justify-content: center; color: black; } .context-menu-list.context-etat-pret li:hover div { color: black; filter: brightness(.8); } .timePicker { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 50px; margin-bottom: 20px; background: #fff4f4; padding: 15px; } .timePicker .goPrev, .timePicker .goNext{ height: 24px; width: 24px; border-radius: 100%; border: none; cursor: pointer; background: rgb(231, 231, 231); box-shadow: 2px 3px 3px rgba(0,0,0,.2); } .timePicker .goPrev::before, .timePicker .goNext::before{ font-family:'Font Awesome 5 Free'; top:50%; left: 50%; transform: translate(-50%,-50%); color: var(--couleurPrincipaleClient); position: absolute; font-size: 1em; font-weight: bold; } .timePicker .goPrev::before{ content: "\f060"; } .timePicker .goNext::before{ content: "\f061"; } .timePicker .goPrev:hover, .timePicker .goNext:hover { filter:brightness(.85); } .timePicker .selectYear { border: none; background: transparent; height: 100%; font-size: 1.5em; text-align: center; cursor: pointer; } .montant { font-family: Arial, Helvetica, sans-serif; } .listeMargeBrutePrev { display: flex; flex-direction: row; overflow-x: auto; overflow-y: hidden; column-gap: 10px; justify-content: center; } .margeBrutePrevContainer { flex: 0 0 24.5%; display: flex; flex-direction: column; row-gap: 20px; } .margeBrutePrevContainer.flexRow { flex-direction: row; } .tableBorderCenter { border: 1px solid black; border-collapse: collapse; font-size: 14px; } .tableBorderCenter td, .tableBorderCenter th { border: 1px solid black; background-clip: padding-box; padding: 5px; text-align: center; } .tableBorderCenter td.fontBold { font-weight: bold; } .tableBorderCenter td.n_1, .tableBorderCenter th.n_1 { background-color: #D8E4BC; } .tableBorderCenter td input { text-align: right; } .tableRecapMargeBrutePrev { margin-top: auto; } .tableMargeBrutePrev .thInfosFiliale { font-weight: bold; } .tableMargeBrutePrev .thInfosFiliale .infosFiliale { display: flex; flex-direction: row; column-gap: 10px; align-items: center; justify-content: center; text-decoration: underline; font-size: 1.2em; height: 40px; max-height: 40px; } .tableMargeBrutePrev .bgGray { background-color: lightgray; font-weight: bold; } .tableMargeBrutePrev .bgGray a{ color: black; } .recapBudgetPrevLotisseur { margin-top: 40px; width: 30%; } .MBPAgenceImmo .listeMargeBrutePrev { width: 100%; } .MBPAgenceImmo .margeBrutePrevContainer, .MBPMaisonsIndiv .margeBrutePrevContainer, .MBPFonciere .margeBrutePrevContainer { flex: 1 1 50%; } .MBPAgenceImmo .listeMargeBrutePrev, .MBPMaisonsIndiv .listeMargeBrutePrev, .MBPFonciere .listeMargeBrutePrev { justify-content: flex-start; } .MBPMaisonsIndiv .listeMargeBrutePrev .tableMargeBrutePrev tr.termine td { background-color: #92d050; } .honoraireContainer, .packMensuelContainer { flex: 1 1 20%; row-gap: 10px; display: flex; flex-direction: column; } canvas.plan { border: 1px solid #ccc; } #projet_plan_visu .modif_plan { margin-right: 10px; } #projet_plan_visu .modif_plan, #projet_plan_visu .btn_export { padding: 5px; border: 2px solid var(--couleurPrincipaleClient); font-size: 14px; border-radius: 5px; cursor: pointer; text-decoration: none; background-color: white; color: var(--couleurPrincipaleClient); font-weight: bold; filter: brightness(1); } #projet_plan_visu .modif_plan:hover, #projet_plan_visu .btn_export:hover { filter: brightness(.8); } #plan_visu_container { margin-top: 15px; } #projet_plan_edit { overflow: hidden; } #projet_plan_edit .tools { position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: rgba(0,0,0,.5); padding: 10px; display: flex; gap: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #projet_plan_edit .tools > div { width: 32px; height: 32px; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 18px; border: 2px solid var(--couleurPrincipaleClient); display: flex; justify-content: center; align-items: center; border-radius: 5px; background-color: #eee; color: var(--couleurPrincipaleClient); filter: brightness(1); transition: all .15s ease; cursor: pointer; } #projet_plan_edit .tools > div.active { background-color: var(--couleurPrincipaleClient); color: white; } #projet_plan_edit .tools > div:hover { filter: brightness(.8); } #projet_plan_edit .tools .normalMode::after { content: '\f245'; } #projet_plan_edit .tools .drawMode::after { content: '\f5ee'; } #projet_plan_edit .menu { position: absolute; right: 0; top: 0; z-index: 2; width: 200px; height: 100%; background-color: rgba(0,0,0,.5); display: flex; flex-direction: column; padding: 10px; font-size: 14px; color: white; transition: transform .2s ease-in; transform: translateX(0); } #projet_plan_edit .menu.closed { transform: translateX(100%); } #projet_plan_edit .toggleBtn { position: absolute; top: 40px; left: -40px; width: 40px; height: 40px; background-color: rgba(0,0,0,.7); font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 24px; display: flex; justify-content: center; align-items: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: white; cursor: pointer; } #projet_plan_edit .toggleBtn::after { content: '\f101'; transform: rotate(0deg); transition: transform .2s ease; } #projet_plan_edit .menu.closed .toggleBtn::after { transform: rotate(180deg); } #projet_plan_edit .menu .global .btnModifBG { width: 100%; margin: 5 10px; background: white; font-size: 1.3em; font-weight: bold; color: var(--couleurPrincipaleClient); border-radius: 5px; text-align: center; border: 2px solid var(--couleurPrincipaleClient); cursor: pointer; transition: filter .15s ease; filter: brightness(1); } #projet_plan_edit .menu .global .btnModifBG:hover { filter: brightness(.8); } #projet_plan_edit .menu .global .backgroundImgSrc { text-align: center; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #projet_plan_edit .menu .shapeInfos { margin-top: auto; margin-bottom: auto; } #projet_plan_edit .menu .shapeInfosLot, #projet_plan_edit .menu .shapeInfosText { display: flex; flex-direction: column; border-top: 2px solid white; border-bottom: 2px solid white; margin-left: -10px; margin-right: -10px; padding: 40px 10px; font-size: 14px; gap: 5px; background-color: rgba(100,0,0,.5); position: relative; } #projet_plan_edit .menu .shapeInfosText { background-color: rgba(0,0,100,.5); } #projet_plan_edit .menu .titleFonction { text-align: center; font-weight: bold; font-size: 1em; position: absolute; top: 0; background-color: rgba(0,0,0,.7); left: 50%; transform: translateX(-50%); padding: 5px; border: 2px solid white; border-top: 0; border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; } #projet_plan_edit .menu #selectLot { color: var(--couleurPrincipaleClient); border-radius: 5px; text-align: center; border: 2px solid var(--couleurPrincipaleClient); cursor: pointer; font-size: 1em; } #projet_plan_edit .shapeInfosText .modifFontSize .content { display: flex; align-items: center; justify-content: center; font-size: 1em; text-align: center; gap: 5px; position: relative; } #projet_plan_edit .shapeInfosText .modifPosition .content { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; position: relative; } #projet_plan_edit .menu .subTitleFonction { text-decoration: underline; width: 100%; display: flex; justify-content: center; align-items: center; margin: 10px 0; } #projet_plan_edit .shapeInfosText .modifFontSize .displayFontSize { padding: 5px; background-color: var(--couleurPrincipaleClient); color: white; font-weight: bold; border-radius: 5px; } #projet_plan_edit .shapeInfosText .modifFontSize .plusFontSize, #projet_plan_edit .shapeInfosText .modifFontSize .minusFontSize { border: 2px solid var(--couleurPrincipaleClient); background-color: white; color: var(--couleurPrincipaleClient); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 100%; cursor: pointer; filter: brightness(1); } #projet_plan_edit .shapeInfosText .modifFontSize .plusFontSize:hover, #projet_plan_edit .shapeInfosText .modifFontSize .minusFontSize:hover { filter: brightness(.8); } #projet_plan_edit .shapeInfosText .modifPosition .content > div { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px; } #projet_plan_edit .shapeInfosText .modifPosition .content > div > div { border: 2px solid var(--couleurPrincipaleClient); background-color: white; color: var(--couleurPrincipaleClient); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 100%; cursor: pointer; filter: brightness(1); } #projet_plan_edit .shapeInfosText .modifPosition .content > div > div:hover { filter: brightness(.8); } #projet_plan_edit .menu .menu_footer { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: auto; } .mce-menu, .mce-floatpanel { position: fixed !important; } .btn_clone { position: relative; } .btn_clone::after { position: absolute; top: 0; right: 0; cursor: pointer; z-index: 2; font-family: "Font Awesome 5 Free"; font-weight: bold; content: "\f24d"; font-size: 24px; color: #a22828; } .btn_validation_doc { cursor: pointer; } .btn_validation_doc .fa-check-circle, .doc_valide .fa-check-circle { font-size: 24px; } .doc_valide .fa-check-circle { color: #0d6912; } .popin_add_facture table tr.trValidPaiements td { vertical-align: top; } .popin_add_facture table tr.trValidPaiements caption { font-size: 1.1rem; text-decoration: underline; font-weight: bold; color: var(--couleurPrincipaleClient); } @media screen and (max-width:1700px){ .topAppli { background-image: none; height: 65px; } .topAppli::before { z-index: -1; content: ""; position: absolute; left: 150px; top: 0; width: calc(100% - 300px); height: 100%; background: linear-gradient(90deg, rgba(54,4,4,1) 22%, rgba(129,19,19,1) 44%, rgba(159,25,25,1) 52%, rgba(129,19,19,1) 61%, rgba(99,25,25,1) 72%, rgba(54,4,4,1) 86%); border: 4px solid #383838; border-top: 0; } .footer { background-image: none; height: 115px; } .footer::before { z-index: -1; content: ""; position: absolute; left: 150px; top: 0; width: calc(100% - 300px); height: 100%; background: linear-gradient(90deg, rgba(54,4,4,1) 22%, rgba(129,19,19,1) 44%, rgba(159,25,25,1) 52%, rgba(129,19,19,1) 61%, rgba(99,25,25,1) 72%, rgba(54,4,4,1) 86%); border: 4px solid #383838; border-bottom: 0; } .footer > p { top: 25px; } .menuHaut.menuRecherche { left: 50%; margin-top: 40px; transform: translateX(-50%); } /* Responsive utilisable */ .dataTables_filter label { font-size: 12px; } .dataTables_filter input[type='search'] { width: 150px; } .dataTables_wrapper { overflow: auto; } .ui-tabs .ui-tabs-panel { overflow: auto; } .ui-tabs .ui-tabs-panel .dataTables_wrapper { overflow: visible; } } @media screen and (max-width:1600px){ .popin_read_mail .infosMail { max-width: 60%; } .popin_read_mail .pjContainer { max-width: 35%; } #dropPj.dropzone { padding: 5px; } #dropPj.dropzone .dz-message { padding: 0; } #dropPj.dropzone .dz-message span { font-size: 12px; } #buttonEnvoyer { font-size: 14px; } .popin_read_mail iframe#msg_ifr { max-height: 300px; } } @media screen and (max-width:1360px){ .projet_left, .projet_right { flex-basis: 50%; max-width: 50%; } .projetTypeEtapeDetail { flex-wrap: wrap; } .projetTypeEtapeDetail flex-1-2 { flex-basis: 100%; max-width: 100%; } #frm_gestion_modif_type_etape .actionBar { justify-content: flex-start; row-gap: 5px; } .popin_read_mail iframe#msg_ifr { max-height: 200px; } }