/*=============================================*/ /* Définition des variables */ /*=============================================*/ :root { /* Couleur Default */ --color-default: #f7f9fc!important; --color-default2: #FDFEFF!important; --color-default-alt: #EDF1F7!important; --color-default-alt2: #e4e9f2!important; --color-default-alt3: #8f9bb3!important; --color-menu-default: #FDFEFF!important;/*#13a9e3!important;/*#2196F3!important; #3498db;*/ /* Couleur Dark */ --color-dark: #222b45!important; --color-dark-alt:#191c34!important; --color-dark-alt2:#101426!important; --color-dark-alt3: #8f9bb3!important; /*5e6171 gris d'avant*/ --color-menu-dark: #222b45!important; /*font-family: 'Roboto', sans-serif;*/ /*--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/ /*--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace*/ } .auto-text { font-size: clamp(5px, 15px, 15px); } /* Header Imhotep */ .nb-theme-default nb-layout-header { background-color: var(--color-menu-default);} .nb-theme-dark nb-layout-header { background-color: var(--color-menu-dark);} .ellipsisheader {width:85px;white-space: nowrap;} .ellipsisheader:hover {width:unset;white-space:unset;} /*background color*/ .nb-theme-dark .bgcolor{background-color: var(--color-dark)} .nb-theme-default .bgcolor{background-color: var(--color-default-alt2)} .nb-theme-dark .bgcolor-alt2{background-color: var(--color-dark-alt2)} .nb-theme-default .bgcolor-alt2{background-color: var(--color-default-alt2)} /* #region UI PANEL */ body .ui-panel .ui-panel-titlebar{display: none!important;} body .ui-panel .ui-panel-content{padding: 0px!important; background-color: transparent!important;} /* #endregion */ /* #region IM-CARD*/ .nb-theme-dark im-card-header, .nb-theme-default im-card-header{font-weight: 600;} /* #endregion */ /* #region P-PANEL*/ .p-panel .p-panel-header, .p-panel .p-panel-content, .p-panel .p-panel-footer, .p-panel, .p-dataview .p-dataview-header, .p-dataview .p-dataview-content,.p-dataview .p-dataview-footer{ background-color: transparent!important; box-shadow: none!important; border: none!important; padding-right: 0px!important; padding-left: 0px!important; padding-top: 0px!important; padding-bottom: 0px!important; margin-right: 0px!important; } .p-panel .p-panel-header{display: none;} /* #endregion */ /* #region P-DATAVIEW */ .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div{border:none!important;} .p-dataview-layout-options{display: none!important;/*cache la selection list/grid*/} .p-paginator {justify-content:center;width: 100%!important;} .p-dataview-content{padding-left: 0px!important;padding-right: 0px!important;} .p-dataview-header{/*margin-left: 3px!important;*/margin-right: 15px!important;} body .ui-dataview .ui-dataview-content{background-color: transparent!important;} .p-dataview.p-dataview-grid .p-dataview-content > .grid {display:contents!important;} .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{ background: rgba(96, 165, 250, 0.16)!important; border-radius: 50%!important; } /* #endregion */ /* #region P-XXX */ .p-card, .p-paginator,.p-datatable .p-datatable-thead > tr > th, .p-datatable .p-datatable-tbody > tr {background-color: transparent!important;} /* #endregion */ /* #region P-ORDERLIST*/ .p-orderlist-droppoint{height: 2Opx!important;} .p-orderlist .p-orderlist-header{background-color: transparent!important;border: none!important;} .p-orderlist .p-orderlist-list{background-color: var(--color-dark-alt);} /* #endregion */ /* #region P-FILEUPLOAD */ .p-fileupload .p-fileupload-buttonbar{background-color: transparent!important;border: none!important;} .nb-theme-dark .p-fileupload .p-fileupload-content{background-color: var(--color-dark-alt);} .p-fileupload-row > div > img {width: 100%!important;} /* #endregion*/ /* #region DROPDOWN et MULTI SELECT */ .p-dropdown{padding-left: 0px!important;text-align: left!important;} .p-dropdown-filter, .p-multiselect-filter{height:46px!important;} .p-dropdown:not(.p-disabled).p-focus {box-shadow: none!important;} /*.p-dropdown-panel {width: 200px!important;}*/ .nb-theme-dark .p-dropdown-header {background-color: var(--color-dark-alt);} .nb-theme-dark .p-multiselect .p-multiselect-label.p-placeholder{color: #8f9bb3!important;} .nb-theme-dark .p-multiselect-header, .nb-theme-dark .p-multiselect-panel .p-multiselect-items .p-multiselect-item{background-color: var(--color-dark-alt);} /* #endregion*/ /* #region CALENDAR */ .p-calendar-w-btn{width: 100%!important;height: 46px!important;} .nb-theme-dark .p-datepicker:not(.p-datepicker-inline){background-color: var(--color-dark-alt); } .nb-theme-dark .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header{background-color: var(--color-dark);} .nb-theme-dark .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .nb-theme-dark .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year{color: white!important;} .nb-theme-dark .p-datepicker table td > span.p-highlight{background: #2196f3!important;color:white!important;} .nb-theme-dark .p-datepicker:not(.p-datepicker-inline), .nb-theme-default .p-datepicker:not(.p-datepicker-inline){z-index: 99999!important;} /* #endregion*/ /* #region sidebar */ :root{ --maskbg: rgba(17, 31, 77, 0.3); } .p-sidebar {padding-left: 0px!important;padding-right: 0px!important;width:500px!important;} .p-sidebar-icon{margin-left: auto!important;margin-right: 15px!important;} .p-sidebar-header{padding-left: 15px!important;} .nb-theme-dark .p-sidebar,.nb-theme-dark .p-sidebar .p-sidebar-close{background-color: var(--color-dark);color: white;} .nb-theme-default .p-sidebar,.nb-theme-default .p-sidebar .p-sidebar-close{background-color: var(--color-default);color: var(--color-dark);} .nb-theme-dark .bor-bot-sidebar{border-bottom:1px solid rgba(255, 255, 255, 0.12)!important;} .nb-theme-default .bor-bot-sidebar{border-bottom:1px solid var(--color-dark-alt);} .p-sidebar-right{ /* margin-top: 80px!important;*/ z-index: 9000; } .nb-theme-dark .p-sidebar .p-sidebar-content, .nb-theme-default .p-sidebar .p-sidebar-content { /* Appliquez vos styles ici */ overflow: hidden !important; overflow-y: auto !important; } /* Largeur de la barre de défilement */ /* Pour Chrome, Edge et Safari */ .nb-theme-dark ::-webkit-scrollbar, .nb-theme-default ::-webkit-scrollbar { /*width: 5px; /* 0.3125rem en pixels */ width:0.3125rem; } /* Couleur de fond de la barre de défilement */ .nb-theme-dark ::-webkit-scrollbar-track { background-color: var(--color-dark);/*#192038;*/ } /* Couleur de fond de la barre de défilement */ .nb-theme-default ::-webkit-scrollbar-track { background-color: var(--color-default-alt);/* #f7f9fc;*/ } /* Couleur de la poignée de défilement */ .nb-theme-dark ::-webkit-scrollbar-thumb { background-color: var(--color-dark-alt2); /* #101426;*/ /* #007bff; */ border-radius: 10px; /* Bordure arrondie de la poignée */ } .nb-theme-default ::-webkit-scrollbar-thumb { background-color: var(--color-default-alt3);/*#e4e9f2;*/ border-radius: 10px; /* Bordure arrondie de la poignée */ } /* Firefox */ /*.nb-theme-dark { /*scrollbar-width: thin;*/ /*scrollbar-width: 5px !important;*/ /*scrollbar-color: var(--color-dark-alt2) var(--color-dark);*/ /*}*/ /*.nb-theme-default {*/ /*scrollbar-width: thin;*/ /*scrollbar-width: 3px !important;*/ /*scrollbar-color: var(--color-default-alt3) var(--color-default-alt);*/ /*}*/ /* Fin Sidebar Scrollbar*/ .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } /* #endregion*/ /* #region Toolbar */ .nb-theme-dark .p-toolbar {background-color: var(--color-dark);border:1px solid #151a30!important;} .nb-theme-default .p-toolbar {background-color:var(--color-default);border:1px solid darkgray!important;} .p-toolbar {padding-top: 5px!important; padding-bottom: 5px!important; padding-left: 10px!important; padding-right: 10px!important;margin-bottom: 10px;} /* #endregion */ /* #region ToolTip */ .p-tooltip { font-size: 14px !important; } /* #endregion */ /* #region TIEREDMENU */ .p-tieredmenu{width: 300px!important;top: 58px !important;} .nb-theme-dark .p-tieredmenu.p-tieredmenu-overlay{background-color: var(--color-dark);} .nb-theme-default .p-tieredmenu.p-tieredmenu-overlay{background-color: var(--color-default);} .p-tieredmenu .p-menuitem-link {border-bottom: 1px solid #5e6171;} /* #endregion */ /* #region P-DIALOG */ /*.p-dialog, .p-dialog-mask.p-component-overlay{z-index: 10000!important;}*/ .p-dialog {max-height: 98%!important;} .p-dialog .p-dialog-content{padding-top: 5px!important;padding-bottom: 45px;} .p-dialog .p-dialog-header{height: 45px!important;font-size: 17px!important;} .p-dialog .p-dialog-header .p-dialog-title{font-size: 17px!important;} .p-dialog-header{border-bottom: 1px solid #007bff!important;} .sidebar-dialog { /*animation: slideFromRight 0.3s ease;*/ /* Ajoutez une animation pour l'entrée depuis la droite */ position: fixed; right: 0; top: 0; bottom: 0; border: none; /*border-left: 1px solid #ddd;*/ /* Ajoutez une bordure pour séparer le sidebar du contenu principal */ /*border-top-left-radius: 0; border-bottom-left-radius: 0;*/ } /*@keyframes slideFromRight { from { transform: translateX(100%); } to { transform: translateX(0); } }*/ /* #endregion */ /* #region CAROUSEL */ /*.p-carousel .p-carousel-indicators{display: none!important;}*/ #carouselvertical .p-carousel-content{height: 100%!important;} #carouselvertical .p-carousel-container{height: 100%!important;overflow: hidden!important;} #carouselvertical .p-carousel-items-content{height: 100%!important;} #carouselvertical .p-carousel-vertical{height: 100%!important;} #carouselvertical .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, #carouselvertical .p-carousel .p-carousel-content .p-carousel-next:enabled:hover{background: rgba(255, 255, 255, 0.60);} .p-galleria .p-galleria-item-nav{width:32px!important;height:32px!important} .p-galleria .p-galleria-item-nav:not(.p-disabled):hover{background:rgba(255, 255, 255, 0.6)!important;} .nb-theme-dark #gallerialbiendetail .p-galleria .p-galleria-thumbnail-container{background-color: var(--color-dark-alt);} .nb-theme-default #gallerialbiendetail .p-galleria .p-galleria-thumbnail-container{background-color: var(--color-default-alt2);} .p-galleria-footer{position: relative!important;top:-43px!important;} .nb-theme-dark .custom-galleria-footer{background-color: var(--color-dark)!important;} .nb-theme-default .custom-galleria-footer{color:var(--color-dark)!important;;background-color: var(--color-default-alt2)!important;} .nb-theme-default .fullscreen-button {color:var(--color-dark)!important;} #gallerialbiendetail .p-galleria-thumbnail-container{padding-top: 8px!important;padding-bottom: 8px!important;padding-left: 0px!important;padding-right: 0px!important;} #gallerialbiendetail .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, #gallerialbiendetail .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next{margin-left:0px!important;margin-right:0px!important;} #gallerialbiendetail .p-galleria-item-nav {top:38%!important;} #carouselapplication .p-carousel .p-carousel-content .p-carousel-next, #carouselapplication .p-carousel .p-carousel-content .p-carousel-prev, #carouselbanapplication .p-carousel .p-carousel-content .p-carousel-next, #carouselbanapplication .p-carousel .p-carousel-content .p-carousel-prev, #carouseltypeapplication .p-carousel .p-carousel-content .p-carousel-next, #carouseltypeapplication .p-carousel .p-carousel-content .p-carousel-prev {background-color: gray;} /* #endregion */ /* #region OVERLAY PANEL */ .p-overlaypanel .p-overlaypanel-content{border-radius: 5px;padding-top: 0px;padding-bottom: 0px;overflow:auto;} .p-overlaypanel {padding-top: 10px;padding-bottom: 10px;} .pOverlayPanelPad5 .p-overlaypanel-content { padding: 5px !important; } /* #endregion */ /* #region TAB VIEW */ .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background-color: gray!important;border-radius: 5px 5px 0px 0px!important;color: white!important;} /* #endregion */ /* #region Fil ariane*/ .p-breadcrumb{background: none!important;border: none!important;cursor: pointer!important;text-decoration: none!important;} .pi-chevron-right:before{font-family: "Font Awesome 5 Free"; font-size: 14px!important;font-weight: 900;content: "\f054"!important;} .pi-home:before{font-family: "Font Awesome 5 Free"; font-size: 16px!important;font-weight: 900;content: "\f015"!important;} .p-menuitem-link {text-decoration: none!important;color: unset!important;} /* #endregion */ /* #region NB-LAYOUT*/ nb-layout .layout{background-color: transparent!important;} .nb-theme-dark nb-layout .layout .layout-container .content .columns nb-layout-column, .nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column{padding-top: 13px!important;} .nb-theme-dark nb-layout-column,.nb-theme-default nb-layout-column{padding-left:15px!important;padding-right: 15px!important;} /* #endregion*/ /* #region P-MULITSELECT */ .p-multiselect-token-icon{position: relative!important;left: 5px!important;right: 10px!important;} /* #endregion*/ /* #region INVALID ZONE */ .im-fontinvalid, .im-fontinvalid-autocomplete, .im-fontinvalid-date, .im-fontinvalid-input, .im-fontinvalid-password, .im-fontinvalid-ddl, .im-fontinvalid-number, .im-fontinvalid-textarea{ color:red!important; position: relative!important; /*top: -18px!important; right: 16px!important;*/ margin-top: -18px!important; height: 18px!important; } .im-invalid, .im-invalid-autocomplete > div > input, .im-invalid.div, .im-invalid-ddl > div, .im-invalid-number > span > input, .im-invalid-date > span, .im-invalid-input, .im-invalid-inputmask input, .im-invalid-password > div > input, .im-invalid-selectbutton > div > div, .im-invalid-textarea{ border: 1px solid #dc3545!important; } input.ng-dirty.ng-invalid {color: red !important;} /* #endregion*/ /* #region Chips*/ .p-chips {width: 100%!important;min-height: 46px;/*margin-bottom: 22px!important;*/} .nb-theme-default .p-chips .p-chips-multiple-container .p-chips-token{background-color: #ffffff30!important;color:var(--color-dark)!important;} .nb-theme-dark .p-chips .p-chips-multiple-container .p-chips-token{background-color: #ffffff30!important;color:white!important;} /* #endregion */ /* #region p-rating*/ .p-rating .p-rating-icon{ /*font-size: 1.4rem!important;*/ /* width: 36px!important; height:30px!important;*/ } /* #endregion */ /* #region p-tabview*/ .p-tabview .p-tabview-panels {padding: 0!important;background-color: transparent!important;} .p-tabview-nav-container > div > ul > li{width: 50%!important;} .p-tabview-nav-container > div > ul > li > a{text-decoration:none!important;} .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {background-color: transparent!important;border-bottom:2px solid #2196f3!important;margin-bottom: 3px;color:#2196f3!important;} .p-tabview .p-tabview-nav li .p-tabview-nav-link {background-color: transparent!important;border-bottom:2px solid gray!important;margin-bottom: 3px;color:gray;} /* #endregion */ /* #region EDITOR*/ .angular-editor-textarea {background-color: white!important;color: var(--color-dark-alt2)!important;} .angular-editor-toolbar{ color: #191c34;border-radius: 5px;} /* #endregion */ /* #region ORDER-LIST */ /*POUR METTRE EN LIGNE LES IMAGES*/ .p-orderlist .p-orderlist-list .p-orderlist-item{width: 33%;display: inline-block;} /* #endregion */ /* #region p-badge */ .p-badge {min-width: 15px!important;height: 15px!important;line-height: 15px!important;background-color: red!important;color: white!important;} /* #endregion */ /* #region p-password */ p-password > div > input{height: 46px !important;} p-password > div > eyeicon > svg{color:var(--color-dark-alt);} /* #endregion */ /* #region badge */ .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem } /* #endregion */ /* #region AVATAR */ .p-avatar.p-avatar-circle{border:1px solid white!important;} /* #endregion */ /* #region p-list */ /*.p-listbox{}/* Container element.*/ .p-listbox-list{background-color: var(--color-dark);}/* List container.*/ /*.p-listbox-item{} /*An item in the list.*/ .p-listbox-header{background-color: var(--color-dark);} /*Header element.*/ /*.p-listbox-filter-container{} /* Container of filter input in header.*/ /* #endregion */ /* #region p-picklist */ /*.p-picklist{}/* Container element.*/ .p-picklist-list{background-color: var(--color-dark);}/* List container.*/ /*.p-listbox-item{} /*An item in the list.*/ .p-picklist-header{background-color: var(--color-dark);} /*Header element.*/ .p-picklist-filter-container{background-color: var(--color-dark);} #picklistVisite .p-picklist-source-controls {display: none!important;} #picklistVisite .p-picklist-target-controls {display: none!important;} #picklistVisite .p-picklist-buttons.p-picklist-transfer-buttons > button:nth-child(2){display: none!important;} #picklistVisite .p-picklist-buttons.p-picklist-transfer-buttons > button:nth-child(4){display: none!important;} .p-picklist-source-wrapper{margin-right: 10px;} /* #endregion */ /* #region p-stepper */ .p-stepper .p-stepper-panels{ background-color: transparent!important; /*background-color: var(--color-dark);*/ padding: 0px!important; } /* #endregion */ /* #region p-radiobutton */ .p-radiobutton-box{border:1px solid gray !important} /* Supprime le style natif */ .p-radiobutton .p-radiobutton-box { border: none !important; /* Supprime la bordure du bouton radio */ background: transparent !important; /* Rend le fond transparent */ width: 22px; height: 22px; } /* Supprime le rond rouge par défaut */ .p-radiobutton-box .p-radiobutton-icon { display: none !important; } /* Masquer le rond natif du radio */ .p-radiobutton-box { position: relative; border: 1px solid gray !important; width: 20px; height: 20px; } /* Ajouter une icône Font Awesome par défaut (cercle vide) */ .p-radiobutton-box::before { content: "\f111"; /* Cercle vide */ font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.2rem; color: gray; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* Changer l'icône quand le radio est sélectionné */ .p-radiobutton-box.p-highlight::before { content: "\f058"; /* Check-circle */ font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.2rem; color: #2196F3; } /* #endregion */ /* #region p-toast */ .p-toast{width:auto;} /* #endregion */ /* #region p-inputswitch */ .p-inputswitch {width: 3rem;height: 1.75rem; } .p-inputswitch .p-inputswitch-slider {background: #ced4da;transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;border-radius: 30px;} .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1.25rem; height: 1.25rem; left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {transform: translateX(1.25rem);} .p-inputswitch.p-focus .p-inputswitch-slider {outline: 0 none;outline-offset: 0;box-shadow: 0 0 0 0.2rem #a6d5fa;} .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {background: #b6bfc8;} .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {background: #2196F3;} .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {background: #ffffff;} .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {background: #0d89ec;} .p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {border-color: #f44336;} /* #endregion */ /* #region SPECIFIQUE */ .w100ppassword > div {width: 100%!important;} .ng-dirty{color:red!important;} .menuoverlay{text-align: left;} .taillephoto{position: absolute!important;} .labelbtnbleu {height: 90px;width: 120px;border: 3px solid #3477bb;margin: auto;border-radius: 10px;position: relative;color: #3477bb;transition: 0.5s;} .ibtnbleu{font-size: 33px;position: absolute;top: 39%;left: 50%;transform: translate(-50%, -80%);} .spanbtnbleu{font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 500;position: absolute;top: 11%;left: 50%;transform: translate(-50%, 80%);} .negorond2{clip-path:ellipse(49% 38% at 50% 38%);} .negorond{border-radius: 50%;} p-image > span > img{aspect-ratio: 4/3!important;} /* #endregion */ /* #region p-progressbar */ #progressBien .p-progressbar-value {background: #4CAF50!important;} #progressPrix .p-progressbar-value {background: #2196F3!important;} #progressPieces .p-progressbar-value {background: #FF9800!important;} #progressSurface .p-progressbar-value {background: #E91E63!important;} #progressChambres .p-progressbar-value {background: #9C27B0!important;} #progressBien .p-progressbar {background: #4CAF501A!important;} #progressPrix .p-progressbar {background: #2196F31A!important;} #progressPieces .p-progressbar {background: #FF98001A!important;} #progressSurface .p-progressbar {background: #E91E631A!important;} #progressChambres .p-progressbar {background: #9C27B01A!important;} /* #endregion */ /* #region p-progressspinner */ .custom-spinner .p-progress-spinner-circle { animation: custom-progress-spinner-dash 1s infinite, custom-progress-spinner-color 1s infinite; } @keyframes custom-progress-spinner-color { 100%, 0% { stroke: white; } 40% { stroke: white; } 66% { stroke: white; } 80%, 90% { stroke: white; } } @keyframes custom-progress-spinner-dash { 0% { stroke-dasharray: 105, 100; stroke-dashoffset: 0; } 50% { stroke-dasharray: 105, 100; stroke-dashoffset: 0; } 100% { stroke-dasharray: 105, 100; stroke-dashoffset: 0; } } /* #endregion p-progressspinner */ /********************************************************************** COMMUN *************************************************************/ /* #region Couleur*/ .cbleumoyen{color:#3477bb!important;} .cbleufonce{color:var(--color-dark-alt);} .cturquoise{color:#13a9e3!important;} .cvert{color:green!important;} .csuccess{color:#28a745!important;} .cprimary{color:#2196F3!important;} .cdanger{color:#dc3545!important;} .cwarning{color:#ffc107!important;} .crouge{color:red!important;} .cwhite{color: white!important;} .cblack{color: black!important;} .corange{color: #eb8a0c!important;} .corangefonce{color: #ff5500!important;} .cgris{color: #8f9bb3!important;} .ctexte2{color:#8f9bb3!important;} .cdoree{color:#FFD700!important } .cargent{color:#C0C0C0 !important } .cbronze{color:#a87000!important } .blue-check {color: #007bff;} .blue-check i::before {color: white;} .bgbleufond{background-color:#151A30!important;} .bgbleumoyen{background-color:#3477bb!important;} .bgbleufonce{background-color:var(--color-dark-alt);} .bgturquoise{background-color:#13a9e3!important;} .bgbleumenu{background-color: var(--color-dark);} .bgtransparent{background-color: transparent!important;} .bgvert{background-color: #00d68f!important;color: white!important;} .bgbleutresfonce{background-color: #192038!important;color: white!important;} .bggris{background-color:gray!important;} .bgwhite{background-color:white!important;} .bgwhite75{background-color: rgba(255, 255, 255, 0.75)!important;} .bgorange{background-color: #eb8a0c!important;} .bgnoir{background-color: black!important;} .bgbeige{background-color: #deb887!important;} .bgbleumenu{background-color:var(--color-dark-alt);} .bggrisfonce{background-color:#2d3748!important;} .background-success{background-color: #28a745!important;} .background-primary{background-color: #007bff!important;} .background-danger{background-color: #dc3545!important;} .background-warning{background-color: #FFC107!important;} .background-info{background-color: #17a2b8!important;} .background-gris{background-color: gray!important;} .background-rouge{background-color: #b71c1c!important;} .background-violet{background-color: #4a148c!important;} .background-bleu{background-color: #1a237e!important;} .background-bleuciel{background-color: #2196f3!important;} .background-bleucielfonce{background-color: #0e3c60!important;} .background-vert{background-color: #004d40!important;} .background-vertclair{background-color: #33691e!important;} .background-orangefonce{background-color: #ff6600!important;} .background-grisclair{background-color: #78909c!important;} .background-rose{background-color: #f48fb1!important;} .background-rosefonce{background-color: #EC407A!important;} .background-jaunepale{background-color: #FFCC80!important;} .outline-rouge{color: #b71c1c!important;background-color: #b71c1c20!important;border-color: #b71c1c!important;} .outline-rouge:hover{background-color: #b71c1c50!important;} .outline-violet{color: #4a148c!important;background-color: #4a148c40!important;border-color: #4a148c!important;} .outline-violet:hover{background-color: #4a148c60!important;} .outline-bleu{color: #1a237e!important;background-color: #1a237e40!important;border-color: #1a237e!important;} .outline-bleu:hover{background-color: #1a237e60!important;} .outline-bleuciel{color: #01579b!important;background-color: #01579b40!important;border-color: #01579b!important;} .outline-bleuciel:hover{background-color: #01579b60!important;} .outline-vert{color: #004d40!important;background-color: #004d4040!important;border-color: #004d40!important;} .outline-vert:hover{background-color: #004d4060!important;} .outline-vertclair{color: #33691e!important;background-color: #33691e40!important;border-color: #33691e!important;} .outline-vertclair:hover{background-color: #33691e60!important;} .outline-orangefonce{color: #ff6600!important;background-color: #ff660040!important;border-color: #ff6600!important;} .outline-orangefonce:hover{background-color: #ff660060!important;} .outline-grisclair{color: #78909c!important;background-color: #78909c40!important;border-color: #78909c!important;} .outline-grisclair:hover{background-color: #78909c60!important;} .outline-rose{color: #f48fb1!important;background-color: #f48fb140!important;border-color: #f48fb1!important;} .outline-rose:hover{background-color: #f48fb160!important;} .outline-rosefonce{color: #EC407A!important;background-color: #EC407A40!important;border-color: #EC407A!important;} .outline-rosefonce:hover{background-color: #EC407A60!important;} .outline-jaunepale{color: #FFCC80!important;background-color: #FFCC8040!important;border-color: #FFCC80!important;} .outline-jaunepale:hover{background-color: #FFCC8060!important;} /* Rouge */ .badge-rouge-heavy { color: #fff; background-color: #b71c1c; border-color: #b71c1c; } .badge-rouge-medium { color: #b71c1c; background-color: #ffcdd2; border-color: #ffcdd2; } .badge-rouge-light { color: #b71c1c; background-color: #ffebee; border:1px solid #b71c1c; } .badge-rouge-outline { color: #b71c1c; background-color: transparent; border:1px solid #b71c1c; } /* Violet */ .badge-violet-heavy { color: #fff; background-color: #4a148c; border-color: #4a148c; } .badge-violet-medium { color: #4a148c; background-color: #e1bee7; border-color: #e1bee7; } .badge-violet-light { color: #4a148c; background-color: #f3e5f5; border:1px solid #4a148c } .badge-violet-outline { color: #4a148c; background-color: transparent; border:1px solid #4a148c } /* Bleu */ .badge-bleu-heavy { color: #fff; background-color: #1a237e; border-color: #1a237e; } .badge-bleu-medium { color: #1a237e; background-color: #c5cae9; border-color: #c5cae9; } .badge-bleu-light { color: #1a237e; background-color: #e8eaf6; border:1px solid #1a237e } .badge-bleu-outline { color: #1a237e; background-color: transparent; border:1px solid #1a237e } /* Vert */ .badge-vert-heavy { color: #fff; background-color: #004d40; border-color: #004d40; } .badge-vert-medium { color: #004d40; background-color: #b2dfdb; border-color: #b2dfdb; } .badge-vert-light { color: #004d40; background-color: #e0f2f1; border:1px solid #004d40; } .badge-vert-outline { color: #004d40; background-color: transparent; border:1px solid #004d40; } /* Vert clair */ .badge-vertclair-heavy { color: #fff; background-color: #33691e; border-color: #33691e; } .badge-vertclair-medium { color: #33691e; background-color: #dcedc8; border-color: #dcedc8; } .badge-vertclair-light { color: #33691e; background-color: #f1f8e9; border:1px solid #33691e; } .badge-vertclair-outline { color: #33691e; background-color: transparent; border:1px solid #33691e; } /* Vert pale */ .badge-vertpale-heavy { color: #fff; background-color: #6ca057; border-color: #6ca057; } .badge-vertpale-medium { color: #6ca057; background-color: #c8e6c9; border-color: #c8e6c9; } .badge-vertpale-light { color: #6ca057; background-color: #e8f5e9; border:1px solid #6ca057; } .badge-vertpale-outline { color: #6ca057; background-color: transparent; border:1px solid #6ca057; } /* Orange foncé */ .badge-orangefonce-heavy { color: #fff; background-color: #ff6600; border-color: #ff6600; } .badge-orangefonce-medium { color: #ff6600; background-color: #ffe0b2; border-color: #ffe0b2; } .badge-orangefonce-light { color: #ff6600; background-color: #fff3e0; border:1px solid #ff6600; } .badge-orangefonce-outline { color: #ff6600; background-color: transparent; border:1px solid #ff6600; } /* Orange dark */ .badge-orangedark-heavy { color: #fff; background-color: #bb540f; border-color: #bb540f; } .badge-orangedark-medium { color: #bb540f; background-color: #ffccbc; border-color: #ffccbc; } .badge-orangedark-light { color: #bb540f; background-color: #fbe9e7; border:1px solid #bb540f; } .badge-orangedark-outline { color: #bb540f; background-color: transparent; border:1px solid #bb540f; } /* Marron */ .badge-marron-heavy { color: #fff; background-color: #863905; border-color: #863905; } .badge-marron-medium { color: #863905; background-color: #d7ccc8; border-color: #d7ccc8; } .badge-marron-light { color: #863905; background-color: #efebe9; border:1px solid #863905; } .badge-marron-outline { color: #863905; background-color: transparent; border:1px solid #863905; } /* Gris clair */ .badge-grisclair-heavy { color: #505050; background-color: #dddede; border-color: #dddede; } .badge-grisclair-medium { color: #505050; background-color: #f5f5f5; border-color: #f5f5f5; } .badge-grisclair-light { color: #505050; background-color: #fafafa; border:1px solid #505050; } .badge-grisclair-outline { color: #f5f5f5; background-color: transparent; border:1px solid #505050; } /* Rose */ .badge-rose-heavy { color: #aa2f58; background-color: #f48fb1; border-color: #f48fb1; } .badge-rose-medium { color: #f15589; background-color: #f8bbd0; border-color: #f8bbd0; } .badge-rose-light { color: #f15589; background-color: #fce4ec; border:1px solid #f48fb1; } .badge-rose-outline { color: #f15589; background-color: transparent; border:1px solid #f48fb1; } /* Rose foncé */ .badge-rosefonce-heavy { color: #fff; background-color: #EC407A; border-color: #EC407A; } .badge-rosefonce-medium { color: #EC407A; background-color: #f8bbd0; border-color: #f8bbd0; } .badge-rosefonce-light { color: #EC407A; background-color: #fce4ec; border:1px solid #EC407A; } .badge-rosefonce-outline { color: #EC407A; background-color: transparent; border:1px solid #EC407A; } /* Jaune pale */ .badge-jaunepale-heavy { color: #523100; background-color: #FFCC80; border-color: #FFCC80; } .badge-jaunepale-medium { color: #523100; background-color: #fff3e0; border-color: #fff3e0; } .badge-jaunepale-light { color: #523100; background-color: #fff8e1; border:1px solid #FFCC80; } .badge-jaunepale-outline { color: #FFCC80; background-color: transparent; border:1px solid #FFCC80; } /* Doré */ .badge-doree-heavy { color: #523100; background-color: #FFD700; border-color: #FFD700; } .badge-doree-medium { color: #523100; background-color: #fff8e1; border-color: #fff8e1; } .badge-doree-light { color: #523100; background-color: #fffde7; border:1px solid #FFD700; } .badge-doree-outline { color: #FFD700; background-color: transparent; border:1px solid #FFD700; } /* Argent */ .badge-argent-heavy { color: #505050; background-color: #C0C0C0; border-color: #C0C0C0; } .badge-argent-medium { color: #505050; background-color: #f5f5f5; border-color: #f5f5f5; } .badge-argent-light { color: #505050; background-color: #fafafa; border:1px solid #C0C0C0; } .badge-argent-outline { color: #C0C0C0; background-color: transparent; border:1px solid #C0C0C0; } /* Bronze */ .badge-bronze-heavy { color: #fff; background-color: #a87000; border-color: #a87000; } .badge-bronze-medium { color: #a87000; background-color: #ffe0b2; border-color: #ffe0b2; } .badge-bronze-light { color: #a87000; background-color: #fff3e0; border:1px solid #a87000; } .badge-bronze-outline { color: #a87000; background-color: transparent; border:1px solid #a87000; } /* Primary */ .badge-primary-heavy { color: #fff; background-color: #2196f3; border-color: #2196f3; } .badge-primary-medium { color: #2196f3; background-color: #bbdefb; border-color: #bbdefb; } .badge-primary-light { color: #2196f3; background-color: #e3f2fd; border:1px solid #2196f3; } .badge-primary-outline { color: #2196f3; background-color: transparent; border:1px solid #2196f3; } /* Secondary */ .badge-secondary-heavy { color: #fff; background-color: #6c757d; border-color: #6c757d; } .badge-secondary-medium { color: #6c757d; background-color: #cfd8dc; border-color: #cfd8dc; } .badge-secondary-light { color: #6c757d; background-color: #eceff1; border:1px solid #6c757d; } .badge-secondary-outline { color: #6c757d; background-color: transparent; border:1px solid #6c757d; } /* Success */ .badge-success-heavy { color: #fff; background-color: #28a745; border-color: #28a745; } .badge-success-medium { color: #28a745; background-color: #c8e6c9; border-color: #c8e6c9; } .badge-success-light { color: #28a745; background-color: #e8f5e9; border:1px solid #28a745; } .badge-success-outline { color: #28a745; background-color: transparent; border:1px solid #28a745; } /* Danger */ .badge-danger-heavy { color: #fff; background-color: #dc3545; border-color: #dc3545; } .badge-danger-medium { color: #dc3545; background-color: #ffcdd2; border-color: #ffcdd2; } .badge-danger-light { color: #dc3545; background-color: #fad6dc; border:1px solid #dc3545; } .badge-danger-outline { color: #dc3545; background-color: transparent; border:1px solid #dc3545; } /* Warning */ .badge-warning-heavy { color: #212529; background-color: #ffc107; border-color: #ffc107; } .badge-warning-medium { color: #523100; background-color: #f9da71; border-color: #fff3e0; } .badge-warning-light { color: #523100; background-color: #fff8e1; border:1px solid #ffc107; } .badge-warning-outline { color: #ffc107; background-color: transparent; border:1px solid #ffc107; } /* Info */ .badge-info-heavy { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .badge-info-medium { color: #17a2b8; background-color: #b2ebf2; border-color: #b2ebf2; } .badge-info-light { color: #17a2b8; background-color: #e0f7fa; border:1px solid #17a2b8; } .badge-info-outline { color: #17a2b8; background-color: transparent; border:1px solid #17a2b8; } /* Light */ .badge-light-heavy { color: #343a40; background-color: #f8f9fa; border-color: #f8f9fa; } .badge-light-medium { color: #343a40; background-color: #fafafa; border-color: #fafafa; } .badge-light-light { color: #343a40; background-color: #ffffff; border:1px solid #343a40; } .badge-light-outline { color: #f8f9fa; background-color: transparent; border:1px solid #f8f9fa; } /* Dark */ .badge-dark-heavy { color: #fff; background-color: #343a40; border-color: #343a40; } .badge-dark-medium { color: #343a40; background-color: #cfd8dc; border-color: #cfd8dc; } .badge-dark-light { color: #343a40; background-color: #eceff1; border:1px solid #343a40; } .badge-dark-outline { color: #eceff1; background-color: transparent; border:1px solid #343a40; } .btn-rouge:hover, .btn-jaunepale:hover, .btn-violet:hover, .btn-bleu:hover, .btn-bleuciel:hover, .btn-vert:hover, .btn-vertclair:hover, .btn-orangefonce:hover, .btn-grisclair:hover, .btn-rose:hover, .btn-rosefonce:hover{filter: brightness(85%);} /* #endregion */ /* #region Gestion des couleur dark / light*/ .nb-theme-dark .bgfondtheme {background-color:#151A30!important;color:var(--color-default-alt);} .nb-theme-default .bgfondtheme {background-color:var(--color-default-alt);color:#151A30!important;} .nb-theme-dark .bgfondtheme2 {background-color:var(--color-default-alt);color:#151A30!important;} .nb-theme-default .bgfondtheme2 {background-color:#151A30!important;color:var(--color-default-alt);} .nb-theme-dark .cactutitre {color:#edf1f7!important;} .nb-theme-default .cactutitre {color:#71798a!important;} .nb-theme-dark .cactucontenu {color:#adb3c0!important;} .nb-theme-default .cactucontenu {color:#151A30!important;} .nb-theme-dark .p-password-panel{background-color: var(--color-dark-alt);color: white!important;} .nb-theme-default .p-password-panel{background-color: var(--color-default);color: var(--color-dark-alt);} .nb-theme-dark .logoimhotep{ background-image: url("https://imhotep.blob.core.windows.net/picturelogo/logoimhotepblanc140.png") ; height: 43px; /*width: 145px;*/ background-repeat: no-repeat; background-size: contain; margin-left: 9px!important; margin-right: 9px!important; } .nb-theme-default .logoimhotep{ background-image: url("https://imhotep.blob.core.windows.net/picturelogo/logoimhotep140.png") ; height: 43px; /*width: 145px;*/ background-repeat: no-repeat; background-size: contain; margin-left: 9px!important; margin-right: 9px!important; } .nb-theme-dark .bgfond,.nb-theme-dark .bgmenusave{ background-color:#151A30!important; color:#edf1f7!important; } .nb-theme-default .bgfond,.nb-theme-default .bgmenusave{ background-color:var(--color-default-alt); color:#151A30!important; } .nb-theme-dark nb-layout .layout, nb-theme-default nb-layout .layout{background-color: unset!important;} .nb-theme-dark .boutonplus{ border-radius: 5px!important; background-color: transparent!important; color: #8f9bb3!important; padding-top: 5px!important; padding-bottom: 5px!important; margin-right: 5px!important; width: 40px!important; height: 40px!important; border:1px solid #8f9bb3 !important; } .nb-theme-default .boutonplus{ border-radius: 5px!important; background-color: transparent!important; color: #8f9bb3!important; padding-top: 5px!important; padding-bottom: 5px!important; margin-right: 5px!important; width: 40px!important; height: 40px!important; border:1px solid #8f9bb3 !important; } .nb-theme-default [nbButton].appearance-filled.status-basic, .nb-theme-default .appearance-filled.status-basic[nbButtonToggle]{ background: var(--color-dark); border-color: #151a30!important; color: var(--color-default); } /* Button */ .button27 {border-radius: 5px!important; padding: 10px!important; height: 27px!important; width: 27px!important; margin-right: 5px!important;} .button32 {border-radius: 5px!important; padding: 0px!important; height: 32px!important; width: 32px!important; } .button36 {border-radius: 5px!important; padding: 10px!important; height: 36px!important; width: 36px!important; margin-right: 5px!important; margin-bottom: 5px!important; /* p-button-primary */} .button40 {border-radius: 5px!important; padding: 10px!important; height: 40px!important; width: 40px!important; margin-right: 5px!important; margin-bottom: 5px!important; /* p-button-primary */} .button46 {border-radius: 5px!important; padding: 10px!important; height: 46px!important; width: 46px!important; /* p-button-primary */} .buttonh32 {border-radius: 5px!important; padding: 10px!important; height: 32px!important;} .buttonh40 {border-radius: 5px!important; padding: 10px!important; height: 40px!important; margin-right: 5px!important; margin-bottom: 5px!important;} .buttonRond75 {border-radius: 50%!important; height: 75px!important; width: 75px!important;} /*P-BUTTON par defaut */ .nb-theme-dark .p-button {background-color:white; color: var(--color-dark);border: 1px solid var(--color-dark-alt3);font-weight: bold!important;padding:8px; transition: background-color 0.2s ease, color 0.2s, border-color 0.2s, box-shadow 0.2s;} .nb-theme-dark .p-button:hover {background-color: #2196F3; color: white!important;font-weight: bold!important; transition: background-color 0.2s ease, color 0.2s, border-color 0.2s, box-shadow 0.2s;} .nb-theme-default .p-button {background-color: var(--color-dark-alt2); color: var(--color-default);font-weight: bold!important;padding:8px; transition: background-color 0.2s ease, color 0.2s, border-color 0.2s, box-shadow 0.2s;} .nb-theme-default .p-button:hover {background-color: var(--color-default-alt2); color: var(--color-dark-alt2);font-weight: bold!important; transition: background-color 0.2s ease, color 0.2s, border-color 0.2s, box-shadow 0.2s;} /*P-BUTTON 2 Declinaison de couleur*/ .nb-theme-dark .p-button-2 {background-color: var(--color-dark-alt2); border:1px solid var(--color-dark-alt2);color: #8f9bb3!important; transition: background-color 0.2s ease, color 0.2s, border-color 0.2s, box-shadow 0.2s;} .nb-theme-dark .p-button-2:hover {background-color: #edf1f7; border:1px solid #edf1f7; color: var(--color-dark-alt2); transition: background-color 0.2s ease, color 0.2s, border-color 0.2s, box-shadow 0.2s;} .nb-theme-default .p-button-2 {background-color: var(--color-default-alt); border:1px solid var(--color-default-alt); color: #8f9bb3!important; transition: background-color 0.2s ease, color 0.2s, border-color 0.2s, box-shadow 0.2s;} .nb-theme-default .p-button-2:hover {background-color: var(--color-dark-alt2); border:1px solid var(--color-dark-alt2); color: var(--color-default); transition: background-color 0.2s ease, color 0.2s, border-color 0.2s, box-shadow 0.2s;} /*P-BUTTON Overlay */ .nb-theme-dark .p-button-overlay {background-color: var(--color-dark); border:1px solid var(--color-dark);color: #8f9bb3!important; transition: background-color 0.3s ease;} .nb-theme-dark .p-button-overlay:hover {background-color: var(--color-dark-alt2); border:1px solid var(--color-dark-alt2); transition: background-color 0.3s ease;} .nb-theme-dark .button-selected {background-color: #2196F3!important; border:1px solid var(--color-dark-alt2);color: white!important;font-weight: normal!important; transition: background-color 0.3s ease;} .nb-theme-default .p-button-overlay {background-color: var(--color-default); border:1px solid var(--color-default); color: #8f9bb3!important; transition: background-color 0.3s ease;} .nb-theme-default .p-button-overlay:hover {background-color: var(--color-default-alt2); border:1px solid var(--color-default-alt); color: var(--color-dark-alt2); transition: background-color 0.3s ease;} /*P-BUTTON Overlay p-badge*/ .p-button-overlay .p-badge {position: absolute!important; top: 0px!important; right: 0px!important; transform: translate(0%,0%)!important; transform-origin: 100% 0!important; margin: 0!important;} /*P-BUTTON primary */ /*.nb-theme-dark .p-button-primary {background-color:#007bff; color: white!important;font-weight: normal!important;}*/ .nb-theme-dark .p-button-primary {background-color:#2196F3; color: white!important;font-weight: normal!important;} .nb-theme-dark .p-button-primary:hover {background-color: #0062cc; color: white!important;font-weight: normal!important;} /*.nb-theme-default .p-button-primary {background-color:#007bff; color: white!important;font-weight: normal!important;}*/ .nb-theme-default .p-button-primary {background-color:#2196F3; color: var(--color-default);font-weight: normal!important;} .nb-theme-default .p-button-primary:hover {background-color: #0062cc; color: var(--color-default);font-weight: normal!important;} /*P-BUTTON warning */ .nb-theme-dark .p-button-warning {background-color:#FFC107; color: black!important;font-weight: normal!important;} .nb-theme-dark .p-button-warning:hover {background-color: #c49405; color: black!important;font-weight: normal!important;} .nb-theme-default .p-button-warning {background-color:#FFC107; color: black!important;font-weight: normal!important;} .nb-theme-default .p-button-warning:hover {background-color: #c49405; color: black!important;font-weight: normal!important;} /*P-BUTTON white */ .nb-theme-dark .p-button-white {background-color:transparent; color: white!important;font-weight: normal!important;} .nb-theme-dark .p-button-white:hover {background-color: transparent; color: white!important;font-weight: normal!important;} .nb-theme-default .p-button-white {background-color:transparent; color: var(--color-dark-alt);font-weight: normal!important;} .nb-theme-default .p-button-white:hover {background-color: transparent; color: var(--color-dark-alt);font-weight: normal!important;} /*BOUTON PLUS*/ .p-selectbutton .p-button.p-highlight{background-color: #007bff!important;} .nb-theme-dark .p-overlaypanel {background-color: var(--color-dark); border:1px solid var(--color-dark-alt2);} .nb-theme-default .p-overlaypanel {background-color: var(--color-default); border:1px solid darkgrey;} .nb-theme-dark .couleurinverse{color:white!important;} .nb-theme-default .couleurinverse{color:var(--color-dark-alt);} .nb-theme-dark .couleur{color:var(--color-dark-alt);} .nb-theme-default .couleur{color:var(--color-default);} .nb-theme-dark .p-dialog .p-dialog-header, .nb-theme-dark .p-dialog .p-dialog-content, .nb-theme-dark .p-dialog .p-dialog-footer {background-color: var(--color-dark-alt);} .nb-theme-default .p-dialog .p-dialog-header, .nb-theme-default .p-dialog .p-dialog-content, .nb-theme-default .p-dialog .p-dialog-footer {background-color: var(--color-default);} .nb-theme-dark .p-dropdown, .nb-theme-dark .p-inputtext, .nb-theme-dark .p-multiselect{ background-color: var(--color-dark-alt); width: 100%!important; color: white!important; padding-left: 12px; border:1px solid rgba(255, 255, 255, 0.3); } .nb-theme-dark .p-dropdown > span, .nb-theme-default .p-dropdown > span{ border:none; } .nb-theme-dark .p-inputnumber{ width: 100%!important; color: white!important; padding-left: 0px; } .nb-theme-default .p-dropdown,.nb-theme-default .p-inputtext,.nb-theme-default .p-multiselect { background-color: var(--color-default); width: 100%!important; padding-left: 12px; color :black!important; border:1px solid darkgray; } .nb-theme-default .p-inputnumber{ width: 100%!important; padding-left: 0px; color :black!important; } .nb-theme-dark .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up, .nb-theme-dark .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down { color: white!important; background-color: var(--color-dark-alt); border-top: 1px solid rgba(255, 255, 255, 0.3)!important; border-bottom: 1px solid rgba(255, 255, 255, 0.3)!important; } .nb-theme-default .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up, .nb-theme-default .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down { background-color: var(--color-default); color: var(--color-dark-alt); border-top: 1px solid darkgray!important; border-bottom: 1px solid darkgray!important; } .nb-theme-dark .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up{ border-right: 1px solid rgba(255, 255, 255, 0.3)!important; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; } .nb-theme-default .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up{ border-right: 1px solid darkgray!important; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; } .nb-theme-dark .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down{ border-left: 1px solid rgba(255, 255, 255, 0.3)!important; border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; } .nb-theme-default .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down{ border-left: 1px solid darkgray!important; border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; } .nb-theme-dark .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up:hover, .nb-theme-default .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up:hover { background-color: #C5E1A5!important; /*border: 0 none!important;*/ } .nb-theme-dark .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down:hover, .nb-theme-default .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down:hover { background-color: #EF9A9A!important; /*border: 0 none!important;*/ } .p-inputnumber-buttons-horizontal .p-inputnumber-input { border-radius: 0!important; } .p-buttonset .p-button:first-of-type { border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; } .p-buttonset .p-button:last-of-type { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; } .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) { border-radius: 0!important; } .nb-theme-dark .p-dropdown-panel,.nb-theme-dark .p-autocomplete-panel{ background-color: var(--color-dark-alt); text-align: left!important; color: white!important; } .nb-theme-default .p-dropdown-panel,.nb-theme-default .p-autocomplete-panel{ background-color: var(--color-default); text-align: left!important; color :black!important; } .nb-theme-dark .p-autocomplete-item.p-highlight, .nb-theme-default .p-autocomplete-item.p-highlight{ background-color: #2196f3!important; text-align: left!important; color: white!important; } /*.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight*/ /*.nb-theme-dark .p-float-label label {}*/ /* Styles pour float-label */ .nb-theme-dark .p-float-label input:focus ~ label, .nb-theme-dark .p-float-label input.p-filled ~ label, .nb-theme-dark .p-float-label textarea:focus ~ label, .nb-theme-dark .p-float-label textarea.p-filled ~ label, .nb-theme-dark .p-float-label .p-inputwrapper-focus ~ label, .nb-theme-dark .p-float-label .p-inputwrapper-filled ~ label{ background-color: transparent!important; padding:0px 0px 0px 0px!important; top:-16px!important; margin-left: -5px!important; margin-top:0px!important; color:white!important; } .nb-theme-default .p-float-label input:focus ~ label,.nb-theme-default .p-float-label input.p-filled ~ label,.nb-theme-default .p-float-label textarea:focus ~ label, .nb-theme-default .p-float-label textarea.p-filled ~ label,.nb-theme-default .p-float-label .p-inputwrapper-focus ~ label, .nb-theme-default .p-float-label .p-inputwrapper-filled ~ label { background-color: transparent!important; padding:0px 0px 0px 0px!important; top:-16px!important; margin-left: -5px!important; margin-top:0px!important; color:black!important; } .nb-theme-dark .p-inputtextarea {padding-top: 8px;} .nb-theme-default .p-inputtextarea {padding-top: 8px;} .nb-theme-dark .bleumenu{ background-color: var(--color-dark); border: 1px solid var(--color-dark-alt2); border-radius:5px; } .nb-theme-dark .fondlabelicon{ background-color: var(--color-dark-alt); border: 1px solid var(--color-dark-alt); } .nb-theme-dark .fondlabel{ background-color: var(--color-dark-alt); border: 1px solid var(--color-dark-alt); } .nb-theme-default .bleumenu ,.nb-theme-default .fondlabelicon{ background-color: var(--color-default)!important; border: 1px solid darkgray; border-radius:5px; } .nb-theme-default .fondlabel{ background-color: var(--color-default); border: 1px solid darkgray; } .nb-theme-dark im-card-header>div, .nb-theme-dark im-card-body>div,.nb-theme-dark im-card-footer>div{background-color: var(--color-dark);color: var(--color-default);} .nb-theme-default im-card-header>div, .nb-theme-default im-card-body>div,.nb-theme-default im-card-footer>div{background-color: var(--color-default);color: var(--color-dark);} /*pour les menu*/ .nb-theme-dark nb-menu .menu-item a.active, .nb-theme-default nb-menu .menu-item a.active, .nb-theme-dark nb-menu .menu-item a.active .menu-icon, .nb-theme-default nb-menu .menu-item a.active .menu-icon, .nb-theme-dark nb-menu .menu-item a:hover, .nb-theme-default nb-menu .menu-item a:hover, .nb-theme-dark nb-menu .menu-item a:hover .menu-icon, .nb-theme-default nb-menu .menu-item a:hover .menu-icon{ color: #13a9e3!important; } .nb-theme-dark .divider {background-color: #151a30!important;} .nb-theme-default .divider {background-color: #8f9bb3!important;} .nb-theme-dark .bactu{border:1px solid #303668!important;} .nb-theme-default .bactu{border:1px solid #8f9bb3!important;} .nb-theme-dark .bor-bot-stat{border-bottom:1px solid rgba(255, 255, 255, 0.12)!important;} .nb-theme-default .bor-bot-stat{border-bottom:1px solid #DDDDDD!important;} .nb-theme-dark .p-togglebutton, .nb-theme-default .p-togglebutton{ background-color: transparent!important; border:none; } .nb-theme-dark .p-togglebutton.p-button.p-highlight .p-button-icon-left,.nb-theme-dark .p-togglebutton.p-button.p-highlight .p-button-icon-right{ color: #2196F3 !important; } .nb-theme-default .p-togglebutton.p-button.p-highlight .p-button-icon-left,.nb-theme-default .p-togglebutton.p-button.p-highlight .p-button-icon-right{ color: var(--color-dark-alt); } .nb-theme-dark .borderDpe{border-color: white;} .nb-theme-dark .borderDpe:before{border-left-color: white;} .nb-theme-dark .backgroundDpe {background-color: white;} .nb-theme-dark .background2Dpe:before {background-color: white;} .nb-theme-default .borderDpe{border-color: black;} .nb-theme-default .borderDpe:before{border-left-color: black;} .nb-theme-default .backgroundDpe {background-color: black;} .nb-theme-default .background2Dpe:before {background-color: black;} /* #endregion*/ /* #region Padding*/ .pad-top8p{padding-top: 8%!important;} .pad-top24p{padding-top: 24%!important;} .pad-top30p{padding-top: 30%!important;} .pad-top33p{padding-top: 33%!important;} .pad-top39p{padding-top: 39%!important;} .pad-top0{padding-top: 0px!important;} .pad-top1{padding-top: 1px!important;} .pad-top3{padding-top: 3px!important;} .pad-top4{padding-top: 4px!important;} .pad-top5{padding-top: 5px!important;} .pad-top6{padding-top: 6px!important;} .pad-top7{padding-top: 7px!important;} .pad-top8{padding-top: 8px!important;} .pad-top9{padding-top: 9px!important;} .pad-top10{padding-top: 10px!important;} .pad-top11{padding-top: 11px!important;} .pad-top12{padding-top: 12px!important;} .pad-top13{padding-top: 13px!important;} .pad-top14{padding-top: 14px!important;} .pad-top15{padding-top: 15px!important;} .pad-top17{padding-top: 17px!important;} .pad-top18{padding-top: 18px!important;} .pad-top20{padding-top: 20px!important;} .pad-top22{padding-top: 22px!important;} .pad-top25{padding-top: 25px!important;} .pad-top30{padding-top: 30px!important;} .pad-top35{padding-top: 35px!important;} .pad-top37{padding-top: 37px!important;} .pad-top60{padding-top: 60px!important;} .pad-top80{padding-top: 80px!important;} .pad-left0{padding-left: 0px!important;} .pad-left1{padding-left: 1px!important;} .pad-left2{padding-left: 2px!important;} .pad-left3{padding-left: 3px!important;} .pad-left5{padding-left: 5px!important;} .pad-left6{padding-left: 6px!important;} .pad-left7{padding-left: 7px!important;} .pad-left8{padding-left: 8px!important;} .pad-left9{padding-left: 9px!important;} .pad-left10{padding-left: 10px!important;} .pad-left12{padding-left: 12px!important;} .pad-left13{padding-left: 13px!important;} .pad-left14{padding-left: 14px!important;} .pad-left15{padding-left: 15px!important;} .pad-left20{padding-left: 20px!important;} .pad-left25{padding-left: 25px!important;} .pad-left30{padding-left: 30px!important;} .pad-left33{padding-left: 33px!important;} .pad-left34{padding-left: 34px!important;} .pad-left35{padding-left: 35px!important;} .pad-left45{padding-left: 45px!important;} .pad-left60{padding-left: 60px!important;} .pad-bottom0{padding-bottom: 0px!important;} .pad-bottom2{padding-bottom: 2px!important;} .pad-bottom3{padding-bottom: 3px!important;} .pad-bottom4{padding-bottom: 4px!important;} .pad-bottom5{padding-bottom: 5px!important;} .pad-bottom6{padding-bottom: 6px!important;} .pad-bottom8{padding-bottom: 8px!important;} .pad-bottom9{padding-bottom: 9px!important;} .pad-bottom10{padding-bottom: 10px!important;} .pad-bottom15{padding-bottom: 15px!important;} .pad-bottom20{padding-bottom: 20px!important;} .pad-right0{padding-right: 0px!important;} .pad-right1{padding-right: 1px!important;} .pad-right2{padding-right: 2px!important;} .pad-right3{padding-right: 3px!important;} .pad-right5{padding-right: 5px!important;} .pad-right6{padding-right: 6px!important;} .pad-right7{padding-right: 7px!important;} .pad-right8{padding-right: 8px!important;} .pad-right9{padding-right: 9px!important;} .pad-right10{padding-right: 10px!important;} .pad-right13{padding-right: 13px!important;} .pad-right14{padding-right: 14px!important;} .pad-right15{padding-right: 15px!important;} .pad-right16{padding-right: 16px!important;} .pad-right17{padding-right: 17px!important;} .pad-right20{padding-right: 20px!important;} .pad-right25{padding-right: 25px!important;} .pad-right30{padding-right: 30px!important;} .pad-0{padding: 0px!important;} .pad-2{padding: 2px!important;} .pad-4{padding: 4px!important;} .pad-5{padding: 5px!important;} .pad-6{padding: 6px!important;} .pad-7{padding: 7px!important;} .pad-8{padding: 8px!important;} .pad-10{padding: 10px!important;} .pad-12{padding: 12px!important;} .pad-15{padding: 15px!important;} /* #endregion*/ /* #region Scroll*/ .scroll-m-top100{ scroll-margin-top: 100px; } .scroll-m-top250{ scroll-margin-top: 250px; } /* #endregion*/ /* #region Margin*/ .mar-bottom-6{margin-bottom: -6px!important;} .mar-bottom-20{margin-bottom: -20px!important;} .mar-bottom-21{margin-bottom: -21px!important;} .mar-bottom-55{margin-bottom: -55px!important;} .mar-bottomauto{margin-bottom: auto!important;} .mar-bottom0{margin-bottom: 0px!important;} .mar-bottom1{margin-bottom: 1px!important;} .mar-bottom3{margin-bottom: 3px!important;} .mar-bottom5{margin-bottom: 5px!important;} .mar-bottom6{margin-bottom: 6px!important;} .mar-bottom8{margin-bottom: 8px!important;} .mar-bottom10{margin-bottom: 10px!important;} .mar-bottom12{margin-bottom: 12px!important;} .mar-bottom14{margin-bottom: 14px!important;} .mar-bottom15{margin-bottom: 15px!important;} .mar-bottom17{margin-bottom: 17px!important;} .mar-bottom20{margin-bottom: 20px!important;} .mar-bottom21{margin-bottom: 21px!important;} .mar-bottom22{margin-bottom: 22px!important;} .mar-bottom24{margin-bottom: 24px!important;} .mar-bottom25{margin-bottom: 25px!important;} .mar-bottom30{margin-bottom: 30px!important;} .mar-bottom38{margin-bottom: 38px!important;} .mar-bottom50{margin-bottom: 50px!important;} .mar-bottom100{margin-bottom: 100px!important;} .mar-bottom105{margin-bottom: 105px!important;} .mar-bottom138{margin-bottom: 138px!important;} .mar-top-4{margin-top: -4px!important;} .mar-top-5{margin-top: -5px!important;} .mar-top-6{margin-top: -6px!important;} .mar-top-7{margin-top: -7px!important;} .mar-top-8{margin-top: -8px!important;} .mar-top-9{margin-top: -9px!important;} .mar-top-10{margin-top: -10px!important;} .mar-top-13{margin-top: -13px!important;} .mar-top-14{margin-top: -14px!important;} .mar-top-15{margin-top: -15px!important;} .mar-top-16{margin-top: -16px!important;} .mar-top-20{margin-top: -20px!important;} .mar-top-21{margin-top: -21px!important;} .mar-top-22{margin-top: -22px!important;} .mar-top-26{margin-top: -26px!important;} .mar-top-28{margin-top: -28px!important;} .mar-top-29{margin-top: -29px!important;} .mar-top-30{margin-top: -30px!important;} .mar-top-40{margin-top: -40px!important;} .mar-top-45{margin-top: -45px!important;} .mar-top-46{margin-top: -46px!important;} .mar-top-53{margin-top: -53px!important;} .mar-top-63{margin-top: -63px!important;} .mar-top-70{margin-top: -70px!important;} .mar-top-72{margin-top: -72px!important;} .mar-top-73{margin-top: -73px!important;} .mar-top-78{margin-top: -78px!important;} .mar-top-90{margin-top: -90px!important;} .mar-top-105{margin-top: -105px!important;} .mar-top-138{margin-top: -138px!important;} .mar-top-164{margin-top: -164px!important;} .mar-top-200{margin-top: -200px!important;} .mar-topauto{margin-top: auto!important;} .mar-top0{margin-top: 0px!important;} .mar-top2{margin-top: 2px!important;} .mar-top3{margin-top: 3px!important;} .mar-top4{margin-top: 4px!important;} .mar-top5{margin-top: 5px!important;} .mar-top6{margin-top: 6px!important;} .mar-top7{margin-top: 7px!important;} .mar-top8{margin-top: 8px!important;} .mar-top9{margin-top: 9px!important;} .mar-top10{margin-top: 10px!important;} .mar-top11{margin-top: 11px!important;} .mar-top12{margin-top: 12px!important;} .mar-top14{margin-top: 14px!important;} .mar-top15{margin-top: 15px!important;} .mar-top17{margin-top: 17px!important;} .mar-top18{margin-top: 18px!important;} .mar-top20{margin-top: 20px!important;} .mar-top21{margin-top: 21px!important;} .mar-top22{margin-top: 22px!important;} .mar-top25{margin-top: 25px!important;} .mar-top27{margin-top: 27px!important;} .mar-top30{margin-top: 30px!important;} .mar-top32{margin-top: 32px!important;} .mar-top40{margin-top: 40px!important;} .mar-top42{margin-top: 42px!important;} .mar-top46{margin-top: 46px!important;} .mar-top50{margin-top: 50px!important;} .mar-top60{margin-top: 60px!important;} .mar-top63{margin-top: 63px!important;} .mar-top86{margin-top: 86px!important;} .mar-top93{margin-top: 93px!important;} .mar-top100{margin-top: 100px!important;} .mar-top170{margin-top: 170px!important;} .mar-top245{margin-top: 245px!important;} .mar-right5p{margin-right: 5%!important;} .mar-right10p{margin-right: 10%!important;} .mar-right0{margin-right: 0px!important;} .mar-right3{margin-right: 3px!important;} .mar-right5{margin-right: 5px!important;} .mar-right10{margin-right: 10px!important;} .mar-right12{margin-right: 12px!important;} .mar-right15{margin-right: 15px!important;} .mar-right18{margin-right: 18px!important;} .mar-right20{margin-right: 20px!important;} .mar-right40{margin-right: 40px!important;} .mar-right50{margin-right: 50px!important;} .mar-right-29{margin-right: -29px!important;} .mar-left-33{margin-left: -33px!important;} .mar-left-15{margin-left: -15px!important;} .mar-left-8{margin-left: -8px!important;} .mar-left-7{margin-left: -7px!important;} .mar-left-1{margin-left: -1px!important;} .mar-left0{margin-left: 0px!important;} .mar-left1{margin-left: 1px!important;} .mar-left3{margin-left: 3px!important;} .mar-left5{margin-left: 5px!important;} .mar-left6{margin-left: 6px!important;} .mar-left10{margin-left: 10px!important;} .mar-left15{margin-left: 15px!important;} .mar-left18{margin-left: 18px!important;} .mar-left20{margin-left: 20px!important;} .mar-left30{margin-left: 30px!important;} .mar-left40{margin-left: 40px!important;} .mar-left50{margin-left: 50px!important;} .mar-left56{margin-left: 56px!important;} .mar-left67{margin-left: 67px!important;} .mar-left80{margin-left: 80px!important;} .mar-left100{margin-left: 100px!important;} .mar-left112{margin-left: 112px!important;} .mar-left123{margin-left: 123px!important;} .mar-left124{margin-left: 124px!important;} .mar-left126{margin-left: 126px!important;} .mar-left137{margin-left: 137px!important;} .mar-left142{margin-left: 142px!important;} .mar-left152{margin-left: 152px!important;} .mar-left154{margin-left: 154px!important;} .mar-left157{margin-left: 157px!important;} .mar-left160{margin-left: 160px!important;} .mar-left168{margin-left: 168px!important;} .mar-left183{margin-left: 183px!important;} .mar-left190{margin-left: 190px!important;} .mar-left197{margin-left: 197px!important;} .mar-left210{margin-left: 210px!important;} .mar-left212{margin-left: 212px!important;} .mar-left217{margin-left: 217px!important;} .mar-left228{margin-left: 228px!important;} .mar-left255{margin-left: 255px!important;} .mar-autoLR{margin-left: auto!important;margin-right: auto!important;} .mar-auto-tb{margin-top: auto!important;margin-bottom: auto!important;} .mar-5{margin: 5px 5px 5px 5px!important;} .mar-10{margin: 10px 10px 10px 10px!important;} .mar0{margin: 0px 0px 0px 0px!important;} /* #endregion */ /* #region Font Texte*/ .F8{font-size: 8px!important;} .F9{font-size: 9px!important;} .F10{font-size: 10px!important;} .F11{font-size: 11px!important;} .F12{font-size: 12px!important;} .F13{font-size: 13px!important;} .F14{font-size: 14px!important;} .F15{font-size: 15px!important;} .F16{font-size: 16px!important;} .F18{font-size: 18px!important;} .F19{font-size: 19px!important;} .F20{font-size: 20px!important;} .F21{font-size: 21px!important;} .F22{font-size: 22px!important;} .F23{font-size: 23px!important;} .F24{font-size: 24px!important;} .F25{font-size: 25px!important;} .F26{font-size: 26px!important;} .F27{font-size: 27px!important;} .F28{font-size: 28px!important;} .F29{font-size: 29px!important;} .F30{font-size: 30px!important;} .F35{font-size: 35px!important;} .F40{font-size: 40px!important;} .F45{font-size: 45px!important;} .F50{font-size: 50px!important;} .F55{font-size: 55px!important;} .F60{font-size: 60px!important;} .F80{font-size: 80px!important;} .taright{text-align: right!important;} .taleft{text-align: left!important;} .tacenter{text-align: center!important;} .taend{text-align: end!important;} .nodeco{text-decoration: none!important;} .italique{font-style: italic!important;} .justify{text-align: justify!important;} .bold{font-weight: bold!important;} .fwnormal{font-weight: normal!important;} .lineh17{line-height: 1.7!important;} .lineh2{line-height: 2!important;} .lheight13{line-height: 13px!important;} .lheight25{line-height: 25px!important;} .lheight28{line-height: 28px!important;} .lheight30{line-height: 30px!important;} .lheight39{line-height: 39px!important;} .lineHnormal{line-height: normal!important;} .lineHunset{line-height: unset!important;} .valigntexttop{vertical-align: text-top!important;} .preline{white-space: pre-line!important;} /* pour mettre les textes à la ligne dans un memo */ .wsnowrap{white-space: nowrap!important;} .wsInit{white-space: initial!important;} .FArial{font-family: Arial!important} .FOpen{font-family: Open , sans-serif!important} .contourNoir{-webkit-text-stroke: 1px black;} /* #endregion */ /* #region width height*/ .w5p{width: 5%!important;} .w8p{width: 8%!important;} .w10p{width: 10%!important;} .w11p{width: 11%!important;} .w15p{width: 15%!important;} .w20p{width: 20%!important;} .w25p{width: 25%!important;} .w30p{width: 30%!important;} .w33p{width: 33%!important;} .w40p{width: 40%!important;} .w48p{width: 48%!important;} .w49p{width: 49%!important;} .w50p{width: 50%!important;} .w60p{width: 60%!important;} .w66p{width: 66%!important;} .w70p{width: 70%!important;} .w75p{width: 75%!important;} .w80p{width: 80%!important;} .w85p{width: 85%!important;} .w95p{width: 95%!important;} .w100p{width: 100%!important;} .w110p{width: 110%!important;} .w200p{width: 200%!important;} .w2{width: 2px!important;} .w10{width: 10px!important;} .w14{width: 14px!important;} .w15{width: 15px!important;} .w18{width: 18px!important;} .w20{width: 20px!important;} .w23{width: 23px!important;} .w25{width: 25px!important;} .w26{width: 26px!important;} .w30{width: 30px!important;} .w31{width: 31px!important;} .w35{width: 35px!important;} .w37{width: 37px!important;} .w38{width: 38px!important;} .w40{width: 40px!important;} .w42{width: 42px!important;} .w44{width: 44px!important;} .w45{width: 45px!important;} .w46{width: 46px!important;} .w48{width: 48px!important;} .w50{width: 50px!important;} .w54{width: 54px!important;} .w55{width: 55px!important;} .w58{width: 58px!important;} .w60{width: 60px!important;} .w62{width: 62px!important;} .w64{width: 64px!important;} .w70{width: 70px!important;} .w73{width: 73px!important;} .w75{width: 75px!important;} .w80{width: 80px!important;} .w85{width: 85px!important;} .w87{width: 87px!important;} .w95{width: 95px!important;} .w98{width: 98px!important;} .w100{width: 100px!important;} .w102{width: 102px!important;} .w105{width: 105px!important;} .w108{width: 108px!important;} .w110{width: 110px!important;} .w118{width: 118px!important;} .w120{width: 120px!important;} .w125{width: 125px!important;} .w133{width: 133px!important;} .w137{width: 137px!important;} .w140{width: 140px!important;} .w141{width: 141px!important;} .w147{width: 147px!important;} .w150{width: 150px!important;} .w157{width: 157px!important;} .w160{width: 160px!important;} .w170{width: 170px!important;} .w175{width: 175px!important;} .w180{width: 180px!important;} .w200{width: 200px!important;} .w204{width: 204px!important;} .w210{width: 210px!important;} .w221{width: 221px!important;} .w225{width: 225px!important;} .w230{width: 230px!important;} .w235{width: 235px!important;} .w243{width: 243px!important;} .w250{width: 250px!important;} .w258{width: 258px!important;} .w266{width: 266px!important;} .w270{width: 270px!important;} .w285{width: 285px!important;} .w300{width: 300px!important;} .w330{width: 330px!important;} .w350{width: 350px!important;} .w400{width: 400px!important;} .w420{width: 420px!important;} .w450{width: 450px!important;} .w650{width: 650px!important;} .winherit{width:inherit!important;} .wfitcontent{width: fit-content!important;} .wmaxcontent{width: max-content!important;} .wunset{width:unset !important;} .h2{height: 2px!important;} .h5{height: 5px!important;} .h10{height: 10px!important;} .h15{height: 15px!important;} .h16{height: 16px!important;} .h17{height: 17px!important;} .h20{height: 20px!important;} .h21{height: 21px!important;} .h22{height: 22px!important;} .h23{height: 23px!important;} .h24{height: 24px!important;} .h25{height: 25px!important;} .h26{height: 26px!important;} .h27{height: 27px!important;} .h28{height: 28px!important;} .h30{height: 30px!important;} .h31{height: 31px!important;} .h32{height: 32px!important;} .h34{height: 34px!important;} .h35{height: 35px!important;} .h36{height: 36px!important;} .h37{height: 37px!important;} .h38{height: 38px!important;} .h40{height: 40px!important;} .h41{height: 41px!important;} .h42{height: 42px!important;} .h44{height: 44px!important;} .h45{height: 45px!important;} .h46{height: 46px!important;} .h47{height: 47px!important;} .h48{height: 48px!important;} .h50{height: 50px!important;} .h50p{height: 50%!important;} .h51{height: 51px!important;} .h52{height: 52px!important;} .h54{height: 54px!important;} .h55{height: 55px!important;} .h56{height: 56px!important;} .h58{height: 58px!important;} .h60{height: 60px!important;} .h62{height: 62px!important;} .h65{height: 65px!important;} .h66{height: 66px!important;} .h70{height: 70px!important;} .h75{height: 75px!important;} .h78{height: 78px!important;} .h80{height: 80px!important;} .h85{height: 85px!important;} .h90{height: 90px!important;} .h95{height: 95px!important;} .h150{height: 150px!important;} .h100{height: 100px!important;} .h102{height: 102px!important;} .h100p{height: 100%!important;} .h110{height: 110px!important;} .h111{height: 111px!important;} .h118{height: 118px!important;} .h133{height: 133px!important;} .h144{height: 144px!important;} .h150{height: 150px!important;} .h160{height: 160px!important;} .h170{height: 170px!important;} .h200{height: 200px!important;} .h210{height: 210px!important;} .h212{height: 212px!important;} .h220{height: 220px!important;} .h235{height: 235px!important;} .h266{height: 266px!important;} .h300{height: 300px!important;} .h306{height: 306px!important;} .h310{height: 310px!important;} .h325{height: 325px!important;} .h350{height: 350px!important;} .h360{height: 360px!important;} .h380{height: 380px!important;} .h420{height: 420px!important;} .h500{height: 500px!important;} .h510{height: 510px!important;} .h544{height: 544px!important;} .h585{height: 585px!important;} .h680{height: 680px!important;} .hauto{height: auto!important;} .minh300{min-height: 300px!important;} .minh350{min-height: 350px!important;} .minh380{min-height: 380px!important;} .minh400{min-height: 400px!important;} .minh450{min-height: 450px!important;} .minh500{min-height: 500px!important;} .maxh70p{max-height: 70%!important;} .maxw100p{max-width: 100%!important;} .maxh20{max-height: 20px!important;} .maxh30{max-height: 30px!important;} .maxh50{max-height: 50px!important;} .maxh70{max-height: 70px!important;} .maxh100{max-height: 100px!important;} .maxh200{max-height: 200px!important;} .maxh460{max-height: 460px!important;} .maxwnone{max-width: none!important;} .maxw20{max-width: 20px!important;} .maxw50{max-width: 50px!important;} .maxw100{max-width: 100px!important;} .maxw67{max-width: 67px!important;} .minw20{min-width: 20px!important;} .minw50{min-width: 50px!important;} .minw230{min-width: 230px!important;} .t10{top: 10px!important;} .lhunset{line-height: unset !important;} .lh8{line-height: 8px!important;} .lh11{line-height: 11px!important;} .lh15{line-height: 15px!important;} .lh16{line-height: 16px!important;} .lh25{line-height: 25px!important;} .lh30{line-height: 30px!important;} .lh36{line-height: 36px!important;} .lh37{line-height: 37px!important;} .lh45{line-height: 45px!important;} .lh55{line-height: 55px!important;} .lh76{line-height: 76px!important;} .h33vh{height:33vh;} /* #endregion */ /* #region Position absolut*/ .leftauto{left: auto!important;} .left5{left: 5px!important;} .left10{left: 10px!important;} .left30{left:30px!important;} .left40p{left: 40%!important;} .rightauto{right: auto!important;} .right0{right: 0px!important;} .right2{right: 2px!important;} .right4{right: 4px!important;} .right5{right: 5px!important;} .right15{right: 15px!important;} .right20{right: 20px!important;} .right25{right: 25px!important;} .right30{right: 30px!important;} .right38{right: 38px!important;} .zindex1{z-index: 1!important;} .zindex2{z-index: 2!important;} .zindex3{z-index: 3!important;} .zindex10{z-index: 10!important;} .zindex9999{z-index: 9999!important;} .left0{left: 0px!important;} .top-4{top:-5px!important;} .top-5{top:-5px!important;} .top-10{top:-10px!important;} .top-12{top:-12px!important;} .top-19{top:-19px!important;} .top-30{top:-30px!important;} .top-44{top:-44px!important;} .top-48{top:-48px!important;} .top-67{top:-67px!important;} .top-77{top:-77px!important;} .top0{top:0px!important;} .top4{top:4px!important;} .top5{top:5px!important;} .top7{top:7px!important;} .top10{top:10px!important;} .top15{top:15px!important;} .top20{top:20px!important;} .top21{top:21px!important;} .top24{top:24px!important;} .top25{top:25px!important;} .top49{top:49px!important;} .top50{top:50px!important;} .top60{top:60px!important;} .top65{top:65px!important;} .bottom2{bottom: 2px!important;} .bottom8{bottom: 8px!important;} .bot12{bottom: 12px!important;} /* #endregion */ /* #region Border*/ .bor-success{border: 1px solid #28a745!important;} .bor-primary{border: 1px solid #2196f3!important;} .bor-danger{border: 1px solid #dc3545!important;} .bor-warning{border:1px solid #FFC107!important;} .bor-info{border:1px solid #17a2b8!important;} .bor-gris{border:1px solid gray!important;} .bor-rouge{border:1px solid #b71c1c!important;} .bor-violet{border:1px solid #4a148c!important;} .bor-bleu{border:1px solid #1a237e!important;} .bor-bleufonce{border:1px solid #151a30!important;} .bor-vert{border:1px solid #004d40!important;} .bor-vertclair{border:1px solid #33691e!important;} .bor-orangefonce{border:1px solid #ff6600!important;} .bor-grisclair{border:1px solid #78909c!important;} .bor-rose{border:1px solid #f48fb1!important;} .bor-rosefonce{border:1px solid #EC407A!important;} .bor-jaunepale{border:1px solid #FFCC80!important;} .border1darkgray{border: 1px solid darkgray!important;} .bor-turquoise{border: 1px solid #13a9e3!important;} .bor-top-gris{border-top: 1px solid darkgray!important;} .border1bleuclair{border: 1px solid #8f9bb3!important;} .bor-bot-turquoise{border-bottom: 1px solid #13a9e3!important;} .bor-bot-rouge{border-bottom: 1px solid red!important;} .bor-bot-rouge2{border-bottom: 2px solid red!important;} .bor-bot-jaune{border-bottom: 1px solid yellow!important;} .bor-bot-bleufonce{border-bottom: 1px solid #191C34!important;} .bor-bot-primary{border-bottom: 1px solid #2196f3!important;} .bor-bot-success{border-bottom: 1px solid #28a745!important;} .bor-bot-warning{border-bottom: 1px solid #FFC107!important;} .bor-bot-white{border-bottom: 1px solid #FFFFFF!important;} .bor-2-white{border: 2px solid #FFFFFF!important;} .bor-2hb-white{border-top: 2px solid #FFFFFF!important;border-bottom: 2px solid #FFFFFF!important;} .bor-bot-beige{border-bottom: 1px solid #cfce84!important;} .nb-theme-dark .bor-bot-grisleger{border-bottom:1px solid rgba(255, 255, 255, 0.12)!important;} .nb-theme-default .bor-bot-grisleger{border-bottom:1px solid gray!important;} .bordertest{border: 1px solid red!important;} .bordertest2{border: 1px solid #007bff!important;} .nb-theme-dark .bor-bot-inverse{border-bottom: 1px solid #FFFFFF!important;} .nb-theme-default .bor-bot-inverse{border-bottom: 1px solid #191C34!important;} .bor1{border-width: 1px!important;} .bor2{border-width: 2px!important;} .bortop2{border-top-width: 2px!important;} .borbottom2{border-bottom-width: 2px!important;} .borC{border-left-width: 2px; border-top-width: 2px ;border-bottom-width: 2px;} /*Border Style*/ .border-dashed {border-style: dashed!important;} .box-sha-none{box-shadow: none!important;} .brad2{border-radius: 2px!important;} .brad5{border-radius: 5px!important;} .brad10{border-radius: 10px!important;} .brad20{border-radius: 20px!important;} .brad30{border-radius: 30px!important;} .brad31{border-radius: 31px!important;} .brad40{border-radius: 40px!important;} .brad50{border-radius: 50px!important;} .brad50p{border-radius: 50%!important;} .bor-0{border: Opx!important;} .brad5d{border-radius: 0px 5px 5px 0px!important;} .brad5g{border-radius: 5px 0px 0px 5px!important;} .brad5h{border-radius: 5px 5px 0px 0px!important;} .borcollap{border-collapse:collapse!important;} .bor-U-white{border-left: 2px solid white;border-right: 2px solid white;border-bottom: 2px solid white;} .borRgray{border-right:1px solid gray;} /* #endregion */ /* #region Divider */ .divider { margin-top: 10px; height: 25px; width: 1px; } /* #endregion */ /* #region Affichage*/ .disnone{display: none!important;} .visiblenone{visibility: hidden!important;} .disinitial{display: initial!important;} .disinlineblock{display: inline-block!important;} .disblock{display: block!important;} .disgrid{display: grid!important;} .disunset{display:unset!important;} .disinline{display:inline!important;} .discontent{display:contents!important;} .uppercase {text-transform: uppercase;} .capitalize {text-transform: capitalize;} .vasuper{vertical-align: super!important;} .vatexttop{vertical-align: text-top!important;} .posabs{position: absolute!important;} .posrel{position: relative!important;} .posfix{position:fixed!important;} .possticky{position:sticky!important;} .posstickymenu{position: -webkit-sticky!important; position: sticky!important; z-index:99!important;} .posstickymenutop80{position: -webkit-sticky!important; position: sticky!important; z-index:998!important;top:80px!important;} .fleft{float: left!important;} .fright{float: right!important;} .cboth{clear:both!important;} .curseur{cursor: pointer!important;} .curseurfleche{cursor: default!important;} .vertalignsub{vertical-align: sub!important;} .vertalignsuper{vertical-align: super!important;} .overhidden{overflow: hidden!important;} .overscrolly{overflow-y: scroll!important;} .bgalphablanc {background-color: rgba(255, 255, 255, 0.75);} .bgalphagris {background-color: rgba(126, 126, 126, 0.37);} /* #endregion */ /* #region Flex */ .flexbasis50{flex-basis: 50px!important;} .flex-item {flex: 1; /* Cela permet à chaque élément d'occuper un espace égal dans le conteneur flex */ margin-right: 10px; /* Marge à droite pour espacer les éléments flexibles, ajustez selon vos besoins */ } /* #endregion */ /* #region Image img Picture */ .aspectRatio11{aspect-ratio: 1/1;} .aspectRatio43{aspect-ratio: 4/3;} .aspectRatio32{aspect-ratio: 3/2;} .aspectRatio169{aspect-ratio: 16/9;} /* #endregion */ /* #region Media Screen */ @media screen and (min-width: 1600px) {/* XXXL */ .popup1col{width: 30%;} .popup2col{width: 45%;} .popup3col{width: 55%;} .popupfull{width: 98%;} .recevoircopie{margin-top: 5px!important;} .searchPaginator{margin-bottom:-55px!important;} } @media screen and (min-width: 1400px) and (max-width: 1599px){/* XXL */ .popup1col{width: 30%;} .popup2col{width: 50%;} .popup3col{width: 60%;} .popupfull{width: 98%;height:98%} .recevoircopie{margin-top: 5px!important;} .searchPaginator{margin-bottom:-55px!important;} } @media screen and (min-width: 1200px) and (max-width: 1399px){/* XL */ .popup1col{width: 40%;} .popup2col{width: 55%;} .popup3col{width: 65%;} .popupfull{width: 98%;height:98%} .hideDivXl{display: none!important;} .searchPaginator{margin-bottom:-55px!important;} .fontResponsive{font-size: 14px!important;} } @media screen and (min-width: 992px) and (max-width: 1199px) {/* LG */ .popup1col{width: 50%;} .popup2col{width: 65%;} .popup3col{width: 80%;} .popupfull{width: 98%;height:98%} .hideDivLg{display: none!important;} .recevoircopie{margin-top: 5px!important;} .searchPaginator{margin-bottom:-55px!important;} .fontResponsive{font-size: 12px!important;} } @media screen and (min-width: 768px) and (max-width: 991px) {/* MD */ .popup1col{width: 60%;} .popup2col{width: 80%;} .popup3col{width: 90%;} .popupfull{width: 98%;height:98%} .hideDivMd{display: none!important;} .hideBorderMd{border: 0px!important;} .recevoircopie{margin-top: -5px!important;} } @media screen and (min-width: 576px) and (max-width: 767px) {/* SM */ .popup1col{width: 80%;} .popup2col{width: 95%;} .popup3col{width: 98%;} .popupfull{width: 98%;height:98%} .hideDivSm{display: none!important;} .hideBorderSm{border: 0px!important;} .nb-theme-dark .logoimhotep{background-image: url("https://imhotep.blob.core.windows.net/picturelogo/logoimhotepmini.png") ;width: 40px;} .nb-theme-default .logoimhotep{background-image: url("https://imhotep.blob.core.windows.net/picturelogo/logoimhotepmini.png") ;width: 40px;} .marge-estim-bien-comp{margin-top: 0px!important;} .p-orderlist .p-orderlist-list .p-orderlist-item{width: 50%;display: inline-block;} } @media screen and (min-width: 0px) and (max-width: 575px) {/* . */ .popup1col{width: 95%;} .popup2col{width: 95%;} .popupfull{width: 98%;height:98%} .hideDivXs{display: none!important;} .hideBorderXs{border: 0px!important;} .nb-theme-dark .logoimhotep{background-image: url("https://imhotep.blob.core.windows.net/picturelogo/logoimhotepmini.png") ;width: 40px;} .nb-theme-default .logoimhotep{background-image: url("https://imhotep.blob.core.windows.net/picturelogo/logoimhotepmini.png") ;width: 40px;} .marge-estim-bien-comp{margin-top: 0px!important;} .taillephoto{position: relative!important;} ngx-bien-print > div > a:nth-child(1) > div > span, ngx-bien-print > div > a:nth-child(2) > div > span, ngx-bien-print > div > a:nth-child(3) > div > span, ngx-bien-print > div > a:nth-child(4) > div > span, ngx-bien-print > div > a:nth-child(5) > div > span, ngx-bien-print > div > a:nth-child(6) > div > span, ngx-bien-print > div > a:nth-child(7) > div > span{width: 142px!important;} .p-orderlist .p-orderlist-list .p-orderlist-item{width: 100%;display: inline-block;} .fontResponsive{font-size: 10px!important;} .p-sidebar{width: 95%!important;} } @media screen and (min-width: 768px) { /* MD LG XL XXL XXXL XXXXL */ .nb-theme-dark .logoimhotep{background-image: url("https://imhotep.blob.core.windows.net/picturelogo/logoimhotepblanc140.png") ;width: 140px;} .nb-theme-default .logoimhotep{background-image: url("https://imhotep.blob.core.windows.net/picturelogo/logoimhotep140.png") ;width: 140px;} } @media screen and (max-width: 991px){.margetexte{margin-top: 5px!important;}}/* . SM MD */ @media screen and (min-width: 768px){/* MD LG XL */ .postiontexte{text-align: left!important;} .nb-theme-dark .navbar .mega-dropdown .dropdown-menu.mega-menu{background-color: #1d3158 !important;width: max-content!important;} .alignMegaMenu{margin-left: 30px!important;} .aligneDemandeList{padding-left: 45px!important; padding-right: 0px!important;} } @media screen and (max-width: 768px){/* . SM */ .postiontexte{text-align: center!important;} .nb-theme-dark .navbar .mega-dropdown .dropdown-menu.mega-menu{background-color: #1d3158 !important;width:85vw!important;} .alignBurger{padding-right: 0px!important;} .aligneDemandeList{text-align: center!important;} .p-overlaypanel {overflow:auto;max-height: 300px;} } @media screen and (max-width: 880px){ .tailletextetableau{font-size: 11px!important;padding-left: 3px!important;padding-right: 3px!important;} } @media screen and (min-width: 881px){ .tailletextetableau{font-size: 12px!important;} } @media screen and (min-width: 522px) and (max-width: 924px){ #navbarmm{height: 120px!important;}; } @media screen and (min-width: 391px) and (max-width: 521px){ #navbarmm{height: 187px!important;}; } @media screen and (min-width: 0px) and (max-width: 521px){ #navbarmm{height: 234px!important;}; } @media screen and (min-width: 0px) and (max-width: 464px){ .photoMiniList{width: 100%!important;} } /* #endregion */ /* #region Grid */ .gridwrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; grid-auto-rows: minmax(100px, auto); } .grid{margin-left: -15px!important;margin-right: -15px!important;} .flex-container{ /*width: 80%;*/ /*min-height: 600px;*/ margin: 0 auto; display: -webkit-flex; /* Safari */ display: flex; /* Standard syntax */ } .flex-container .column{ padding: 5px; background: #dbdfe5; -webkit-flex: 1; /* Safari */ -ms-flex: 1; /* IE 10 */ flex: 1; /* Standard syntax */ /*min-height: 500px;*/ } .flex-container .column.bg-alt{background: #b4bac0;} /* #endregion */ /* #region Diagnostic */ /*A*/ .bottomAAv0721{bottom: 221px;} .bottomAConsoAp0721{bottom: 217px;} .bottomACo2Ap0721{bottom: 228px;} /*B*/ .bottomBAv0721{bottom: 193px;} .bottomBConsoAp0721{bottom: 190px;} .bottomBCo2Ap0721{bottom: 200px;} /*C*/ .bottomCAv0721{bottom: 164px;} .bottomCConsoAp0721{bottom: 162px;} .bottomCCo2Ap0721{bottom: 173px;} /*D*/ .bottomDAv0721{bottom: 135px;} .bottomDConsoAp0721{bottom: 134px;} .bottomDCo2Ap0721{bottom: 145px;} /*E*/ .bottomEAv0721{bottom: 107px;} .bottomEConsoAp0721{bottom: 106px;} .bottomECo2Ap0721{bottom: 116px;} /*F*/ .bottomFAv0721{bottom: 78px;} .bottomFConsoAp0721{bottom: 77px;} .bottomFCo2Ap0721{bottom: 88px;} /*G*/ .bottomGAv0721{bottom: 49px;} .bottomGConsoAp0721{bottom: 48px;} .bottomGCo2Ap0721{bottom: 59px;} /* #endregion */ /* #region New Diagnostic */ .dpeFlecheA, .dpeFlecheReduitA {width: 40px;background: #009c6d;} .dpeFlecheB, .dpeFlecheReduitB {width: 55px;background: #4fb050;} .dpeFlecheC, .dpeFlecheReduitC {width: 70px;background: #78bd76;} .dpeFlecheD, .dpeFlecheReduitD {width: 85px;background: #f4e708;} .dpeFlecheE, .dpeFlecheReduitE {width: 100px;background: #f0b50f;} .dpeFlecheF, .dpeFlecheReduitF {width: 115px;background: #eb8235;} .dpeFlecheG, .dpeFlecheReduitG {width: 130px;background: #d7221f;} .dpeFlecheA:after,.dpeFlecheReduitA:after{border-left-color: #009c6d;} .dpeFlecheB:after,.dpeFlecheReduitB:after{border-left-color: #4fb050;} .dpeFlecheC:after,.dpeFlecheReduitC:after{border-left-color: #78bd76;} .dpeFlecheD:after,.dpeFlecheReduitD:after{border-left-color: #f4e708;} .dpeFlecheE:after,.dpeFlecheReduitE:after{border-left-color: #f0b50f;} .dpeFlecheF:after,.dpeFlecheReduitF:after{border-left-color: #eb8235;} .dpeFlecheG:after,.dpeFlecheReduitG:after{border-left-color: #d7221f;} .cTitreEconome{color: #009c6d;} .cTitreEnergivore{color: #d7221f;} .dpeFlecheA, .dpeFlecheB, .dpeFlecheC, .dpeFlecheD, .dpeFlecheE, .dpeFlecheF, .dpeFlecheG { height:56px; color: #FFF; position: relative; font-size: 30px; line-height: 1.6; font-weight: bold; font-family: Open Sans; border-top-width:2px; border-left-width:2px; border-bottom-width:2px; border-right:none; text-align: left; padding-left:10px; } .dpeFlecheA:before, .dpeFlecheB:before, .dpeFlecheC:before, .dpeFlecheD:before, .dpeFlecheE:before, .dpeFlecheF:before, .dpeFlecheG:before{ content: ""; display: block; width: 0; height: 0; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 29px solid white; position: absolute; top: -2px; right: -29px; } .dpeFlecheA:after, .dpeFlecheB:after, .dpeFlecheC:after, .dpeFlecheD:after, .dpeFlecheE:after, .dpeFlecheF:after, .dpeFlecheG:after{ content: ""; display: block; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; position: absolute; top: 1px; right: -26px; border-left-width: 26px; border-left-style: solid; } .dpeFlecheReduitA, .dpeFlecheReduitB, .dpeFlecheReduitC, .dpeFlecheReduitD, .dpeFlecheReduitE, .dpeFlecheReduitF, .dpeFlecheReduitG { height:30px; color: #FFF; position: relative; font-size: 23px; line-height: 1.3; font-weight: bold; font-family: Open Sans; text-align: left; padding-left:10px; } .dpeFlecheReduitA:after, .dpeFlecheReduitB:after, .dpeFlecheReduitC:after, .dpeFlecheReduitD:after, .dpeFlecheReduitE:after, .dpeFlecheReduitF:after, .dpeFlecheReduitG:after{ content: ""; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 0px; right: -15px; border-left-width: 15px; border-left-style: solid; } .co2FlecheA, .co2FlecheReduitA {width: 95px;} .co2FlecheB, .co2FlecheReduitB {width: 110px;} .co2FlecheC, .co2FlecheReduitC {width: 125px;} .co2FlecheD, .co2FlecheReduitD {width: 140px;} .co2FlecheE, .co2FlecheReduitE {width: 155px;} .co2FlecheF, .co2FlecheReduitF {width: 170px;} .co2FlecheG, .co2FlecheReduitG {width: 185px;} .co2FlecheA, .co2FlecheReduitA,.co2FlecheA:after,.co2FlecheReduitA:after{background-color: #a4dbf8;} .co2FlecheB, .co2FlecheReduitB,.co2FlecheB:after,.co2FlecheReduitB:after{background-color: #8cb4d3;} .co2FlecheC, .co2FlecheReduitC,.co2FlecheC:after,.co2FlecheReduitC:after{background-color: #7792b1;} .co2FlecheD, .co2FlecheReduitD,.co2FlecheD:after,.co2FlecheReduitD:after{background-color: #606f8f;} .co2FlecheE, .co2FlecheReduitE,.co2FlecheE:after,.co2FlecheReduitE:after{background-color: #4d5271;} .co2FlecheF, .co2FlecheReduitF,.co2FlecheF:after,.co2FlecheReduitF:after{background-color: #393551;} .co2FlecheG, .co2FlecheReduitG,.co2FlecheG:after,.co2FlecheReduitG:after{background-color: #281b35;} .cTitrePeuEmissions{color: #a4dbf8;} .cTitreGrosseEmissions{color: #281b35;} .co2FlecheA, .co2FlecheB, .co2FlecheC, .co2FlecheD, .co2FlecheE, .co2FlecheF, .co2FlecheG { z-index: 1; height:56px; position: relative; font-size: 30px; line-height: 1.6; font-weight: bold; font-family: Open Sans; border-top-width:2px; border-left-width:2px; border-bottom-width:2px; border-right:none; text-align: left; padding-left:10px; color: white; } .co2FlecheA:before, .co2FlecheB:before, .co2FlecheC:before, .co2FlecheD:before, .co2FlecheE:before, .co2FlecheF:before, .co2FlecheG:before{ content: ""; display: block; width: 28px; height: 56px; border-top-right-radius: 28px; border-bottom-right-radius: 28px; position: absolute; top: -2px; right: -28px; } .co2FlecheA:after, .co2FlecheB:after, .co2FlecheC:after, .co2FlecheD:after, .co2FlecheE:after, .co2FlecheF:after, .co2FlecheG:after{ content: ""; display: block; width: 25px; height: 52px; border-top-right-radius: 28px; border-bottom-right-radius: 28px; position: absolute; top: 0px; right: -25px; } .co2FlecheReduitA, .co2FlecheReduitB, .co2FlecheReduitC, .co2FlecheReduitD, .co2FlecheReduitE, .co2FlecheReduitF, .co2FlecheReduitG { height:30px; color: #FFF; position: relative; font-size: 23px; line-height: 1.3; font-weight: bold; font-family: Open Sans; text-align: left; padding-left:10px; } .co2FlecheReduitA:after, .co2FlecheReduitB:after, .co2FlecheReduitC:after, .co2FlecheReduitD:after, .co2FlecheReduitE:after, .co2FlecheReduitF:after, .co2FlecheReduitG:after{ content: ""; display: block; width: 15px; height: 30px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; position: absolute; top: 0px; right: -15px; } .co2FlecheAvant21A, .co2FlecheReduitAvant21A {width: 40px;background: #f3eff4;} .co2FlecheAvant21B, .co2FlecheReduitAvant21B {width: 55px;background: #d3c0de;} .co2FlecheAvant21C, .co2FlecheReduitAvant21C {width: 70px;background: #c0aacf;} .co2FlecheAvant21D, .co2FlecheReduitAvant21D {width: 85px;background: #b095c3;} .co2FlecheAvant21E, .co2FlecheReduitAvant21E {width: 100px;background: #9275b1;} .co2FlecheAvant21F, .co2FlecheReduitAvant21F {width: 115px;background: #74589d;} .co2FlecheAvant21G, .co2FlecheReduitAvant21G {width: 130px;background: #604492;} .co2FlecheAvant21A:after,.co2FlecheReduitAvant21A:after{border-left-color: #f3eff4;} .co2FlecheAvant21B:after,.co2FlecheReduitAvant21B:after{border-left-color: #d3c0de;} .co2FlecheAvant21C:after,.co2FlecheReduitAvant21C:after{border-left-color: #c0aacf;} .co2FlecheAvant21D:after,.co2FlecheReduitAvant21D:after{border-left-color: #b095c3;} .co2FlecheAvant21E:after,.co2FlecheReduitAvant21E:after{border-left-color: #9275b1;} .co2FlecheAvant21F:after,.co2FlecheReduitAvant21F:after{border-left-color: #74589d;} .co2FlecheAvant21G:after,.co2FlecheReduitAvant21G:after{border-left-color: #604492;} .cTitrePeuEmissionsAvant21{color: #f3eff4;} .cTitreGrosseEmissionsAvant21{color: #604492;} .co2FlecheAvant21A, .co2FlecheAvant21B, .co2FlecheAvant21C, .co2FlecheAvant21D, .co2FlecheAvant21E, .co2FlecheAvant21F, .co2FlecheAvant21G { z-index: 1; height:56px; color: #FFF; position: relative; font-size: 30px; line-height: 1.6; font-weight: bold; font-family: Open Sans; border-top-width:2px; border-left-width:2px; border-bottom-width:2px; border-right:none; text-align: left; padding-left:10px; } .co2FlecheAvant21A:before, .co2FlecheAvant21B:before, .co2FlecheAvant21C:before, .co2FlecheAvant21D:before, .co2FlecheAvant21E:before, .co2FlecheAvant21F:before, .co2FlecheAvant21G:before{ content: ""; display: block; width: 0; height: 0; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left-width: 29px; position: absolute; top: -2px; right: -29px; } .co2FlecheAvant21A:after, .co2FlecheAvant21B:after, .co2FlecheAvant21C:after, .co2FlecheAvant21D:after, .co2FlecheAvant21E:after, .co2FlecheAvant21F:after, .co2FlecheAvant21G:after{ content: ""; display: block; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; position: absolute; top: 1px; right: -26px; border-left-width: 26px; border-left-style: solid; } .co2FlecheReduitAvant21A, .co2FlecheReduitAvant21B, .co2FlecheReduitAvant21C, .co2FlecheReduitAvant21D, .co2FlecheReduitAvant21E, .co2FlecheReduitAvant21F, .co2FlecheReduitAvant21G { height:30px; color: #FFF; position: relative; font-size: 23px; line-height: 1.3; font-weight: bold; font-family: Open Sans; text-align: left; padding-left:10px; } .co2FlecheReduitAvant21A:after, .co2FlecheReduitAvant21B:after, .co2FlecheReduitAvant21C:after, .co2FlecheReduitAvant21D:after, .co2FlecheReduitAvant21E:after, .co2FlecheReduitAvant21F:after, .co2FlecheReduitAvant21G:after{ content: ""; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 0px; right: -15px; border-left-width: 15px; border-left-style: solid; } .dpeFlecheMiniA,.dpeFlecheMiniReduitA {background: #009c6d;} .dpeFlecheMiniB,.dpeFlecheMiniReduitB {background: #4fb050;} .dpeFlecheMiniC,.dpeFlecheMiniReduitC {background: #78bd76;} .dpeFlecheMiniD,.dpeFlecheMiniReduitD {background: #f4e708;} .dpeFlecheMiniE,.dpeFlecheMiniReduitE {background: #f0b50f;} .dpeFlecheMiniF,.dpeFlecheMiniReduitF {background: #eb8235;} .dpeFlecheMiniG,.dpeFlecheMiniReduitG {background: #d7221f;} .dpeFlecheMiniA, .dpeFlecheMiniB, .dpeFlecheMiniC, .dpeFlecheMiniD, .dpeFlecheMiniE, .dpeFlecheMiniF, .dpeFlecheMiniG { color: #FFF; position: relative; font-size: 30px; line-height: 1.5; font-weight: bold; font-family: Open Sans; border-width:4px; top:-8px; border-radius: 5px!important; } .dpeFlecheMiniReduitA, .dpeFlecheMiniReduitB, .dpeFlecheMiniReduitC, .dpeFlecheMiniReduitD, .dpeFlecheMiniReduitE, .dpeFlecheMiniReduitF, .dpeFlecheMiniReduitG { /*height:56px;*/ color: #FFF; position: relative; font-size: 23px; line-height: 1.6; font-weight: bold; font-family: Open Sans; /*border-top-width:2px; border-left-width:2px; border-bottom-width:2px; border-right:none; text-align: left; padding-left:10px;*/ } .co2FlecheMiniA, .co2FlecheMiniReduitA {background: #a4dbf8;} .co2FlecheMiniB, .co2FlecheMiniReduitB {background: #8cb4d3;} .co2FlecheMiniC, .co2FlecheMiniReduitC {background: #7792b1;} .co2FlecheMiniD, .co2FlecheMiniReduitD {background: #606f8f;} .co2FlecheMiniE, .co2FlecheMiniReduitE {background: #4d5271;} .co2FlecheMiniF, .co2FlecheMiniReduitF {background: #393551;} .co2FlecheMiniG, .co2FlecheMiniReduitG {background: #281b35;} .co2FlecheMiniAvant21A, .co2FlecheMiniReduitAvant21A {background: #f3eff4;} .co2FlecheMiniAvant21B, .co2FlecheMiniReduitAvant21B {background: #d3c0de;} .co2FlecheMiniAvant21C, .co2FlecheMiniReduitAvant21C {background: #c0aacf;} .co2FlecheMiniAvant21D, .co2FlecheMiniReduitAvant21D {background: #b095c3;} .co2FlecheMiniAvant21E, .co2FlecheMiniReduitAvant21E {background: #9275b1;} .co2FlecheMiniAvant21F, .co2FlecheMiniReduitAvant21F {background: #74589d;} .co2FlecheMiniAvant21G, .co2FlecheMiniReduitAvant21G {background: #604492;} .co2FlecheMiniA, .co2FlecheMiniB, .co2FlecheMiniC, .co2FlecheMiniD, .co2FlecheMiniE, .co2FlecheMiniF, .co2FlecheMiniG, .co2FlecheMiniAvant21A, .co2FlecheMiniAvant21B, .co2FlecheMiniAvant21C, .co2FlecheMiniAvant21D, .co2FlecheMiniAvant21E, .co2FlecheMiniAvant21F, .co2FlecheMiniAvant21G { color: #FFF; position: relative; font-size: 30px; line-height: 1.5; font-weight: bold; font-family: Open Sans; border-width:4px; top:-8px; border-radius: 5px!important; } .co2FlecheMiniReduitA, .co2FlecheMiniReduitB, .co2FlecheMiniReduitC, .co2FlecheMiniReduitD, .co2FlecheMiniReduitE, .co2FlecheMiniReduitF, .co2FlecheMiniReduitG, .co2FlecheMiniReduitAvant21A, .co2FlecheMiniReduitAvant21B, .co2FlecheMiniReduitAvant21C, .co2FlecheMiniReduitAvant21D, .co2FlecheMiniReduitAvant21E, .co2FlecheMiniReduitAvant21F, .co2FlecheMiniReduitAvant21G { /*height:56px;*/ color: #FFF; position: relative; font-size: 23px; line-height: 1.6; font-weight: bold; font-family: Open Sans; /*border-top-width:2px; border-left-width:2px; border-bottom-width:2px; border-right:none; text-align: left; padding-left:10px;*/ } /* #endregion */ /* #region p-colorpicker */ .p-colorpicker-preview {height:46px!important;} /*.test > p-inputtext {color: red!important; background-color: aqua!important;} .p-colorpicker > p-inputtext {color: red!important; background-color: aqua!important;} .p-colorpicker-preview {color: red!important; background-color: aqua!important;}*/ /*p-colorpicker Container element. p-colorpicker-overlay Container element in overlay mode. p-colorpicker-preview Preview input in overlay mode. p-colorpicker-panel Panel element of the colorpicker. p-colorpicker-content Wrapper that contains color and hue sections. p-colorpicker-color-selector Color selector container. p-colorpicker-color Color element. p-colorpicker-color-handle Handle of the color element. p-colorpicker-hue Hue slider. p-colorpicker-hue-handle Handle of the hue slider.*/ /*#endregion*/ /* #region Diagnostic */ .time-container { display: flex; /*border: 1px solid #ccc;*/ /*border-radius: 5px;*/ overflow: hidden; font-family: Arial, sans-serif; } .time-box { display: flex; align-items: center; padding: 5px 0px 5px 8px; } .time-box.blue { background-color: #2196F3; color: #fff; position: relative; flex: 1; } .time-box.blue::after { content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 35px solid transparent; border-bottom: 35px solid transparent; border-left: 15px solid #2196F3; } .time-box.white { background-color: #fff; color: #000; flex: 1; } .time-container .icon {margin-right: 8px;font-size: 20px;} .time-container .details {display: flex;flex-direction: column;} .time-container .date {font-size: 12px;} .time-container .time {font-size: 18px;font-weight: bold;} /*#endregion*/