.ctrl-panel{
display: flex !important;
align-items: center;
place-self: center stretch;
grid-column-gap: 2px;
font-size: 10px;
margin: 0px;
}
.ctrl-panel > *{
flex-shrink: 0;
}
.ctrl-panel > *:first-child{
flex-grow: 1;
flex-shrink: 1;
}
.ctrl-panel.fullsize{
place-self: stretch stretch;
}
.ctrl-panel.disabled{
display: block;
}
.ctrl-panel-interne{
overflow: hidden;
}
.ctrl-panel.invalid > *:first-child{
border: 2px solid red;
}
.ctrl-panel-claim > img{
margin: 2px;
}
.wizard-label{
text-align: center;
margin: .5em 0;
font-size: 1.2em;
color: #020000;
}
.wizard-radio-btn{
position: relative;
width: 60px;
}
.wizard-radio-btn>input[type=radio]{
display: none;
}
.wizard-radio-btn>label{
box-sizing: border-box;
-webkit-appearance: none;
background-color: #80a078;
border: 1px solid #96bc8d;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 25%;
border-radius: 100px;
display: inline-block;
position: relative;
left: 25%;
}
.wizard-radio-btn.validated-step>label{
background-color: rgba(241,252,222,1);
border-color: #f9a756;
}
.wizard-radio-btn.validated-step:before{
background-color: #f9a756;
}
.wizard-radio-btn.first:before{
content: none;
}
.wizard-radio-btn:before{
display: inline-block;
width: 49%;
height: 2px;
content: '';
position: absolute;
background-color: #96bc8d;
top: 50%;
left: -24%;
}
.wizard-radio-btn.validated-step>label{
background-color: #dfdcd5;
border-color: #f9a756;
}
.wizard-radio-btn>input[type=radio]:checked+label{
background-color: #dfdcd5;
}
.wizard-radio-btn>input[type=radio]:checked+label:after{
content: ' ';
position: absolute;
width: 60%;
height: 60%;
top: 20%;
left: 20%;
border-radius: 100px;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
background: -moz-radial-gradient(center, ellipse cover, #dfdcd5 0%, #f9a756 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #dfdcd5), color-stop(100%, #f9a756));
background: -webkit-radial-gradient(center, ellipse cover, #dfdcd5 0%, #f9a756 100%);
background: -o-radial-gradient(center, ellipse cover, #dfdcd5 0%, #f9a756 100%);
background: -ms-radial-gradient(center, ellipse cover, #dfdcd5 0%, #f9a756 100%);
background: radial-gradient(ellipse at center, #dfdcd5 0%, #f9a756 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdcd5', endColorstr='#f9a756', GradientType=1);
}
.wizard-radio-btn>label:active,
.wizard-radio-btn>input[type=radio]:checked+label:active{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.ctrl-code{
justify-content: center;
column-gap: 10px;
margin: 10px 0;
}
.ctrl-code input{
width: 1.1em;
border-radius: 0.2em;
font-size: 2em;
text-align: center;
}
.ctrl-code.code-readonly input{
background: transparent;
border: none;
pointer-events: none;
outline: none;
}
.ctrl-code input::-webkit-outer-spin-button,
.ctrl-code input::-webkit-inner-spin-button{
-webkit-appearance: none;
margin: 0;
}
.ctrl-code input[type=number]{
-moz-appearance: textfield;
appearance: textfield;
}
.totp-qrcode-container{
padding: 30px 50px;
}
.totp_secret{
position: relative;
}
.totp_secret input{
width: 300px;
text-align: center;
padding: 5px;
}
.totp_secret::after{
content: 'SECRET';
display: grid;
place-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 5px;
z-index: 1;
background-color: #FFFFFF;
}
.totp_secret:hover::after{
display: none;
}
.ctrl-information{
white-space: pre-wrap;
}
.listview-gridview{
grid-auto-rows: max-content;
grid-gap: 10px;
padding: 15px;
overflow: auto;
}
.gridview-record{
border: 2px solid #aaaaaa;
border-radius: 5px;
padding: 10px;
}
.gridview-record.selected{
background: #f9a756;
}
.ctrl-date-filtre{
place-content: center start;
place-items: center;
}
.ctrl-date-filtre>*{
grid-row-end: span 2;
}
.ctrl-date-filtre.row{
grid-auto-columns: max-content;
}
.ctrl-date-filtre.row .end-date{
margin-left: 10px;
}
.ctrl-date-filtre.column{
grid-template-columns: repeat(7, max-content);
grid-template-rows: repeat(2, max-content);
grid-row-gap: 1px;
}
.ctrl-date-filtre.column .ctrl-date,
.ctrl-date-filtre.column .ctrl-time-btn-timer{
grid-row-end: span 1;
}
.ctrl-date-filtre.column .ctrl-btn.ctrl-date-btn-cal{
margin: 0 0 0 2px;
}
.ctrl-date-filtre .ctrl-btn[class*="ctrl-btn-filtre-"]{
margin: 0;
padding: 0 4px;
}
.ctrl-date-filtre .ctrl-btn.ctrl-btn-filtre-droit{
box-sizing: border-box;
}
.etiquette-div{
display: flex;
flex-wrap: wrap;
}
.etiquette{
width:max-content;
box-sizing:border-box;
margin: 2px;
padding:0px;
text-align: center;
font-size:15px;
border:4px solid;
border-radius: 5px;
}
.etiquette_ireport{
width:max-content;
box-sizing:border-box;
margin: 2px;
padding:0px;
text-align: center;
font-size:11px;
border:4px solid;
border-radius: 5px;
}
.wnd-notification{
width: 1020px;
}
.maxi .wnd-notification,
.resized .wnd-notification{
width: unset;
}
.notifications_login{
overflow : auto;
border: 1px solid #344c2e;
padding : 2px;
background-color: white;
}
.notification_login{
border: 1px solid #344c2e;
padding : 2px;
}
.ctrl-upload{
position: relative;
grid-template-columns: 1fr max-content max-content;
align-items: center;
margin: 5px;
padding: 10px;
border: 2px solid grey;
border-radius: 10px;
overflow: hidden;
}
.ctrl-upload > *:not(:first-child){
margin-left: 2px;
}
.ctrl-upload.dragover{
border: 2px solid blue;
}
.listview .ctrl-upload,
.ctrl-readonly .ctrl-upload,
.ctrl-upload.ctrl-readonly{
padding: 0;
border: none !important;
margin: 0 !important;
}
.ctrl-upload .upload img{
object-fit: scale-down;
}
.ctrl-readonly .ctrl-upload .upload img,
.ctrl-upload.ctrl-readonly .upload img{
max-width: 100%;
max-height: 100%;
cursor: pointer;
}
.ctrl-upload.file-upload{
border-style: dashed;
}
.ctrl-upload table{
width: 100%;
}
.ctrl-upload video{
place-self: center;
}
.ctrl-upload .upload{
grid-area: 1 / 1 / span 1 / span 1;
}
.ctrl-upload .upload-btn{
justify-self: end;
width: 16px;
height: 16px;
}
.ctrl-upload .upload-btn.upload-clear{
grid-area: 1 / 2 / span 1 / span 1;
}
.ctrl-upload .upload-btn.upload-action{
grid-area: 1 / 3 / span 1 / span 1;
}
.file-upload .download img{
object-fit: scale-down;
}
.ctrl-upload .upload-progress{
grid-area: 1 / 1 / span 1 / span 1;
}
.ctrl-upload .upload-message{
grid-area: 2 / 1 / span 1 / span 2;
}
.ctrl-upload .upload-preview{
grid-area: 3 / 1 / span 1 / span 3;
place-self: center center;
object-fit: scale-down;
}
.ctrl-upload .upload-progress{
grid-template-columns: 1fr max-content;
overflow-x: hidden;
place-items: stretch;
border-radius: 10px;
border: 1px solid rgb(130, 130, 130);
}
.ctrl-upload .upload-progress .progress-content{
grid-area: 1 / 1 / span 1 / span 1;
z-index: 1;
overflow: hidden;
text-overflow: ellipsis;
padding: 7px;
}
.ctrl-upload .upload-progress .progress-value{
grid-area: 1 / 2 / span 1 / span 1;
z-index: 1;
padding: 7px;
}
.ctrl-upload .upload-progress .progress-overlay{
grid-area: 1 / 1 / span 1 / span 2;
z-index: 2;
background: rgba(130, 130, 130, .5);
width: 0px;
}
.ctrl-upload.hidden-upload{
grid-template-columns: unset;
grid-template-rows: unset;
place-content: center;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
}
.ctrl-upload.hidden-upload .upload,
.ctrl-upload.hidden-upload .upload-progress{
display: none;
}
.ctrl-upload.hidden-upload .upload-action{
grid-area: 1 / 1 / span 1 / span 1;
transition: filter 1s ease-in-out;
}
.ctrl-upload.hidden-upload.in-progress .upload-action{
filter: invert(100%);
}
.ctrl-upload.hidden-upload .upload-clear{
display: none;
}
.ctrl-upload .upload-timer{
grid-area: 1 / 1 / span 1 / span 2;
position: absolute;
top: 0;
left: 0;
z-index: 1;
color: white;
background: rgb(30, 30, 30);
}
.ctrl-upload.hidden-upload .upload-timer{
grid-area: 1 / 2 / span 1 / span 1;
position: initial;
color: inherit;
margin-right: 2px;
}
.listview .ctrl-upload .upload-timer,
.ctrl-readonly .ctrl-upload .upload-timer,
.ctrl-upload.ctrl-readonly .upload-timer{
display: none;
}
.dialog-box-ap.ctrl-fullscreen .popupContent{
opacity: 1; }
.maximized .ctrl-planning{
max-width: 100% !important;
max-height: 100% !important; }
.ctrl-planning::-webkit-scrollbar{
background: transparent;
height: 8px;
width: 8px; }
.ctrl-planning::-webkit-scrollbar-thumb:hover{
background: #bdc1c6; }
.ctrl-planning::-webkit-scrollbar-thumb{
border: none;
box-shadow: none;
background: rgba(218,220,224,1);
border-radius: 8px;
min-height: 40px; }
.ctrl-planning{
grid-template: max-content minmax(0, 1fr)/minmax(0, 1fr);
background: rgba(255,255,255,1);
border-radius: 8px;
margin: 15px;
padding: 15px 0;
box-shadow: 0px 6px 8px 0 rgba(60, 64, 67, 0.302), 0 4px 10px 6px rgba(60, 64, 67, 0.149);
color: rgba(32,33,36,0.622);
font-size: 8pt;
box-sizing: border-box; }
.ctrl-planning button{
margin: 0em;
border-width: 1px;
border-style: solid;
border-color: #d8d8d8 #d1d1d1 #bababa; }
.ctrl-planning select{
margin: 0em;
border-color: #a6a6a6; }
.ctrl-planning .planning-btn:hover{
background: rgba(241,243,244,1) !important;
cursor: pointer; }
.ctrl-planning .ctrl-planning-header{
grid-template-columns: auto auto auto auto auto 1fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
padding: 0 25px 15px;
border-bottom: 1px solid rgba(189,208,241,1);
grid-column-gap: 25px; }
.ctrl-planning .ctrl-planning-header .planning-switchview-box{
grid-area: 1/2/span 1/span 1; }
.ctrl-planning .ctrl-planning-header .planning-today-btn{
grid-area: 1/3/span 1/span 1; }
.ctrl-planning .ctrl-planning-header .planning-previous-btn{
grid-area: 1/4/span 1/span 1; }
.ctrl-planning .ctrl-planning-header .planning-next-btn{
grid-area: 1/5/span 1/span 1; }
.ctrl-planning .ctrl-planning-header .planning-fullscreen-btn{
grid-area: 1/1/span 1/span 1;
margin-right: 30px; }
.ctrl-planning .ctrl-planning-header .planning-header-dates{
grid-area: 1/6/span 1/span 1;
font-size: 2.5em;
justify-self: start;
margin-left: 25px; }
.ctrl-planning .ctrl-planning-header .planning-today-btn, .ctrl-planning .ctrl-planning-header .planning-switchview-box, .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn{
background: transparent;
font-size: 1.5em;
border-radius: 4px;
padding: 10px 15px;
align-self: stretch;
justify-self: stretch; }
.ctrl-planning .ctrl-planning-header .planning-previous-btn, .ctrl-planning .ctrl-planning-header .planning-next-btn{
border-radius: 100%; }
.ctrl-planning .ctrl-planning-header .planning-next-btn{
margin-left: -15px; }
.ctrl-planning .ctrl-planning-header .planning-fullscreen-btn{
border-width: 0.15em;
width: 3em;
height: calc(3em * .75);
position: relative;
place-self: center; }
.ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:before, .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:after{
content: "";
position: absolute;
background: rgba(255,255,255,1); }
.ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:hover:before, .ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:hover:after{
background: rgba(241,243,244,1) !important; }
.ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:before{
width: 40%;
height: calc(100% + 2 * 0.15em);
left: 30%;
top: -0.15em; }
.ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:after{
width: calc(100% + 2 * 0.15em);
height: 40%;
top: 30%;
left: -0.15em; }
.ctrl-planning .ctrl-planning-header .planning-fullscreen-btn:focus{
outline: none; }
.ctrl-planning.ctrl-planning-timeless .planning-timeless-hidden{
display: none; }
.ctrl-planning .planning{
z-index: 2;
overflow: hidden;
margin: 15px; }
.ctrl-planning .planning.multiple-day-planning .planning-pre-header{
align-self: end;
justify-self: stretch;
text-align: center;
margin-bottom: 10px;
font-size: 1em; }
.ctrl-planning .planning.multiple-day-planning .planning-header{
align-items: stretch;
justify-items: stretch;
font-size: 1.2em;
grid-row-gap: 20px;
overflow-y: scroll;
scrollbar-width: none; }
.ctrl-planning .planning.multiple-day-planning .planning-header::-webkit-scrollbar{
width: 16px;
height: 16px;
background: transparent; }
.ctrl-planning .planning.multiple-day-planning .planning-header::-webkit-scrollbar-thumb{
border: 4px solid white; }
.ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem{
position: relative;
align-content: stretch;
justify-content: stretch;
align-items: center;
justify-items: center;
padding: 5px 0;
grid-row-gap: 5px; }
.ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem:before{
content: "";
height: 30px;
width: 1px;
border-left: 1px solid rgba(218,220,224,1);
position: absolute;
left: 0;
bottom: 0; }
.ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem:last-child:after{
content: "";
height: 30px;
border-left: 1px solid rgba(218,220,224,1);
position: absolute;
right: 0;
bottom: 0; }
.ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem div:last-child{
font-size: 2em;
text-align: center; }
.ctrl-planning .planning.multiple-day-planning .planning-header .planning-header-elem .planning-header-btn{
width: 30px;
border-radius: 100%;
padding: 8px; }
.ctrl-planning .planning.multiple-day-planning .planning-side{
overflow-y: hidden; }
.ctrl-planning .planning.multiple-day-planning .planning-content{
overflow-y: scroll;
scrollbar-width: none;
border-top: 1px solid rgba(218,220,224,1); }
.ctrl-planning .planning.multiple-day-planning .planning-content::-webkit-scrollbar{
width: 16px;
height: 16px;
background: transparent; }
.ctrl-planning .planning.multiple-day-planning .planning-content::-webkit-scrollbar-thumb{
border: 4px solid white; }
.ctrl-planning .planning.month-planning .planning-header{
width: 100%;
border-bottom: 1px solid rgba(218,220,224,1); }
.ctrl-planning .planning.month-planning .planning-side{
height: 100%;
border-right: 1px solid rgba(218,220,224,1); }
.ctrl-planning .planning.month-planning .planning-content{
grid-template-columns: repeat(7, 1fr);
grid-auto-rows: minmax(200px, 1fr);
overflow-y: scroll; }
.ctrl-planning .planning.month-planning .planning-content .planning-sub-content{
padding: 10px 6px 0 2px;
z-index: 2;
overflow: auto;
align-items: center;
justify-items: center;
grid-row-gap: 2px;
font-size: 1.2em; }
.ctrl-planning .planning.month-planning .planning-content .planning-sub-content .planning-header-btn{
width: 20px;
border-radius: 100%;
padding: 3px;
text-align: center; }
.ctrl-planning .planning.month-planning .planning-list-event-manager{
height: 100%; }
.ctrl-planning .planning.year-planning .planning-content{
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: repeat(3, 1fr);
margin: 15px;
place-items: center; }
.ctrl-planning .planning.year-planning .planning-content .planning-sub-content{
grid-template-columns: repeat(7, minmax(0, 36px));
grid-auto-rows: minmax(0, 28px);
align-items: center;
justify-items: center;
font-size: 1.2em; }
.ctrl-planning .planning.year-planning .planning-content .planning-sub-content > .gwt-Label:first-child{
font-weight: bold; }
.ctrl-planning .planning .planning-day-grid{
grid-template-columns: 1fr;
grid-auto-rows: minmax(50px, 1fr);
border-left: 1px solid rgba(218,220,224,1);
overflow: visible; }
.ctrl-planning .planning .planning-day-grid:last-child{
border-right: 1px solid rgba(218,220,224,1); }
.ctrl-planning .planning .planning-day-grid div{
border-bottom: 1px solid rgba(218,220,224,1);
text-align: center; }
.ctrl-planning .planning .planning-month-grid{
border-right: 1px solid rgba(218,220,224,1);
border-bottom: 1px solid rgba(218,220,224,1); }
.ctrl-planning .planning .planning-day-side{
grid-template-columns: 1fr;
grid-auto-rows: minmax(50px, 1fr);
border-top: 1px solid rgba(218,220,224,1); }
.ctrl-planning .planning .planning-day-side .planning-day-side-hour{
position: relative;
align-content: stretch;
justify-content: stretch;
align-items: end;
justify-items: center;
overflow: visible;
margin: 0 20px; }
.ctrl-planning .planning .planning-day-side .planning-day-side-hour .gwt-Label{
transform: translateY(0.5em); }
.ctrl-planning .planning .planning-day-side .planning-day-side-hour:last-child .gwt-Label{
opacity: 0; }
.ctrl-planning .planning .planning-day-side .planning-day-side-hour:after{
content: "";
width: 10px;
border-bottom: 1px solid rgba(218,220,224,1);
position: absolute;
right: 0;
top: -1px; }
.ctrl-planning .planning .planning-absolute-event-manager{
overflow: visible; }
.ctrl-planning .planning .planning-list-event-manager{
align-content: start;
justify-content: stretch;
align-self: start;
justify-self: stretch; }
.ctrl-planning .planning .planning-has-event-manager{
padding: 2px 0;
border-radius: 100%;
cursor: pointer; }
.planning-event{
background: rgba(199,218,251,1);
border-radius: 8px;
box-sizing: border-box;
font-size: 1.2em;
padding: 5px 10px 0;
cursor: pointer;
overflow: hidden; }
.planning-event .planning-event-content{
overflow: hidden; }
.planning-event.planning-event-expanded{
grid-template-columns: 1fr;
grid-template-rows: auto auto 1fr auto;
color: rgba(32,33,36,0.622);
border: 1px solid white; }
.planning-event.planning-event-expanded .planning-event-title{
grid-column-start: 1;
grid-row-start: 1; }
.planning-event.planning-event-expanded .planning-event-dates{
grid-column-start: 1;
grid-row-start: 2; }
.planning-event.planning-event-expanded .planning-event-content{
grid-column-start: 1;
grid-row-start: 3; }
.planning-event.planning-event-expanded.planning-event-vertical{
grid-template-columns: 1fr auto auto;
grid-template-rows: 1fr; }
.planning-event.planning-event-expanded.planning-event-vertical .planning-event-title{
grid-column-start: 3;
grid-row-start: 1; }
.planning-event.planning-event-expanded.planning-event-vertical .planning-event-dates{
grid-column-start: 2;
grid-row-start: 1; }
.planning-event.planning-event-expanded.planning-event-vertical .planning-event-content{
grid-column-start: 1;
grid-row-start: 1; }
.planning-event.planning-event-expanded.planning-event-vertical .planning-event-title, .planning-event.planning-event-expanded.planning-event-vertical .planning-event-dates{
writing-mode: vertical-rl;
text-orientation: mixed; }
.planning-event.planning-event-expanded.planning-event-selected, .planning-event.planning-event-expanded.planning-dragged-event{
background: rgba(209,228,255,1);
color: rgba(32, 33, 36, 0.852); }
.planning-event.planning-event-regular{
grid-template-columns: auto auto 1fr;
grid-template-rows: auto;
background: transparent;
margin: 1px 0;
grid-column-gap: 10px;
align-items: center;
color: rgba(32,33,36,0.702);
padding: 4px 12px; }
.planning-event.planning-event-regular:hover{
background: rgba(241,243,244,1); }
.planning-event.planning-event-regular.planning-event-selected, .planning-event.planning-event-regular.planning-dragged-event{
color: rgba(32,33,36,0.622); }
.planning-event.planning-event-regular.multiple-day-event{
background: rgba(199,218,251,1); }
.planning-event.planning-event-regular.multiple-day-event:hover{
filter: brightness(95%); }
.planning-event.planning-event-regular.multiple-day-event .day-event-pre{
display: none; }
.planning-event.planning-event-regular.multiple-day-event .planning-event-title{
text-align: center; }
.planning-event.planning-event-regular .day-event-pre{
width: 0.6em;
height: 0.6em;
background: rgba(189,208,241,1);
border-radius: 100%; }
.planning-event.planning-event-shrink{
background: transparent;
color: rgba(60,64,67,1);
padding: 11px;
border: 1px solid rgba(11,36,251,1);
border-radius: 100%;
z-index: 2; }
.planning-event.planning-event-shrink.special-event-only{
border: none; }
.planning-event.planning-event-selected, .planning-event.planning-dragged-event{
border: none;
box-shadow: 0px 6px 8px 0 rgba(60, 64, 67, 0.302), 0 4px 10px 6px rgba(60, 64, 67, 0.149); }
.planning-event.planning-dragged-event{
cursor: move; }
.planning-event.planning-event-dragging, .planning-event.planning-event-cutted{
opacity: 0.4; }
.planning-event .planning-event-title{
overflow: hidden; }
.planning-event .planning-event-widening-section{
width: 100%;
height: 10px;
align-self: end;
z-index: 2;
cursor: ns-resize; }
.planning-selection-overlay{
z-index: 201;
overflow-y: hidden;
cursor: crosshair; }
.planning-selection-overlay .planning-selection-div{
border: 1px solid rgba(0, 0, 230, 0.4);
background: rgba(0, 0, 210, 0.2); }
.planning-event-list-popup{
z-index: 201; }
.planning-event-list-popup .event-panel{
grid-row-gap: 5px;
background: rgba(255,255,255,1);
padding: 12px 8px;
width: 250px;
border-radius: 8px;
box-shadow: 0px 6px 8px 0 rgba(60, 64, 67, 0.302), 0 4px 10px 6px rgba(60, 64, 67, 0.149); }
.planning-event-list-popup .event-panel .planning-event-list-popup-header{
grid-template-columns: 1fr;
grid-template-rows: auto auto; }
.planning-event-list-popup .event-panel .planning-event-list-popup-header .gwt-Label:first-child{
padding: 5px;
font-size: 1.5em; }
.planning-event-list-popup .event-panel .planning-event-list-popup-header .gwt-Label:last-child{
font-size: 3em;
border-radius: 100%;
text-align: center;
padding: 10px 0px; }
.planning-event-list-popup .event-panel .planning-event-list-popup-header .gwt-Label:last-child:hover{
background: rgba(241,243,244,1); }
.planning-event-list-popup .event-panel .planning-event-list-popup-close{
align-self: start;
justify-self: end;
transform: scale(0.8, 0.8);
padding: 10px;
border-radius: 100%; }
.planning-event-list-popup .event-panel .planning-event-list-popup-close:hover{
background: rgba(241,243,244,1); }
.close-icon{
position: relative;
width: 22px;
height: 22px; }
.close-icon:before, .close-icon:after{
position: absolute;
left: 10px;
content: " ";
height: 23px;
width: 2px;
background-color: rgba(60,64,67,1); }
.close-icon:before{
transform: rotate(45deg); }
.close-icon:after{
transform: rotate(-45deg); }
.dialog-box.planning-context-menu{
position: fixed !important; }
.dialog-box.planning-context-menu .dialog-box-inner{
overflow: hidden; }
.dialog-box.planning-context-menu .ihm-status, .dialog-box.planning-context-menu .dialog-box-resizer{
display: none; }
.dialog-box.planning-context-menu .ctrl-btn{
border: none;
border-radius: unset;
margin: unset; }
.dialog-box.planning-context-menu .ctrl-btn:hover{
filter: brightness(95%); }
.ctrl-webcam{
place-items: center;
grid-column-gap: 5px;
}
.dialog-box-ap.ctrl-fullscreen .popupContent{
opacity: 1; }
.maximized .ctrl-planner{
max-width: 100% !important;
max-height: 100% !important; }
.ctrl-planner::-webkit-scrollbar-thumb:hover{
background-color: #bdc1c6; }
.ctrl-planner::-webkit-scrollbar-thumb{
border: none;
box-shadow: none;
background-color: rgba(218,220,224,1);
border-radius: 8px;
min-height: 40px; }
.ctrl-planner{
grid-template: max-content minmax(0, 1fr)/minmax(0, 1fr);
background-color: rgba(255,255,255,1);
border-radius: 8px;
margin: 15px;
padding: 15px 0;
box-shadow: 0px 6px 8px 0 rgba(60, 64, 67, 0.302), 0 4px 10px 6px rgba(60, 64, 67, 0.149);
color: rgba(32,33,36,0.622);
font-size: 8pt;
box-sizing: border-box; }
.ctrl-planner button{
margin: 0em;
border-width: 1px;
border-style: solid;
border-color: #d8d8d8 #d1d1d1 #bababa; }
.ctrl-planner select{
margin: 0em;
border-color: #a6a6a6; }
.ctrl-planner select:focus{
border-width: 1px;
border-style: solid;
border-color: #a6a6a6; }
.ctrl-planner .planner-btn:hover{
background-color: rgba(241,243,244,1) !important;
cursor: pointer; }
.ctrl-planner .ctrl-planner-header{
grid-template-columns: auto auto auto auto auto 1fr auto auto;
grid-template-rows: auto;
align-items: center;
justify-items: center;
padding: 0 25px 15px;
border-bottom: 1px solid rgba(189,208,241,1);
grid-column-gap: 25px; }
.ctrl-planner .ctrl-planner-header .planner-switchview-box{
grid-area: 0.5/span 1/span 1; }
.ctrl-planner .ctrl-planner-header .planner-today-btn{
grid-area: 0.3333333333/span 1/span 1; }
.ctrl-planner .ctrl-planner-header .planner-previous-btn{
grid-area: 0.25/span 1/span 1; }
.ctrl-planner .ctrl-planner-header .planner-next-btn{
grid-area: 0.2/span 1/span 1; }
.ctrl-planner .ctrl-planner-header .planner-undo-btn{
grid-area: 0.1428571429/span 1/span 1; }
.ctrl-planner .ctrl-planner-header .planner-redo-btn{
grid-area: 0.125/span 1/span 1; }
.ctrl-planner .ctrl-planner-header .planner-fullscreen-btn{
grid-area: 1/span 1/span 1;
margin-right: 30px; }
.ctrl-planner .ctrl-planner-header .planner-header-extra{
grid-area: 0.1666666667/span 1/span 1;
justify-self: stretch;
margin-left: 25px; }
.ctrl-planner .ctrl-planner-header .planner-header-extra .planner-header-dates{
font-size: 2.5em; }
.ctrl-planner .ctrl-planner-header .planner-header-extra .planner-month-header-extra{
grid-auto-flow: column;
grid-template-columns: 1fr;
grid-auto-columns: max-content;
margin-right: 10%; }
.ctrl-planner .ctrl-planner-header .planner-regular-btn{
background-color: transparent;
font-size: 1.5em;
border-radius: 4px;
padding: 10px 15px;
place-self: stretch; }
.ctrl-planner .ctrl-planner-header .planner-previous-btn, .ctrl-planner .ctrl-planner-header .planner-next-btn{
border-radius: 100%; }
.ctrl-planner .ctrl-planner-header .planner-undo-btn, .ctrl-planner .ctrl-planner-header .planner-redo-btn{
padding: 3px 4px;
width: 35px !important;
height: 35px !important; }
.ctrl-planner .ctrl-planner-header .planner-next-btn{
margin-left: -15px; }
.ctrl-planner .ctrl-planner-header .planner-fullscreen-btn{
border-width: 0.15em;
width: 3em;
height: calc(3em * .75);
position: relative;
place-self: center; }
.ctrl-planner .ctrl-planner-header .planner-fullscreen-btn:before, .ctrl-planner .ctrl-planner-header .planner-fullscreen-btn:after{
content: "";
position: absolute;
background-color: rgba(255,255,255,1); }
.ctrl-planner .ctrl-planner-header .planner-fullscreen-btn:hover:before, .ctrl-planner .ctrl-planner-header .planner-fullscreen-btn:hover:after{
background-color: rgba(241,243,244,1) !important; }
.ctrl-planner .ctrl-planner-header .planner-fullscreen-btn:before{
width: 40%;
height: calc(100% + 2 * 0.15em);
left: 30%;
top: -0.15em; }
.ctrl-planner .ctrl-planner-header .planner-fullscreen-btn:after{
width: calc(100% + 2 * 0.15em);
height: 40%;
top: 30%;
left: -0.15em; }
.ctrl-planner .ctrl-planner-header .planner-fullscreen-btn:focus, .ctrl-planner .ctrl-planner-header .planner-switchview-box:focus, .ctrl-planner .ctrl-planner-header .planner-expected-btn:focus, .ctrl-planner .ctrl-planner-header .planner-performed-btn:focus{
outline: none; }
.ctrl-planner .ctrl-planner-header .planner-type-btn{
border-radius: 0; }
.ctrl-planner .ctrl-planner-header .planner-type-btn:nth-child(2){
border-radius: 8px 0 0 8px; }
.ctrl-planner .ctrl-planner-header .planner-type-btn:last-child{
border-radius: 0 8px 8px 0; }
.ctrl-planner .planner{
z-index: 2;
overflow: auto;
margin: 15px; }
.ctrl-planner .planner-tool-panel{
align-content: start;
margin: 0 30px;
min-width: 200px; }
.ctrl-planner .planner-tool-panel.empty{
display: none; }
.ctrl-planner .planner-tool-panel .planner-tool{
padding: 5px 5px 10px;
align-content: start;
grid-gap: 10px;
border-radius: 0 0 10px 10px;
text-align: center; }
.ctrl-planner .planner-tool-panel .planner-tool.tool-counters{
grid-template-columns: repeat(4, 1fr); }
.ctrl-planner .planner-tool-panel .planner-tool.tool-actions, .ctrl-planner .planner-tool-panel .planner-tool.tool-non-affected{
grid-template-columns: repeat(4, 1fr); }
.ctrl-planner .planner-tool-panel .planner-tool.tool-favorite-hours{
grid-template-columns: repeat(2, 1fr); }
.ctrl-planner .planner-tool-panel .planner-tool.tool-tab-panel{
padding: 0;
grid-template-rows: max-content 200px; }
.ctrl-planner .planner-tool-panel .planner-tool.tool-tab-panel .tool-tab-header{
grid-template-columns: max-content max-content;
justify-content: start;
align-items: center;
padding: 3px;
border-bottom: 1px solid transparent;
font-weight: bold; }
.ctrl-planner .planner-tool-panel .planner-tool.tool-tab-panel .tool-tab-header.active{
border-bottom: 1px solid #ff6400; }
.ctrl-planner .planner-tool-panel .planner-tool.tool-tab-panel .tool-tab-header.active .tool-tab-title{
color: #ff6400; }
.ctrl-planner .planner-tool-panel .planner-tool.tool-tab-panel .tool-tab-title{
padding: 0 10px 0 5px; }
.ctrl-planner .planner-tool-panel .planner-tool.tool-tab-panel .tool-tab-size{
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 100px;
background-color: #ff6400; }
.ctrl-planner .planner-tool-panel .planner-tool, .ctrl-planner .planner-tool-panel .planner-shrink-tool{
background-color: rgba(125, 125, 125, 0.2); }
.ctrl-planner .planner-tool-panel .planner-shrink-tool{
margin-top: 30px;
font-size: 1.2em;
font-weight: bold;
padding: 10px;
border-radius: 10px; }
.ctrl-planner .planner-tool-panel .planner-shrink-tool.expanded{
border-radius: 10px 10px 0 0; }
.ctrl-planner .planner-total-row-header{
background-color: rgba(53, 166, 245, 0.3); }
.ctrl-planner .planner-total-expected{
background-color: rgba(53, 166, 245, 0.2); }
.ctrl-planner .planner-total-performed{
background-color: rgba(53, 166, 245, 0.1); }
.planner-event{
background-color: rgba(199,218,251,1);
border-radius: 8px;
box-sizing: border-box;
font-size: 1.2em;
padding: 5px 10px 0;
cursor: pointer;
overflow: hidden; }
.planner-event .planner-event-content{
overflow: hidden; }
.planner-event.planner-event-expanded{
grid-template-columns: 1fr;
grid-template-rows: auto auto 1fr;
color: rgba(32,33,36,0.622);
border: 1px solid white;
width: 100%; }
.planner-event.planner-event-expanded.planner-selected, .planner-event.planner-event-expanded.planner-dragged-event{
background-color: rgba(209,228,255,1);
color: rgba(32, 33, 36, 0.852); }
.planner-event.planner-event-regular{
grid-template-columns: max-content max-content 1fr;
grid-template-rows: max-content;
background-color: transparent;
margin: 1px 0;
align-items: center;
color: rgba(32,33,36,0.702);
padding: 4px 12px; }
.planner-event.planner-event-regular:hover{
background-color: rgba(241,243,244,1); }
.planner-event.planner-event-regular.planner-selected, .planner-event.planner-event-regular.planner-dragged-event{
color: rgba(32,33,36,0.622); }
.planner-event.planner-event-regular.multiple-day-event{
background-color: rgba(199,218,251,1); }
.planner-event.planner-event-regular.multiple-day-event:hover{
filter: brightness(95%); }
.planner-event.planner-event-regular.multiple-day-event .day-event-pre{
display: none; }
.planner-event.planner-event-regular.multiple-day-event .planner-event-title{
text-align: center; }
.planner-event.planner-event-regular .day-event-pre{
width: 0.6em;
height: 0.6em;
background-color: rgba(189,208,241,1);
border-radius: 100%;
margin-right: 10px; }
.planner-event.planner-event-shrink{
background-color: transparent;
color: rgba(60,64,67,1);
padding: 11px;
border: 1px solid rgba(11,36,251,1);
border-radius: 100%;
z-index: 2; }
.planner-event.planner-event-shrink.special-event-only{
border: none; }
.planner-event.planner-selected, .planner-event.planner-dragged-event{
border: none;
box-shadow: 0px 6px 8px 0 rgba(60, 64, 67, 0.302), 0 4px 10px 6px rgba(60, 64, 67, 0.149); }
.planner-event.planner-dragged-event{
cursor: move; }
.planner-event.planner-event-dragging, .planner-event.planner-event-cutted{
opacity: 0.4; }
.planner-event .planner-event-title{
overflow: hidden; }
.planner-event .planner-event-widening-section{
width: 100%;
height: 10px;
align-self: end;
z-index: 2;
cursor: ns-resize; }
.ctrl-planner .scrollable::-webkit-scrollbar{
width: 16px;
height: 16px;
background-color: transparent; }
.ctrl-planner .scrollable::-webkit-scrollbar-thumb{
border: 4px solid white; }
.dialog-box.planner-context-menu{
position: fixed !important; }
.dialog-box.planner-context-menu .dialog-box-inner{
overflow: hidden; }
.dialog-box.planner-context-menu .dialog-box-resizer{
display: none; }
.dialog-box.confirmation-popup{
border-color: #7e7e7e;
padding: 10px;
grid-auto-columns: 1fr;
justify-items: center;
grid-gap: 15px; }
.ctrl-planner.ctrl-planner-individual.expected .planner-expected-btn, .ctrl-planner.ctrl-planner-individual.performed .planner-performed-btn{
box-shadow: inset 0px 0px 5px rgba(60,64,67,1); }
.ctrl-planner.ctrl-planner-individual .planner .planner-event.planner-event-expanded{
width: 49%; }
.ctrl-planner.ctrl-planner-individual .planner .planner-week{
font-weight: bold;
border: 2px solid red;
border-radius: 100px;
padding: 3px; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-pre-header{
place-items: center;
font-size: 1em;
padding: 5px 0; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-pre-header .planner-week{
font-size: 1.4em;
padding: 5px 10px; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-header, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer{
align-items: stretch;
justify-items: stretch;
font-size: 1.2em;
grid-row-gap: 20px;
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: none; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-header::-webkit-scrollbar, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer::-webkit-scrollbar{
width: 16px;
height: 16px;
background-color: transparent; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-header::-webkit-scrollbar-thumb, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer::-webkit-scrollbar-thumb{
border: 4px solid white; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-header .planner-header-elem, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer .planner-header-elem{
position: relative;
align-content: stretch;
justify-content: stretch;
align-items: center;
justify-items: center;
padding: 5px 0; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-header .planner-header-elem .planner-header-btn, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer .planner-header-elem .planner-header-btn{
border-radius: 5px;
padding: 8px; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-header .planner-header-elem .planner-lock, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer .planner-header-elem .planner-lock{
justify-self: end; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-header .planner-header-elem .planner-validation, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer .planner-header-elem .planner-validation{
justify-self: start;
margin-left: 5px; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-side{
overflow-y: hidden; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-content{
overflow-y: scroll;
scrollbar-width: none;
border-top: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-content::-webkit-scrollbar{
width: 16px;
height: 16px;
background-color: transparent; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-content::-webkit-scrollbar-thumb{
border: 4px solid white; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer{
grid-row-gap: 0px; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer-side{
place-content: stretch; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer .planner-extra-row-title, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer-side .planner-extra-row-title{
border-bottom: 1px solid rgba(218,220,224,1);
padding: 6px 8px; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer .planner-extra-cell, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer-side .planner-extra-cell{
grid-auto-columns: 1fr;
grid-auto-flow: column;
border-left: 1px solid rgba(218,220,224,1);
border-bottom: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer .planner-extra-cell:nth-child(7n), .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer-side .planner-extra-cell:nth-child(7n){
border-right: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer .planner-extra-cell > *, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-footer-side .planner-extra-cell > *{
padding: 6px 8px; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-grid{
grid-template-columns: 1fr 1fr;
grid-auto-rows: minmax(50px, 1fr);
border-left: 1px solid rgba(218,220,224,1);
overflow: visible; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-grid:last-child{
border-right: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-grid div{
border-bottom: 1px solid rgba(218,220,224,1);
text-align: center; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-grid div:nth-child(2n+1){
border-right: 1px solid rgba(218,220,224,1);
background-color: rgba(150, 230, 150, 0.1); }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-grid div:nth-child(2n+2){
background-color: rgba(255, 255, 255, 0.1); }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-side{
grid-template-columns: 1fr;
grid-auto-rows: minmax(50px, 1fr);
border-top: 1px solid rgba(218,220,224,1);
border-bottom: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-side .planner-day-side-hour{
overflow: visible;
position: relative;
align-content: stretch;
justify-content: stretch;
align-items: end;
justify-items: center; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-side .planner-day-side-hour .gwt-Label{
transform: translateY(0.5em); }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-side .planner-day-side-hour:last-child .gwt-Label{
opacity: 0; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-side .planner-day-side-hour:first-child:after{
content: none; }
.ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner-day-side .planner-day-side-hour:after{
content: "";
width: 10px;
border-bottom: 1px solid rgba(218,220,224,1);
position: absolute;
right: 0;
top: -1px; }
.ctrl-planner.ctrl-planner-individual .planner.month-planner .planner-header, .ctrl-planner.ctrl-planner-individual .planner.month-planner .planner.multiple-day-planner .planner-footer, .ctrl-planner.ctrl-planner-individual .planner.multiple-day-planner .planner.month-planner .planner-footer{
width: 100%;
border-bottom: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-individual .planner.month-planner .planner-side{
height: 100%;
border-right: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-individual .planner.month-planner .planner-content{
grid-template-columns: repeat(7, 1fr);
grid-auto-rows: minmax(200px, 1fr);
overflow-y: scroll; }
.ctrl-planner.ctrl-planner-individual .planner.month-planner .planner-content .planner-sub-content{
padding: 10px 6px 0 2px;
z-index: 2;
overflow: auto;
align-items: center;
justify-items: center;
grid-row-gap: 2px;
font-size: 1.2em; }
.ctrl-planner.ctrl-planner-individual .planner.month-planner .planner-content .planner-sub-content .planner-header-btn{
width: 20px;
border-radius: 100%;
padding: 3px;
text-align: center; }
.ctrl-planner.ctrl-planner-individual .planner.month-planner .planner-list-event-manager{
height: 100%; }
.ctrl-planner.ctrl-planner-individual .planner.year-planner .planner-week{
border: none; }
.ctrl-planner.ctrl-planner-individual .planner.year-planner .planner-content{
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: repeat(3, 1fr);
margin: 15px;
place-items: center; }
.ctrl-planner.ctrl-planner-individual .planner.year-planner .planner-content .planner-sub-content{
grid-template-columns: repeat(8, minmax(0, 36px));
grid-template-rows: minmax(0, 28px) minmax(0, 28px) 1fr;
align-items: center;
justify-items: center;
overflow: visible;
font-size: 1.2em; }
.ctrl-planner.ctrl-planner-individual .planner.year-planner .planner-content .planner-sub-content .month{
grid-template-columns: repeat(8, minmax(0, 36px));
grid-template-rows: repeat(6, minmax(0, 28px));
place-items: center; }
.ctrl-planner.ctrl-planner-individual .planner.year-planner .planner-content .planner-sub-content .month .day{
padding: 5px;
border-radius: 100px;
background-color: rgba(255, 255, 255, 0.1); }
.ctrl-planner.ctrl-planner-individual .planner.year-planner .planner-content .planner-sub-content > .day-header{
padding: 5px;
border-radius: 100px;
background-color: rgba(150, 230, 150, 0.1);
font-weight: bold; }
.ctrl-planner.ctrl-planner-individual .planner.year-planner .planner-content .planner-sub-content > .planner-btn{
padding: 5px 10px;
border-radius: 10px;
font-weight: bold; }
.ctrl-planner.ctrl-planner-individual .planner .planner-month-grid{
border-right: 1px solid rgba(218,220,224,1);
border-bottom: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-individual .planner .planner-list-event-manager{
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
align-content: start;
justify-content: stretch;
align-self: start;
justify-self: stretch; }
.ctrl-planner.ctrl-planner-individual .planner .planner-list-event-manager .planner-list-event-manager-expected, .ctrl-planner.ctrl-planner-individual .planner .planner-list-event-manager .planner-list-event-manager-performed{
grid-template-columns: 1fr;
grid-auto-rows: max-content;
box-shadow: inset 0px 0px 1px; }
.ctrl-planner.ctrl-planner-individual .planner .planner-list-event-manager .planner-list-event-manager-expected{
background-color: rgba(150, 230, 150, 0.1); }
.ctrl-planner.ctrl-planner-individual .planner .planner-list-event-manager .planner-list-event-manager-performed{
background-color: rgba(255, 255, 255, 0.1); }
.ctrl-planner.ctrl-planner-individual .planner .planner-list-event-manager .planner-event-dates{
display: none; }
.ctrl-planner.ctrl-planner-individual .planner .planner-has-event-manager{
padding: 2px 0;
border-radius: 100%;
cursor: pointer;
overflow: visible; }
.ctrl-planner.ctrl-planner-individual.expected .planner .planner-event.planner-event-expanded{
width: 98%; }
.ctrl-planner.ctrl-planner-individual.expected .planner .planner-event.planner-event-expanded.performed{
display: none; }
.ctrl-planner.ctrl-planner-individual.expected .planner.multiple-day-planner .planner-header .planner-header-elem, .ctrl-planner.ctrl-planner-individual.expected .planner.multiple-day-planner .planner-footer .planner-header-elem{
grid-template-columns: 1fr auto; }
.ctrl-planner.ctrl-planner-individual.expected .planner.multiple-day-planner .planner-performed-btn{
display: none; }
.ctrl-planner.ctrl-planner-individual.expected .planner.multiple-day-planner .planner-day-grid{
grid-template-columns: 1fr auto; }
.ctrl-planner.ctrl-planner-individual.expected .planner.multiple-day-planner .planner-day-grid div:nth-child(2n+2){
display: none; }
.ctrl-planner.ctrl-planner-individual.expected .planner.multiple-day-planner .planner-day-grid div:nth-child(2n+1){
border-right: none; }
.ctrl-planner.ctrl-planner-individual.expected .planner-extra-cell-performed, .ctrl-planner.ctrl-planner-individual.expected .planner-list-event-manager-performed{
display: none; }
.ctrl-planner.ctrl-planner-individual.performed .planner .planner-event.planner-event-expanded{
width: 98%; }
.ctrl-planner.ctrl-planner-individual.performed .planner .planner-event.planner-event-expanded.expected{
display: none; }
.ctrl-planner.ctrl-planner-individual.performed .planner.multiple-day-planner .planner-header .planner-header-elem, .ctrl-planner.ctrl-planner-individual.performed .planner.multiple-day-planner .planner-footer .planner-header-elem{
grid-template-columns: auto 1fr; }
.ctrl-planner.ctrl-planner-individual.performed .planner.multiple-day-planner .planner-expected-btn{
display: none; }
.ctrl-planner.ctrl-planner-individual.performed .planner.multiple-day-planner .planner-day-grid{
grid-template-columns: auto 1fr; }
.ctrl-planner.ctrl-planner-individual.performed .planner.multiple-day-planner .planner-day-grid div:nth-child(2n+1){
display: none;
border-right: none; }
.ctrl-planner.ctrl-planner-individual.performed .planner-extra-cell-expected, .ctrl-planner.ctrl-planner-individual.performed .planner-list-event-manager-expected{
display: none; }
.planner-event-list-popup{
z-index: 201; }
.planner-event-list-popup .event-panel{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
grid-row-gap: 5px;
background-color: rgba(255,255,255,1);
padding: 12px 8px;
min-width: 400px;
border-radius: 8px;
box-shadow: 0px 6px 8px 0 rgba(60, 64, 67, 0.302), 0 4px 10px 6px rgba(60, 64, 67, 0.149);
text-align: center; }
.planner-event-list-popup .event-panel .planner-event-list-popup-header{
grid-template-columns: 1fr;
grid-template-rows: auto auto; }
.planner-event-list-popup .event-panel .planner-event-list-popup-header .gwt-Label:first-child{
padding: 5px;
font-size: 1.5em; }
.planner-event-list-popup .event-panel .planner-event-list-popup-header .gwt-Label:last-child{
font-size: 3em;
border-radius: 100%;
text-align: center;
padding: 10px 0px; }
.planner-event-list-popup .event-panel .planner-event-list-popup-header .gwt-Label:last-child:hover{
background-color: rgba(241,243,244,1); }
.planner-event-list-popup > .gwt-Label{
font-size: 1.5em;
color: rgba(32,33,36,0.702);
padding-bottom: 10px; }
.planner-event-list-popup .planner-has-event-manager-expected, .planner-event-list-popup .planner-has-event-manager-performed{
padding: 10px;
box-shadow: inset 0px 0px 1px; }
.planner-event-list-popup .planner-has-event-manager-expected{
background-color: rgba(150, 230, 150, 0.1); }
.planner-event-list-popup .planner-has-event-manager-performed{
background-color: rgba(255, 255, 255, 0.1); }
.planner-event-list-popup .planner-event-list-popup-close{
align-self: start;
justify-self: end;
transform: scale(0.8, 0.8);
padding: 10px;
border-radius: 100%; }
.planner-event-list-popup .planner-event-list-popup-close:hover{
background-color: rgba(241,243,244,1); }
.close-icon{
position: relative;
width: 22px;
height: 22px; }
.close-icon:before, .close-icon:after{
position: absolute;
left: 10px;
content: " ";
height: 23px;
width: 2px;
background-color: rgba(60,64,67,1); }
.close-icon:before{
transform: rotate(45deg); }
.close-icon:after{
transform: rotate(-45deg); }
.ctrl-planner.ctrl-planner-global.expected .planner-expected-btn, .ctrl-planner.ctrl-planner-global.performed .planner-performed-btn{
border-radius: 10px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3), inset 4px 4px 6px rgba(0, 0, 0, 0.3); }
.ctrl-planner.ctrl-planner-global .global-planner.show-indicator .global-planner-container{
display: none; }
.ctrl-planner.ctrl-planner-global .global-planner.show-indicator .planner-tool-panel{
visibility: hidden; }
.ctrl-planner.ctrl-planner-global .global-planner .has-border.not-last{
border-right-style: dashed; }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-container{
border-top: 1px solid rgba(218,220,224,1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
overflow: auto; }
.ctrl-planner.ctrl-planner-global .global-planner input.planner-cell{
border-top: none;
border-left: none;
text-align: center; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-cell{
padding: 5px;
word-break: break-word;
white-space: break-spaces;
text-align: center; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-cell.planner-week-manager{
grid-row-gap: 2px;
margin-right: 2px;
margin-left: 2px;
padding: 0 3px; }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-content{
overflow-x: scroll; }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-content .planner-header-elem{
background-color: rgba(255, 100, 0, 0.1); }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-header{
z-index: 1;
overflow-x: scroll; }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-header .planner-header-elem{
background-color: rgba(255, 100, 0, 0.5); }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-header .planner-header-elem:first-child{
border-top-left-radius: 8px; }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-header .planner-header-elem:first-child, .ctrl-planner.ctrl-planner-global .global-planner .global-planner-header .planner-service, .ctrl-planner.ctrl-planner-global .global-planner .global-planner-header .planner-job, .ctrl-planner.ctrl-planner-global .global-planner .global-planner-header .planner-total-row-header{
border-left: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-extra{
z-index: 1;
overflow-x: scroll;
margin-left: -1px; }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-extra .last{
border-top-right-radius: 8px; }
.ctrl-planner.ctrl-planner-global .global-planner .global-planner-extra .planner-cell{
background-color: rgba(255, 100, 0, 0.1); }
.ctrl-planner.ctrl-planner-global .global-planner .has-border{
border-right: 1px solid rgba(218,220,224,1);
border-bottom: 1px solid rgba(218,220,224,1); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-selected{
background-color: rgba(100, 100, 100, 0.3) !important; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-performed-btn, .ctrl-planner.ctrl-planner-global .global-planner .planner-expected-btn{
background-color: transparent;
border-radius: 4px;
padding: 5px 8px; }
.ctrl-planner.ctrl-planner-global .global-planner.global-planner-day .planner-dateslot{
border: none;
padding: 0; }
.ctrl-planner.ctrl-planner-global .global-planner.global-planner-day .planner-dateslot .planner-cell{
place-items: center; }
.ctrl-planner.ctrl-planner-global .global-planner.global-planner-week .planner-performed-btn, .ctrl-planner.ctrl-planner-global .global-planner.global-planner-week .planner-expected-btn{
background-color: rgba(0, 0, 0, 0.07); }
.ctrl-planner.ctrl-planner-global .global-planner.global-planner-month .planner-dateslot, .ctrl-planner.ctrl-planner-global .global-planner.global-planner-year .planner-dateslot{
place-items: center; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-service{
background-color: rgba(53, 166, 245, 0.7); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-job{
background-color: rgba(53, 166, 245, 0.5); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-comment{
grid-template-columns: minmax(0, 1fr);
place-items: stretch;
background-color: rgba(53, 166, 245, 0.1); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-comment > input{
border: none;
border-radius: 5px; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place{
min-width: 150px;
place-items: center;
background-color: rgba(53, 166, 245, 0.2); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place.dragging-over{
background-color: rgba(0, 0, 255, 0.3); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place.dragging-over .person{
background-color: rgba(0, 0, 255, 0.7) !important; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place.dragging-over .person *{
pointer-events: none; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place .person{
border: none;
margin: 10px 3px;
place-self: center stretch;
text-align: center;
height: 30px; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place .person.full, .ctrl-planner.ctrl-planner-global .global-planner .planner-place .person.empty{
position: relative;
border-radius: 10px;
padding: 5px; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place .person.full{
font-size: 1.5em;
color: white;
text-shadow: 0 0.1em rgba(0, 0, 0, 0.5);
background-color: #35a6f5;
box-shadow: inset 0 1em 1em -1em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #35a6f5, 0 1em 1em -0.75em rgba(53, 166, 245, 0.75), 0 1em 1em -0.5em rgba(53, 166, 245, 0.5), 0 1em 1em -0.25em rgba(53, 166, 245, 0.2); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place .person.empty{
background-color: white;
box-shadow: inset 0 1em 1em -1em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #35a6f5, 0 1em 1em -0.5em rgba(53, 166, 245, 0.5), 0 1em 1em -0.25em rgba(53, 166, 245, 0.2); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place .person.empty:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid white;
border-radius: inherit;
box-shadow: inset 0 0.25em 0.25em #35a6f5, inset 0 0.35em 0.25em rgba(0, 0, 0, 0.1), 0.25em 0.25em 0.25em white; }
.ctrl-planner.ctrl-planner-global .global-planner .planner-place-expected, .ctrl-planner.ctrl-planner-global .global-planner .planner-place-performed, .ctrl-planner.ctrl-planner-global .global-planner .planner-place-contract, .ctrl-planner.ctrl-planner-global .global-planner .planner-place-information, .ctrl-planner.ctrl-planner-global .global-planner .planner-timeslot{
background-color: rgba(255, 100, 0, 0.1); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-weekly-work{
background-color: rgba(53, 166, 245, 0.1); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-extra-total-expected{
background-color: rgba(134, 140, 147, 0.2); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-extra-total-performed{
background-color: rgba(174, 126, 98, 0.2); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-day-event{
position: absolute;
top: 5%;
height: 90%;
padding: 5px 0 5px 10px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255, 255, 255, 0.5); }
.ctrl-planner.ctrl-planner-global .global-planner .planner-day-event .planner-event-widening-section{
width: 10px;
height: 100%;
align-self: end;
cursor: ew-resize; }
.ctrl-planner.ctrl-planner-global .planner-event.planner-event-expanded{
border: 1px solid rgba(53, 166, 245, 0.5);
box-shadow: inset -4px -4px 5px rgba(255, 255, 255, 0.6), inset 4px 4px 5px rgba(200, 200, 200, 0.4); }
.ctrl-planner.ctrl-planner-global.expected .planner-expected-btn{
grid-column-end: span 2 !important; }
.ctrl-planner.ctrl-planner-global.expected .planner-performed-btn{
display: none; }
.ctrl-planner.ctrl-planner-global.expected .planner-event-expanded{
width: 98%; }
.ctrl-planner.ctrl-planner-global.expected .planner-event-expanded.performed{
display: none; }
.ctrl-planner.ctrl-planner-global.expected .planner-list-event-manager-performed{
display: none; }
.ctrl-planner.ctrl-planner-global.performed .planner-performed-btn{
grid-column-end: span 2 !important;
grid-column-start: 1 !important; }
.ctrl-planner.ctrl-planner-global.performed .planner-expected-btn{
display: none; }
.ctrl-planner.ctrl-planner-global.performed .planner-event-expanded{
width: 98%; }
.ctrl-planner.ctrl-planner-global.performed .planner-event-expanded.expected{
display: none; }
.ctrl-planner.ctrl-planner-global.performed .planner-day-grid{
grid-template-columns: auto 1fr; }
.ctrl-planner.ctrl-planner-global.performed .planner-day-grid div:nth-child(2n+1){
display: none;
border-right: none; }
.ctrl-planner.ctrl-planner-global.performed .planner-list-event-manager-expected{
display: none; }
.ctrl-planner.ctrl-planner-global .indicator-manager{
grid-auto-rows: 45px;
border-top: 1px solid rgba(218,220,224,1);
border-left: 1px solid rgba(218,220,224,1);
border-top-left-radius: 8px; }
.ctrl-planner.ctrl-planner-global .indicator-manager .indicator-desc{
background-color: rgba(53, 166, 245, 0.55); }
.ctrl-planner.ctrl-planner-global .indicator-manager .indicator-dateslot{
background-color: rgba(53, 166, 245, 0.4); }
.ctrl-planner.ctrl-planner-global .indicator-manager .data-types{
background-color: rgba(53, 166, 245, 0.1); }
.ctrl-planner.ctrl-planner-global .indicator-manager .indicator-service{
background-color: rgba(53, 166, 245, 0.25); }
.ctrl-planner.ctrl-planner-global .indicator-manager .indicator-definition{
background-color: rgba(255, 100, 0, 0.2); }
.ctrl-planner.ctrl-planner-global .indicator-manager .indicator-timeslot{
background-color: rgba(255, 100, 0, 0.03); }
.ctrl-planner.ctrl-planner-global .indicator-manager .indicator-total-header{
background-color: rgba(255, 100, 0, 0.1); }
.ctrl-planner.ctrl-planner-global .indicator-manager .indicator{
min-width: 0;
border-left: none;
border-top: none;
margin: 0;
text-align: center; }
.toggle-indicators{
place-self: center;
place-items: center;
width: 120px;
padding: 10px;
border-radius: 8px;
background-color: #ff6400;
color: white;
box-shadow: inset 0 7em 10em -5em rgba(255, 255, 255, 0.6), 0 0.3em 0.5em -0.2em #ff6400, 0 0.5em 0.5em -0.75em rgba(255, 100, 0, 0.75), 0 0.5em 0.5em -0.5em rgba(255, 100, 0, 0.5), 0 0.5em 0.5em -0.25em rgba(255, 100, 0, 0.2); }
.toggle-indicators > *{
box-shadow: inset 0 -0.025em 0.05em 0em rgba(0, 0, 0, 0.15), inset 0 -2.5em 3em -2em rgba(0, 0, 0, 0.2), 0 0.15em 0.5em 0 #066fb8, 0 0.75em 0.5em rgba(6, 111, 184, 0.35); }
.rd-carousel-inner{
scrollbar-width: none;
}
.rd-carousel-inner::-webkit-scrollbar{
display: none;
}
.container-section{
border: 1px solid grey;
margin: 2px;
overflow: auto;
}
.section{
display: grid;
min-width: 0;
min-height: 0;
grid-template-rows: max-content minmax(0, 1fr);
}
.section-label{
background-color: #d6d6d6;
font-size: 8pt;
border: 1px dotted #000000;
;
padding: 3px 5px;
}
.section-content{
background-color: #c8e49c;
border-color: #aaaaaa;
}
.section-selected{
background-color: #96bc8d;
}
.section-selected{
background-color: #96bc8d;
color: #ffffff;
font-family : Gothic bold;
}
.container-named{
display: grid;
min-width: 0;
min-height: 0;
grid-template-columns: minmax(0px, 1fr);
grid-template-rows: 0 minmax(0px, 1fr);
position: relative;
border-radius: 7px;
border: 2px solid grey;
margin: 10px;
}
.ctrl-readonly .container-named,
.container-named.ctrl-readonly{
background-color: rgba(241,252,222,1)
}
.ctrl-disabled .container-named,
.container-named.ctrl-disabled{
background-color: #f1fcde
}
.container-named>.header{
grid-area: 1 / 1 / span 1 / span 1;
position: absolute;
background-color: #efefef;
padding: 0 5px;
top: -.6em;
left: 2em;
font-weight: bold;
}
.container-named>.content{
grid-area: 2 / 1 / span 1 / span 1;
place-self: stretch;
padding: 10px;
overflow: auto;
}
.container-named.title-bottom{
grid-template-rows: minmax(0px, 1fr) 0;
}
.container-named.title-bottom>.header{
grid-area: 2 / 1 / span 1 / span 1;
}
.container-named.title-bottom>.content{
grid-area: 1 / 1 / span 1 / span 1;
}
.container-named.title-center>.header{
left: 50%;
transform: translateX(-50%);
}
.container-named.title-right>.header{
left: unset;
right: 2em;
}
.container-named-custom.container-named{
background-color: #c8e49c;
border-radius: 7px;
}
.container-named-custom.container-named>.header{
position: unset;
justify-self: stretch;
align-self: center;
background-color: #96bc8d;
padding: 5px;
}
.container-named{
position: relative;
background: unset;
border-radius: 4px;
border: 2px solid grey;
margin: 10px;
}
.ctrl-btn-radio input{
vertical-align: middle;
margin: -1px 5px 0;
}
.ctrl-btn-radio.vertical > *{
display: block;
}
.ctrl-btn-radio.horizontal > *{
display: inline-block;
}
.ctrl-btn-radio-carre{
outline: none;
}
.ctrl-btn-radio.ctrl-btn-radio-carre input{
display: none;
}
.ctrl-btn-radio.ctrl-btn-radio-carre .btn-radio{
display: grid;
border-radius: 5px;
background-color: #d1d1d1;
margin: 0 1px;
cursor: pointer;
border: 2px solid #344c2e;
background-color: #96bc8d;
}
.ctrl-btn-radio.ctrl-btn-radio-carre .btn-radio label{
cursor: pointer;
display: grid;
place-items: center;
}
.ctrl-btn-radio.ctrl-btn-radio-carre.horizontal{
grid-auto-flow: column;
}
.ctrl-btn-radio.ctrl-btn-radio-carre.vertical{
grid-auto-flow: row;
}
.ctrl-btn-radio.ctrl-btn-radio-carre span.btn-radio.btn-radio-selected{
border: 2px solid #344c2e;
background-color: #96bc8d;
}
.test-textbox{
background: rgba(255, 0, 0, .3);
}
.test-entier{
background: rgba(0, 255, 0, .3);
}
.test-combobox{
background: rgba(0, 0, 255, .3);
}
.test-search{
background: rgba(130, 130, 130, .3);
}
.test-saisie-rapide{
background: rgba(0, 255, 255, .3);
}
.test-visu-rapide{
background: rgba(200, 200, 200, .3);
}
.test-suggestbox{
background: rgba(100, 150, 255, .3);
}
.test-textarea{
background: rgba(255, 0, 0, .3);
}
.test-rich-textarea{
background: rgba(0, 255, 0, .3);
}
.test-multilangue{
background: rgba(0, 0, 255, .3);
}
.msg-user{
position: fixed;
z-index: 102;
width: 360px;
padding: 10px;
white-space: pre-wrap;
}
.msg-user-haut-gauche{
top: 10px;
left: 0;
}
.msg-user-haut-droite{
top: 10px;
right: 0;
}
.msg-user-haut-centre{
top: 10px;
left: 50%;
margin-left: -180px;
}
.msg-user-bas-centre{
bottom: 10px;
left: 50%;
margin-left: -180px;
}
.msg-user-bas-droite{
bottom: 10px;
right: 0;
}
.msg-user-bas-gauche{
bottom: 10px;
left: 0;
}
.msg-user-type-1{
background-color: rgba(114,216,112,1);
color: rgba(4,109,11,1);
}
.msg-user-type-1 h3{
color: rgba(21,66,11,1);
}
.msg-user-type-2{
background-color: rgba(227,229,119,1);
color: rgba(196,198,39,1);
}
.msg-user-type-2 h3{
color: rgba(155,155,35,1);
}
.msg-user-type-3{
background-color: rgba(239,160,169,1);
color: rgba(252,5,62,1);
}
.msg-user-type-3 h3{
color: rgba(181,19,33,1);
}
.msg-user-test h3{
color: black;
}
.zone-laterale-menu{
grid-template-rows: max-content minmax(0, 1fr);
overflow-y: auto;
background-color: #566d51;
}
.mode-btn{
justify-self: center;
margin: 6px 0;
padding: 2px;
}
.lateral-menu{
grid-template-rows: minmax(0, 1fr) max-content;
justify-items: center;
background-color: #566d51;
overflow-y: auto;
min-width: 52px;
}
.lateral-menu.expanded{
display: none;
position: absolute;
z-index: 1;
bottom: 0;
min-width: max-content;
transform: translateX(-100%);
}
.zone-laterale-menu.expandable .lateral-menu:not(.expanded):hover~.lateral-menu.expanded,
.zone-laterale-menu.expandable .lateral-menu.expanded:hover{
display: grid;
transform: none;
transition: .3s ease-in-out transform;
}
.zone-laterale-menu *::-webkit-scrollbar{
width: 14px;
}
.zone-laterale-menu *::-webkit-scrollbar-thumb{
background: grey;
border: 4px solid #566d51;
border-radius: 10px;
}
.zone-laterale-menu.menu-overflow .lateral-menu>*{
overflow-y: scroll;
}
.lateral-menu .subMenuIcon{
display: none;
}
.lateral-menu .menu-vertical-item{
padding-bottom: 10px;
padding-top: 10px;
}
.menu-lateral-root{
justify-self: stretch;
overflow-y: auto;
}
.lateral-menu .gwt-MenuItem{
text-align: center;
}
.lateral-menu .gwt-MenuBar-vertical{
background-color: transparent;
overflow-y: auto;
}
.lateral-menu .menu-lateral img.gwt-Image{
float: left;
margin: 0px 5px;
}
.lateral-menu.menu-lateral .gwt-StackPanelItem p{
margin: 0px;
}
.lateral-menu .menu-lateral .gwt-StackPanelItem img{
margin-top: 3px;
}
.lateral-menu .menu-vertical-treeitem-image img.gwt-Image{
display: inline-block;
width: 16px;
}
.menu-lateral-items,
.menu-lateral-items *{
align-self: center;
}
.menu-lateral-items{
background-color: inherit;
color: #ffffff;
}
.menu-lateral-items.niv1{
background-color: #6f896a;
}
.menu-lateral-items.niv2{
background-color: #819e7b;
}
.menu-lateral-items.niv3{
background-color: #94af8e;
}
.menu-lateral-items.niv4{
background-color: #c8e49c;
}
.menu-lateral-items.niv0{
border-top: solid 1px #344c2e;
}
.menu-lateral-items>.menu-lateral-item-content{
grid-template-columns: 52px 1fr max-content;
}
.menu-lateral-items.niv0>.menu-lateral-item-content,
.menu-lateral-items.niv1>.menu-lateral-item-content{
font-family : Gothic bold;
border-bottom: solid 1px #344c2e;
}
.menu-lateral-items.niv0 .menu-lateral-item-content{
cursor: pointer;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.menu-lateral-items.niv1 .menu-lateral-item-content{
padding-left: 25px;
padding-top: 3px;
padding-bottom: 3px;
}
.menu-lateral-items.niv2 .menu-lateral-item-content{
padding-left: 35px;
padding-top: 3px;
padding-bottom: 3px;
}
.menu-lateral-items.niv3 .menu-lateral-item-content{
padding-left: 45px;
padding-top: 3px;
padding-bottom: 3px;
}
.menu-lateral-items.niv0.menu-lateral-item-title img.icone{
margin-right: 10px;
height: 24px;
width: 24px;
place-self: center;
}
.menu-lateral-items[class^="niv"].menu-lateral-item-title img.icone{
padding-right: 10px;
width: 20px;
height: 20px;
}
.menu-lateral-items img,
.menu-lateral-items .label,
.menu-lateral-items .mnuetat{
vertical-align: middle;
}
.menu-lateral-items.menu-lateral-item-element{
cursor: pointer;
}
.menu-lateral-items.menu-lateral-item-element:hover{
background-color: #000000;
color: #ffffff;
}
.menu-lateral-items.niv0.menu-lateral-item-element img.icone{
width: 24px;
height: 24px;
margin-right: 5px;
}
.menu-lateral-items[class^="niv"].menu-lateral-item-element{
border: 0px;
}
.menu-lateral-items[class^="niv"].menu-lateral-item-element .label{
font-family : Gothic;
}
.menu-lateral-items[class^="niv"].menu-lateral-item-element img.icone{
width: 20px;
height: 20px;
margin-right: 3px;
}
.menu-lateral-items .label{
padding-right: 50px;
white-space: normal;
line-height: 13px;
}
img.mnuetat{
width: 15px;
height: 15px;
}
.menu-lateral-item-title-selection .mnuetat{
transform: rotate(-90deg);
}
.menu-lateral-item-readonly{
color: #ad0303;
}
.menu-lateral-item-separateur{
border-bottom: solid 2px #595959
}
@media print{
body{
-webkit-print-color-adjust: exact !important;
}
body>*{
display: none !important;
cursor: default !important;
}
.ctrl-planner{
display: grid !important;
width: unset !important;
height: unset !important;
margin: 0 !important;
}
.ctrl-planner .planner{
margin: 0 !important;
}
.ctrl-planner.ctrl-planner-global .ctrl-planner-header,
.ctrl-planner.ctrl-planner-global .planner-tool-panel{
display: none !important;
}
.ctrl-planner.ctrl-planner-global .global-planner-container{
grid-template-columns: repeat(3, max-content) !important;
}
}
.tooltip{
position: absolute;
max-width: 250px;
white-space: pre-wrap;
z-index: 103;
pointer-events: none;
padding: 5px 15px;
color: #fff;
background: #413219;
font-size: 1.2em;
border-radius: 6px;
animation-duration: 1.5s;
animation-name: delayed;
outline: none;
}
.tooltip:after{
content: "";
position: absolute;
transform: translate(-50%, 100%);
color: #413219;
animation-duration: 1.5s;
animation-name: delayed;
outline: none;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #413219;
bottom: 0;
}
.tooltip.bottom:after{
transform: translate(-50%, -100%);
border-bottom: 10px solid #413219;
border-top: none;
top: 0;
bottom: unset;
}
.tooltip:after{
left: var(--left);
}
@keyframes delayed{
0%{
opacity: 0;
}
99%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.wrapper-rd{
display: grid;
grid-auto-flow: column;
grid-template-columns: minmax(0, 1fr);
grid-auto-columns: max-content;
align-items: center;
grid-column-gap: 2px;
font-size: 10px;
margin: 0px;
}
.wrapper-rd.fullsize{
place-self: stretch;
place-items: stretch;
}
.wrapper-rd.no-stretch{
grid-template-columns: max-content;
}
.wrapper-rd.invalid > *:first-child{
border: 2px solid red;
}
.flex-container-claim > img{
margin: 2px;
}
.main-panel{
grid-template-columns: max-content minmax(0, 1fr);
grid-template-rows: max-content max-content minmax(0px, 1fr);
width: 100vw;
height: 100vh;
z-index: 0;
}
.ctrl-captcha{
grid-template-columns: minmax(0, 1fr) max-content;
grid-template-rows: minmax(0, 1fr) max-content;
align-items: center;
gap: 10px;
}
.ctrl-captcha-image{
object-fit: scale-down;
width: 100%;
height: 100%;
min-width: 100px;
min-height: 100px;
}
.ctrl-captcha .captcha-overlay{
display: grid;
visibility: hidden;
align-content: end;
justify-content: center;
background: rgba(100, 100, 100, .7);
font-size: 2em;
color: white;
padding-bottom: 20px;
}
.ctrl-captcha.captcha-error .captcha-overlay{
z-index: 1;
visibility: visible;
}
.listview-grid{
overflow: auto;
position: relative;
}
.listview-grid table{
position: relative;
table-layout: fixed;
border-collapse: separate;
}
.listview-grid thead{
position: sticky;
z-index: 3;
}
.listview-grid thead{
top: 0;
}
.listview-grid tfoot .gtotal td{
position: sticky !important;
bottom: 0;
background: #ffffff;
}
.listview-grid tr.odd,
.listview-grid tr.odd .gfixed,
.listview-grid .gheader,
.listview-grid .gheader .gcell,
.listview-grid.reverse tr>:nth-child(odd){
background: #ffffff;
}
.listview-grid tr.even,
.listview-grid tr.even .gfixed,
.listview-grid.reverse tr>:nth-child(even){
background: rgba(241,252,222,1);
}
.listview-grid .ggroup{
position: relative;
background: #FFFFFF;
}
.listview-grid .ggroup .gcell:first-child{
position: sticky;
left: 0;
overflow: visible;
border-right: none;
}
.listview-grid tr.selected,
.listview-grid tr.selected .gcell,
.listview-grid.reverse .gcell.selected{
background: #f9a756;
}
.listview-grid .gcell{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 1px 3px;
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
text-align: left;
vertical-align: middle;
}
.listview-grid .gfixed{
position: sticky !important;
z-index: 2;
}
.listview-grid .gheader .gcell{
text-align: center;
border-top: 1px solid #aaaaaa;
overflow: visible;
}
.listview-grid .gfilter,
.listview-grid .gfilter .gfixed{
background: #dfdcd5;
}
.listview-grid .gtotal .gcell{
border-top: 1px solid #aaaaaa;
}
.listview-grid .gcell.gempty{
padding: 0;
border: none;
}
.listview-grid .gheader .gcell.gfixed, .listview-grid .gheader .gcell.gfixed>*,
.listview-grid .gtotal .gcell.gfixed, .listview-grid .gtotal .gcell.gfixed>*{
z-index: 4;
}
.listview-grid .no-sibling-before:before{
content: '';
display: block;
position: absolute;
pointer-events: none;
}
.listview-grid:not(.reverse) .no-sibling-before:before{
border-left: 1px solid #aaaaaa;
top: 0;
bottom: 0;
left: -1px;
}
.listview-grid.reverse .no-sibling-before:before{
border-top: 1px solid #aaaaaa;
left: 0;
right: 0;
top: 0;
}
.listview-grid:not(.reverse) .gparent{
border-bottom: none;
}
.listview-grid .gheader .gcell,
.listview-grid .gtotal .gcell{
position: relative;
font-weight: bold;
font-size: 8pt;
z-index: 2;
padding: 5px 3px;
white-space: break-spaces;
}
.listview-grid .gheader .label{
overflow: hidden;
text-overflow: ellipsis;
}
.listview-grid .gcell > *{
margin-bottom: 1px;
margin-right: 1px;
}
.listview-grid .gcell.stretch > *:first-child{
width: 100%;
}
.listview-grid .gcell.center{
text-align: center;
}
.listview-grid .gcell.left{
text-align: left;
}
.listview-grid .gcell.right{
text-align: right;
}
.listview-grid .gcell.middle{
vertical-align: middle;
}
.listview-grid .gcell.top{
vertical-align: top;
}
.listview-grid .gcell.bottom{
vertical-align: bottom;
}
.listview-grid .gfill-row{
height: 100%;
}
.listview-grid .gcol-resizer{
position: absolute;
z-index: 2;
height: var(--height);
bottom: var(--bottom);
right: 0;
cursor: col-resize;
width: 4px;
}
.listview-grid.reverse{
justify-self: start;
border-top: 1px solid #aaaaaa;
}
.listview-grid.reverse tr:first-child{
position: sticky;
top: 0;
z-index: 3;
}
.listview-grid.reverse .gcell{
position: relative;
}
.listview-grid.reverse .gcell.gheader,
.listview-grid.reverse .gcell.gparent,
.listview-grid.reverse .gcell.gempty{
position: sticky;
z-index: 2;
}
.listview-grid.reverse .gcell.gempty{
border-right: 1px solid #aaaaaa;
}
.listview-grid.reverse tr td:not(.gheader):not(.gparent):not(.gempty){
min-width: var(--col-width);
max-width: var(--col-width);
}
.listview-grid.reverse .gcol-resizer{
height: 100%;
}
.dashboard .listview-grid.reverse .gcol-resizer,
.dialog-box.maxi .listview-grid.reverse .gcol-resizer,
.dialog-box.resized .listview-grid.reverse .gcol-resizer{
display: none;
}
.listview-grid.reverse .gheader-0{
left: var(--gheader-0);
}
.listview-grid.reverse .gheader-1{
left: var(--gheader-1);
}
.listview-grid.reverse .gheader-2{
left: var(--gheader-2);
}
.listview-grid.reverse .gheader-3{
left: var(--gheader-3);
}
.listview-grid.reverse .gheader-4{
left: var(--gheader-4);
}
.listview-grid.reverse .gheader-5{
left: var(--gheader-5);
}
.ctrl-diff{
place-self: stretch !important;
min-width: 400px;
min-height: 150px;
}
.ctrl-diff .content{
grid-template-columns: 1fr max-content 1fr;
grid-template-rows: max-content 1fr;
}
.ctrl-diff .ctrl-textarea{
margin: 5px 10px;
}
.ctrl-diff .diff-result{
grid-template-columns: max-content 1fr max-content max-content 1fr;
grid-auto-rows: max-content;
grid-column-gap: 10px;
}
.ctrl-diff .diff-result .removed{
border: 1px solid #00ff00;
background-color: rgba(0, 255, 0, .3);
}
.ctrl-diff .diff-result .added{
border: 1px solid #0000ff;
background-color: rgba(0, 0, 255, .3);
}
.ctrl-diff .line-number{
padding: 0 5px;
background-color: rgba(200, 200, 200, .8);
}
.ctrl-diff .actions{
align-self: center;
row-gap: 20px;
}
.ctrl-diff .actions *{
max-width: 120px;
white-space: pre-wrap;
}
.ctrl-carto-geo{
position: relative;
place-self: stretch;
min-width: 400px;
min-height: 400px;
}
.ctrl-carto-geo iframe{
position: absolute;
}
.reverse-filter{
margin: 0 !important;
}
.ctrl-disabled .reverse-filter,
.ctrl-disabled .wildcard-filter,
.ctrl-readonly .reverse-filter,
.ctrl-readonly .wildcard-filter{
opacity: .5;
}
.ctrl-map [id^="Dep"]:not(.active),
.ctrl-map .zone-name:not(.active){
fill: #e0e0e0 !important;
fill-opacity: 0 !important;
opacity: 0.5 !important;
stroke: none !important;
pointer-events: none !important;
}
.ctrl-map [id^="Dep"].selected{
fill: #0000ff !important;
}
.ctrl-map foreignObject{
overflow: visible;
pointer-events: none;
}
.ctrl-map .zone-name{
white-space: pre;
}
.ctrl-map .zone-name.selected{
color: #ffffff !important;
}
.ctrl-map [id^="Dep00"],
.ctrl-map [id^="Name00"]{
opacity: .5;
font-size: 1.5em;
}
.ctrl-map [id^="Dep00"]:not(.active),
.ctrl-map [id^="Name00"]:not(.active){
display: none;
}
.ctrl-map [id^="Dep00"].selected,
.ctrl-map [id^="Name00"].selected{
opacity: 1;
fill: #000000 !important;
color: #000000 !important;
}
.ctrl-map .infos{
border: 2px solid #aaaaaa;
border-radius: 10px;
background: #c0c0c0;
text-align: center;
min-width: 500px;
min-height: 220px;
margin: 10px;
font-size: 18px;
font-weight: bold;
}
.ctrl-map-combobox>img{
width: 16px;
height: 16px;
}
.map-panel{
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: min(2vw, 2vh);
width: 100vw;
height: 100vh;
z-index: 2;
background: rgba(0, 0, 0, .6);
}
.map-panel .ctrl-map{
grid-area: 1 / 1 / span 1 / span 2;
}
.map-panel svg{
max-width: 100vw;
max-height: 100vh;
place-self: center;
}
.ctrl-map-valider,
.ctrl-map-cancel{
z-index: 2;
align-self: end;
}
.ctrl-map-valider{
grid-area: 1 / 1 / span 1 / span 1;
justify-self: end;
}
.ctrl-map-cancel{
grid-area: 1 / 2 / span 1 / span 1;
justify-self: start;
}
.map-panel .ctrl-btn{
border: 2px solid #555555;
font-size: 2em;
padding: 10px;
margin-bottom: min(3vw, 3vh);
}
.map-panel .ctrl-btn .ctrl-btn-label{
margin-left: 7px;
}
@font-face{
font-family: "Gothic";
src: url('fonts/GOTHIC.TTF');
font-weight: normal;
}
@font-face{
font-family: "Gothic";
src: url('fonts/GOTHICI.TTF');
font-style: italic;
}
@font-face{
font-family: "Gothic";
src: url('fonts/GOTHICB.TTF');
font-weight: bold;
}
@font-face{
font-family: "Gothic";
src: url('fonts/GOTHICBI.TTF');
font-style: italic;
font-weight: bold;
}
@font-face{
font-family: "Gothic italic";
font-style: italic;
src: url('fonts/GOTHICI.TTF');
}
@font-face{
font-family: "Gothic bold";
font-weight: bold;
src: url('fonts/GOTHICB.TTF');
}
@font-face{
font-family: "Gothic bold italic";
font-weight: bold;
font-style: italic;
src: url('fonts/GOTHICBI.TTF');
}
body{
position: absolute;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
user-select: none;
-webkit-user-select: none;
}
body,
body *{
box-sizing: border-box;
}
*:not(input):not(select):not(textarea):not(checkbox):not(canvas):not([class*="ctrl-btn"]){
outline: 0;
}
.hidden-force,
.hidden-force *{
visibility: hidden !important;
}
.fullscreen{
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
margin: 0 !important;
z-index: 200 !important;
}
.wnd-init{
position: fixed !important;
top: -10000px !important;
left: -10000px !important;
}
*{
clip: unset !important;
}
table{
border-spacing: 0px 0px;
}
input,
textarea,
select{
background-color: #FFFFFF;
border: 1px solid #344c2e;
padding: 2px;
}
input:focus,
select:focus,
textarea:focus,
checkbox:focus{
background-color: #ffffff;
outline-color: #1438E8;
}
.ctrl-btn:focus{
outline-color: #1438E8;
}
.ctrl-calendrier-jour:focus{
filter: brightness(0.85);
}
input[type="checkbox" i]{
margin: 2px 0;
}
textarea{
white-space: pre-wrap;
}
div{
user-select: none;
-webkit-user-select: none;
}
img{
cursor: pointer;
vertical-align: middle;
}
img.sized{
width: auto;
height: auto;
}
.overlay{
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .4);
}
.overlay-active:not(.login-only) .overlay{
display: initial;
}
.dashboard,
.dialog-box.maxi{
position: absolute !important;
transform: none !important;
top: 0 !important;
left: 0 !important;
width: unset !important;
height: unset !important;
min-width: 100% !important;
min-height: 100% !important;
max-width: unset !important;
max-height: unset !important;
}
.dashboard{
background-color: #efefef;
}
.resized .trace-container .ctrl-html,
.maxi .trace-container .ctrl-html{
place-self: stretch !important;
}
.trace-container .log-change-active{
background: yellow;
}
.trace-container .ctrl-html{
min-width: 800px;
min-height: 600px;
max-width: 1280px;
max-height: 720px;
background: white;
border: 2px solid grey;
border-radius: 7px;
padding: 8px;
font-size: 1.2em;
margin: 15px 20px;
font-weight: bold;
overflow: auto;
}
.dialog-box.maxi .trace-container .ctrl-html{
max-width: unset;
max-height: unset;
}
.trace-container .ctrl-html, .trace-container .ctrl-html *{
user-select: text;
-webkit-user-select: text;
}
.trace-debug{
color: black;
}
.trace-info{
color: blue;
}
.trace-warning{
color: orange;
}
.trace-error{
color: red;
}
.textbox{
min-width: 0;
}
.window-focus{
width: 0;
height: 0;
border: none;
margin: 0;
padding: 0;
}
.img-obligatoire, .img-unique, .img-point-exclamation{
align-self: center;
}
#dpi{
height: 1in;
left: -100%;
position: absolute;
top: -100%;
width: 1in;
}
#to-print{
display: none;
}
@media print{
body{
-webkit-print-color-adjust: exact !important;
}
body>*{
display: none !important;
cursor: default !important;
}
#to-print{
display: initial !important;
}
}
body{
font-family : Gothic;
font-size: 8pt;
background-color: #dfdcd5;
color: #020000;
}
body, textarea, input
{
font-family : Gothic;
font-size: 8pt;
}
.container-rd{
display: grid;
}
.horizontal-panel{
display: grid;
min-width: 0;
min-height: 0;
grid-auto-flow: column;
}
.container-filtre{
border : 1px solid #344c2e;
padding : 2px;
margin :  10px 0px;
}
.container-filtre.ctrl-readonly,
.container-filtre.ctrl-readonly *{
pointer-events: none;
}
.ctrl-textarea{
grid-template-columns: max-content 1fr max-content max-content;
align-items: center;
}
.ctrl-textarea.min-size-computed{
height: unset !important;
width: unset !important;
}
.ctrl-textarea textarea{
width: 100%;
height: 100%;
background-color: #FFFFFF;
}
.resized *:not(.ctrl-diff) .ctrl-textarea,
.maxi *:not(.ctrl-diff) .ctrl-textarea{
width: unset !important;
height: unset !important;
}
.resized *:not(.ctrl-diff) .ctrl-textarea textarea:not(.line-number),
.maxi *:not(.ctrl-diff) .ctrl-textarea textarea:not(.line-number){
width: 100% !important;
height: 100% !important;
}
.ctrl-readonly .ctrl-textarea textarea,
.ctrl-textarea.ctrl-readonly textarea{
background-color: #dbd9d9;
color: #3d3b3b;
}
.ctrl-disabled .ctrl-textarea textarea,
.ctrl-textarea.ctrl-disabled textarea{
background-color: #c9c7c7;
color: #000000;
}
.ctrl-textarea textarea.noredim{
resize: none;
}
.ctrl-textarea .compteur{
display: table;
background-color: #0da512;
color: #fffcfc;
text-align: center;
white-space: pre;
vertical-align: middle;
padding: 0px 5px;
height: 100%;
border: 1px solid #344c2e;
}
.ctrl-textarea .compteur-label{
display: table-cell;
vertical-align: middle;
}
.ctrl-textarea .compteur.invalid{
background-color: #fc3f45;
}
.ctrl-textarea .line-number{
padding-right: 5px;
width: 30px;
text-align: right;
resize: none;
overflow: hidden;
}
.ctrl-multilangue .ctrl-textbox,
.ctrl-multilangue .ctrl-textarea,
.ctrl-multilangue .ctrl-textarea textarea,
.ctrl-multilangue .ctrl-rich-textarea{
width: 100%;
height: 100%;
}
.fond_accueil{
display: grid;
place-items: center;
}
[id^="logo-accueil"]{
display: none;
margin: 10px 0;
}
[id^="logo-accueil"] img{
object-fit: scale-down;
width: 400px;
height: auto;
}
.fond_accueil [id^="logo-accueil"]{
display: initial;
}
.dialog-box.dialog-login [id^="app-desc"]{
font-size: 16pt;
font-weight: bold;
margin-top: 10px;
margin-bottom: 20px;
}
#copyright{
display: none;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 10px 0;
}
#copyright > a{
font-size: small;
}
.login-only #copyright{
display: initial;
}
.dialog-box.dialog-login{
position: relative;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
.dialog-box.dialog-login .wnd-ihm,
.dialog-box.dialog-expired-pwd .wnd-ihm{
margin: 20px;
}
.dialog-box.dialog-login .login_main_cnt{
grid-template-columns: max-content max-content 1fr 1fr;
}
.dialog-box.dialog-login .ctrl-btn-avec-label{
margin: 10px;
padding: 5px 10px;
font-size: 1.2em;
}
.btn-as-hyperlink{
background: transparent !important;
border: none !important;
text-decoration: underline;
}
.btn-as-hyperlink img{
display: none;
}
.btn-as-hyperlink .ctrl-btn-label{
color: #0000a0 !important;
}
.dialog-box.dialog-login .login_cnt_prn input::placeholder{
color: transparent;
}
@media screen and (max-device-width: 640px){
[id^="logo-accueil"] img{
max-width: 70vw;
}
#copyright{
display: none;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 10px 0;
font-size: .8em;
}
.dialog-box.dialog-login{
position: relative !important;
left: unset !important;
top: unset !important;
place-self: center;
border: none;
background: transparent;
}
.dialog-box.dialog-login .wnd-ihm{
background: transparent;
padding: 5px 0;
}
.dialog-box.dialog-login .window-focus{
display: none;
}
.dialog-box.dialog-login *{
font-size: 16px !important;
}
.dialog-box.dialog-login input{
max-width: 70vw !important;
height: 3em;
padding-left: 15px;
line-height: normal;
border-radius: 7px;
}
.dialog-box.dialog-login .dialog-box-entete{
display: none;
}
.dialog-box.dialog-login .login_cnt{
place-self: stretch !important;
grid-template-columns: max-content max-content 1fr 1fr
}
.dialog-box.dialog-login .login_cnt_prn input::placeholder{
color: initial;
}
.dialog-box.dialog-login .login_cnt_prn .ctrl-label,
.dialog-box.dialog-login [id^="Clock"],
.dialog-box.dialog-login [id^="app-desc"],
.dialog-box.dialog-login [id^="User"] .ctrl-btn-sans-label,
.dialog-box.dialog-login [id^="Pwd"] .ctrl-btn-sans-label{
display: none;
}
.dialog-box.dialog-login .ctrl-btn-avec-label{
place-content: center;
grid-template-columns: max-content max-content;
width: unset !important;
height: 2.6em;
border-radius: 6px;
}
.dialog-box.dialog-login .ctrl-btn{
margin: 5px 1px;
}
.dialog-box.dialog-login .ctrl-captcha-image{
width: 80vw;
}
.btn-as-hyperlink{
padding: 0;
}
[id="BtnConnecter"]{
margin-top: 1.5em;
}
}
a{
color: #0000a0;
}
a:visited{
color: #a000b0;
}
.ctrl-image{
font-size: 10px;
cursor: default;
align-items: center;
}
.ctrl-img-etat{
display: inline-block;
object-fit: scale-down;
cursor: pointer;
vertical-align: middle;
outline: none;
padding: 0;
border: none;
background: none;
font-size: 10px;
}
.ctrl-Image-pos-sel{
opacity: 0.7;
}
img.over-image-zoom{
position: absolute;
z-index: 102;
max-width: 120px;
max-height: 120px;
width: 70px;
border-radius: 10px;
border: 3px solid rgb(100, 100, 100);
background: rgba(230, 230, 230, .8);
}
.over-image-zoom-label{
position: absolute;
z-index: 102;
font-size: bold;
background: rgba(210, 210, 210, .95);
padding: 3px 7px;
font-size: 1.4em;
margin-top: 3px;
border-radius: 6px;
text-align: center;
}
img.image-zoom{
position: fixed;
margin: auto;
z-index: 102;
max-width: 80vw;
max-height: 80vh;
top: 0;
bottom: 0;
right: 0;
left: 0;
border-radius: 10px;
border: 3px solid rgb(100, 100, 100);
}
.widget-zoom{
place-content: center;
place-items: center;
position: fixed;
margin: auto;
z-index: 102;
max-width: 40vw;
max-height: 40vh;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.widget-zoom *:first-child{
background: white;
padding: 100px;
}
.widget-zoom.width-based *:first-child{
width: 100%;
}
.widget-zoom.height-based *:first-child{
height: 100%;
}
.ctrl-time{
place-items: center stretch;
text-align: right;
border: 1px solid #838383;
font-size: 10px;
background-color: #FFFFFF;
overflow: hidden;
padding: 2px 4px;
font-weight: initial;
}
.ctrl-readonly .ctrl-time,
.ctrl-time.ctrl-readonly{
background-color : #dbd9d9;
color: #3d3b3b;
}
.ctrl-disabled .ctrl-time,
.ctrl-disabled .ctrl-time>*,
.ctrl-time.ctrl-disabled,
.ctrl-time.ctrl-disabled>*{
background-color :#c9c7c7 !important;
color : #000000 !important;
}
.ctrl-time>*{
display: inline-block;
vertical-align: middle;
outline: none;
}
.ctrl-time-sep{
margin: 0 2px;
}
.ctrl-time-element, .ctrl-time-libre{
text-align: right;
}
.ctrl-time-element{
min-width: 2ch;
}
.ctrl-time-hhh, .ctrl-time-hhhh, .ctrl-time-hhhhh{
text-align: right;
}
.ctrl-textbox-number{
font-size: 10px;
grid-template-columns: 1fr;
grid-auto-columns: max-content;
text-align: right;
}
.ctrl-textbox-number-saisie{
border:0px;
font-size: 10px;
border: solid 1px #838383;
}
.ctrl-textbox-number input:disabled{
background-color : #d1cfcf;
}
.ctrl-textbox-number-with-unit .ctrl-textbox-number-label{
display: initial;
}
.ctrl-textbox-number-label{
display: none;
font-size: 10px;
margin-left: 3px;
}
.ctrl-textbox-number-unit{
font-size: 10px;
margin-left: 3px;
}
.ctrl-checkbox-wrapper{
position: relative;
align-self: center;
justify-self: start;
display: block;
z-index: 0;
}
.ctrl-checkbox-wrapper:focus-within:after{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
outline: #1438E8 auto 1px;
pointer-events: none;
}
.ctrl-disabled input[type="checkbox"]:not([disabled]),
.ctrl-readonly input[type="checkbox"]:not([disabled]){
opacity: .4;
}
.ctrl-checkbox{
border: solid 1px #838383;
}
.ctrl-checkbox-switch input[type=checkbox]{
z-index: 0;
margin: 1px auto;
-webkit-appearance: none;
outline: 0;
border: none;
cursor: pointer;
position: relative;
display: block;
width: 41px;
height: 21px;
border-radius: 15px;
background-color: #ddd;
transition: background-color .4s ease;
}
.ctrl-checkbox-switch input[type=checkbox]:before{
content: "";
z-index: 1;
display: block;
width: 37px;
height: 17px;
position: absolute;
right: 2px;
top: 2px;
border-radius: 15px;
background-color: white;
transition-property: width, height, top, right;
transition-duration: .1s;
transition-timing-function: ease;
}
.ctrl-checkbox-switch input[type=checkbox]:after{
content: "";
z-index: 2;
position: absolute;
left: 2px;
top: 2px;
width: 17px;
height: 17px;
background-color: white;
border-radius: 19px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35), 0px 4px 5px rgba(0, 0, 0, 0.15);
transition-property: left, margin-left, padding-left;
transition-duration: .1s;
transition-timing-function: ease;
}
.ctrl-checkbox-switch input[type=checkbox]:checked:before{
width: 12px;
height: 0px;
top: 15px;
right: 15px;
}
.ctrl-checkbox-switch input[type=checkbox]:checked:after{
left: 22px;
}
.ctrl-checkbox-switch input[type=checkbox]:checked:active:after,
html.no-touch .ctrl-checkbox-switch input[type=checkbox]:checked:hover:after{
margin-left: -5px;
}
.ctrl-checkbox-switch input[type=checkbox]:active:after,
html.no-touch .ctrl-checkbox-switch input[type=checkbox]:hover:after{
padding-left: 5px;
}
.ctrl-checkbtn-checked, .ctrl-checkbtn-unchecked{
padding: 2px 0px 0px 2px;
outline: none;
}
.ctrl-checkbtn-checked{
border: 2px solid #344c2e;
}
.ctrl-checkbtn-unchecked{
border: 2px solid #aaaaaa;
}
.ctrl-checkbtn-label{
margin-left: 3px;
margin-right: 5px;
cursor: pointer;
}
.ctrl-checkbtn-sans-label{
margin-left: 2px;
outline: none;
}
.ctrl-checkbtn-label{
color: #000000;
}
.ctrl-checkbtn-avec-label{
border-radius: 5px;
background-color: #d1d1d1;
margin: 0 1px;
cursor: pointer;
}
.ctrl-checkbtn-avec-label.ctrl-checkbtn-grise{
background-color: #f7bf88;
}
.ctrl-checkbox-favoris input[type=checkbox]{
width: 0;
margin: 0;
}
.ctrl-checkbox-favoris input[type=checkbox]+label{
margin: 1px auto;
display: inline-block;
width: 24px;
height: 24px;
background: url(images/AddImage/o_collection/blue_dark_grey/24x24/star2.png) no-repeat;
}
.ctrl-checkbox-favoris input[type=checkbox]:checked+label{
background: url(images/AddImage/Icones/24_star_yellow.png) no-repeat;
}
.ctrl-checkbox-switch2 input[type=checkbox]{
width: 0;
}
.ctrl-checkbox-switch2{
width: 50px;
height: 10px;
background: #333;
margin: 10px auto;
display: block;
border-radius: 50px;
position: relative;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.ctrl-checkbox-switch2 label{
display: block;
width: 16px;
height: 16px;
border-radius: 50px;
transition: all 0.4s ease;
cursor: pointer;
position: absolute;
top: -3px;
left: -3px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
background: #fff;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fcfff4, endColorstr=#b3bead, GradientType=0);
}
.ctrl-checkbox-switch input[type=checkbox]:checked{
background-color: #000000;
}
.ctrl-checkbox-switch input[type=checkbox]:checked.default{
background-color: #4cd964;
}
.ctrl-checkbox-switch.green input[type=checkbox]:checked{
background-color: #4cd964;
}
.ctrl-checkbox-switch.blue input[type=checkbox]:checked{
background-color: #3B5998;
}
.ctrl-checkbox-switch.pink input[type=checkbox]:checked{
background-color: #c4656f;
}
.ctrl-checkbox-switch.red input[type=checkbox]:checked{
background-color: #FA3311;
}
.ctrl-checkbox-switch.black input[type=checkbox]:checked{
background-color: #000000;
}
.ctrl-checkbox-switch2 input[type=checkbox]:checked+label{
left: 37px;
}
.ctrl-checkbox-switch2.green input[type=checkbox]:checked+label{
background-color: #B1EA0C;
}
.ctrl-checkbox-switch2.red input[type=checkbox]:checked+label{
background-color: #E80401;
}
.ctrl-checkbox-switch2.pink input[type=checkbox]:checked+label{
background-color: #FD02D3;
}
.ctrl-checkbox-switch2.black input[type=checkbox]:checked+label{
background-color: #000000;
}
.ctrl-checkbox-switch2.blue input[type=checkbox]:checked+label{
background-color: #02FDF9;
}
.ctrl-checkbox-fgauche input[type=checkbox]{
width: 0;
margin: 0;
}
.ctrl-checkbox-fgauche input[type=checkbox]+label{
margin: 1px auto;
display: inline-block;
width: 24px;
height: 24px;
background: url(images/AddImage/Icones/942774_24_arrow_left_empty.png) no-repeat;
}
.ctrl-checkbox-fgauche input[type=checkbox]:checked+label{
background: url(images/AddImage/Icones/24_arrow_left_red.png) no-repeat;
}
.cadre-1px
{
border: 1px solid #344c2e;
padding : 5px;
}
.cadre-2px
{
border: 1px solid #344c2e;
padding : 5px;
}
.ctrl-html{
overflow: hidden;
white-space: pre-wrap;
}
.ctrl-date .ctrl-date-field,
.ctrl-date .ctrl-time,
.ctrl-date .ctrl-btn{
display: inline-block;
vertical-align: middle;
}
.ctrl-disabled .ctrl-date>*,
.ctrl-date.ctrl-disabled>*,
.ctrl-date input:disabled{
background-color: #c9c7c7;
color: #000000;
}
.ctrl-date-field{
text-align: center;
font-size: 10px;
color: #020000;
width: 11ch;
}
.ctrl-date .ctrl-btn.ctrl-date-btn-cal img{
width: 16px;
height: 16px;
}
.ctrl-calendrier{
background-color: #FFFFFF;
border: 1px solid #344c2e;
margin: 0;
padding: 0;
}
.ctrl-calendrier-entete{
grid-template-columns: repeat(7, 1fr);
grid-template-rows: max-content;
text-decoration: none;
text-align: center;
font-size: 10px;
cursor: default;
border-collapse: collapse;
margin: 0;
padding: 0;
height: 20px;
border-bottom: 1px solid #344c2e;
}
.ctrl-calendrier-entete td{
width: 22px;
}
.ctrl-calendrier-tab-jour{
grid-template-columns: repeat(7, max-content);
grid-template-rows: repeat(6, max-content);
text-decoration: none;
text-align: center;
vertical-align: middle;
font-size: 10px;
cursor: default;
border-collapse: collapse;
margin: 0;
padding: 0;
}
.ctrl-calendrier-jour{
display: grid;
place-items: center;
width: 22px;
height: 18px;
text-decoration: none;
outline: 0;
padding: 1px;
}
.ctrl-calendrier-jour-mois{
color: #91A1BE;
background-color: #FFFFFF;
}
.ctrl-calendrier-jour-hors-mois{
color: #CED4DD;
background-color: #FFFFFF;
}
.ctrl-calendrier-jour-aujourdhui{
border: 1px solid #8DB2E3;
}
.ctrl-calendrier-jour-courant{
border: 1px groove #AAAAAA;
font-weight: bolder;
}
.ctrl-calendrier-jour-ferie{
border: 1px dotted #AAAAAA;
font-weight: bolder;
}
.ctrl-calendrier-jour-R{
background-color: #F2A01A;
}
.ctrl-calendrier-jour-J{
background-color: #FEE000;
}
.ctrl-calendrier-jour-V{
background-color: #7FB61B;
}
.ctrl-calendrier-chambre{
border: 1px solid #666666;
width: 20px;
height: 20px;
}
.ctrl-calendrier-jour:hover{
font-style: italic;
font-weight: bolder;
}
.ctrl-calendrier-bouton-plus-annee{
background: url(images/web/cal-annee-d.png) no-repeat left center;
background-color: #33436A;
}
.ctrl-calendrier-bouton-moins-annee{
background: url(images/web/cal-annee-g.png) no-repeat left center;
background-color: #33436A;
}
.ctrl-calendrier-bouton-plus-mois{
background: url(images/web/cal-mois-d.png) no-repeat left center;
background-color: #33436A;
}
.ctrl-calendrier-bouton-moins-mois{
background: url(images/web/cal-mois-g.png) no-repeat left center;
background-color: #33436A;
}
.ctrl-calendrier-titre{
background-color: #33436A;
border: 0;
padding: 0;
margin: 0;
color: #FFFFFF;
font-size: 10px;
text-decoration: none;
text-align: center;
overflow: hidden;
height: 25px;
width: 100%;
cursor: default;
}
.ctrl-calendrier-titre button{
width: 14px;
border: 0;
opacity: .6;
margin: 0;
padding-top: 4px 0 0 0;
text-decoration: none;
}
.ctrl-calendrier-mois-annee{
width: 104px;
font-weight: bolder;
padding: 5px 0 0 0;
background-color: #33436A;
white-space: nowrap;
}
.ctrl-calendrier-pied{
text-align: center;
font-size: 10px;
border-top: 1px solid #344c2e;
cursor: default;
border-collapse: collapse;
margin: 0px;
padding: 0px;
background-color: #efefef;
width: 100%;
height: 30px;
}
.ctrl-calendrier-pied button{
opacity: .6;
}
.ctrl-calendrier-titre button:hover,
.ctrl-calendrier-pied button:hover{
opacity: 1;
}
.ctrl-calendrier-bouton-aujourdhui,
.ctrl-calendrier-bouton-futur,
.ctrl-calendrier-bouton-null{
background-color: #91A1BE;
border: 1px solid #666666;
margin-top: 5px;
padding: 3px 1px;
text-align: center;
text-decoration: none;
font-size: 10px;
color: #FFFFFF;
cursor: default;
border-collapse: separate;
}
.ctrl-color{
display: inline-block;
border: 1px solid #020000;
cursor: pointer;
min-width: 10px;
min-height: 10px;
}
.ctrl-color.disabled{
opacity: .5;
}
.ctrl-color-red{
color: red !important;
}
.ctrl-color-green{
color: green !important;
}
.ctrl-color-blue{
color: blue !important;
}
.rouge{
color: red !important;
}
.vert{
color: green !important;
}
.bleu{
color: blue !important;
}
.jaune{
color: yellow !important;
}
.blanc{
color: white !important;
}
.orange{
color: orange !important;
}
.darkorange{
color: darkorange !important;
}
.orangered{
color: orangered !important;
}
.gras{
Font-weight: bold !important;
}
.ctrl-color-label div{
width: 10px;
height: 10px;
border:1px solid #666666;
margin-right: 3px;
display: inline-block;
vertical-align: middle;
}
.ctrl-progress-bar
{
border:1px solid #000000;
background-color: #CCCCCC;
-moz-border-radius-:5px;
-webkit-border-radius:5px;
}
.ctrl-progress-bar-value
{
background-color:#0000A0;
}
.ctrl-progress-bar-text
{
position:relative;
left:0;
color: #FFFFFF;
text-align: center;
}
.wnd-ihm{
grid-template-rows: repeat(4, max-content) minmax(0, 1fr);
grid-auto-rows: max-content;
padding: 5px;
background-color: #efefef;
}
.ihm-status-msg{
margin: 10px 0;
text-align: center;
color: #bc4b4b;
}
.ihm-status{
grid-area: 1 / 1 / span 1 / span 1;
display: grid;
min-width: 0;
min-height: 0;
grid-template-columns: max-content 1fr max-content;
margin-bottom: 2px;
grid-auto-rows: max-content;
}
.ihm-status .ihm-status-top{
grid-template-columns: max-content minmax(0, 1fr) max-content max-content;
}
.wnd-co-btn{
place-self: center;
place-items: center;
grid-column-gap: 2px;
}
.wnd-co-btn.sys{
grid-column-gap: 0;
}
.wnd-co-btn.report{
grid-area: 2 / 1 / span 1 / span 1;
}
.window-focus.first{
grid-area: 3 / 1 / span 1 / span 1;
}
.window-focus.middle{
grid-area: 4 / 1 / span 1 / span 1;
}
.ihm-content{
grid-area: 5 / 1 / span 1 / span 1;
}
.bar-bottom{
grid-area: 6 / 1 / span 1 / span 1;
}
.scr-trace-user{
grid-area: 7 / 1 / span 1 / span 1;
grid-template-columns: max-content 1fr max-content 1fr;
align-items: center;
grid-column-gap: 10px;
}
.scr-trace-user div:nth-child(2){
justify-self: start;
}
.scr-trace-user div:nth-child(4){
justify-self: end;
}
.window-focus.last{
grid-area: 8 / 1 / span 1 / span 1;
}
.wnd-ihm .wnd-ihm{
grid-template-rows: repeat(3, max-content) minmax(0, 1fr);
padding: 5px 5px 0 5px;
}
.wnd-ihm .wnd-ihm .ihm-status{
grid-area: 8 / 1 / span 1 / span 1;
}
.wnd-ihm .wnd-ihm .bar-btn-report{
grid-area: 1 / 1 / span 1 / span 1;
}
.wnd-ihm .wnd-ihm .window-focus.first{
grid-area: 2 / 1 / span 1 / span 1;
}
.wnd-ihm .wnd-ihm .window-focus.middle{
grid-area: 3 / 1 / span 1 / span 1;
}
.wnd-ihm .wnd-ihm .ihm-content{
grid-area: 4 / 1 / span 1 / span 1;
}
.wnd-ihm .wnd-ihm .bottom{
grid-area: 5 / 1 / span 1 / span 1;
}
.wnd-ihm .wnd-ihm .scr-trace-user{
grid-area: 6 / 1 / span 1 / span 1;
}
.wnd-ihm .wnd-ihm .window-focus.last{
grid-area: 7 / 1 / span 1 / span 1;
}
.bar-btn{
background-color: #F3F3F0;
border-style:groove;
}
.About-bt
{
width : 100px;
}
.About-img
{
margin: 0px 20px;
border : 2px;
}
.About-description{
width : 24em;
font-weight : bolder;
font-size: 10px;
text-align : justify;
}
.About-version{
font-style : italic;
font-weight : bolder;
font-size: 10px;
text-align : center;
}
.ctrl-textbox-increment{
grid-template-columns: 1fr;
grid-auto-columns: max-content;
align-items: center;
}
.ctrl-textbox-increment-panel-btn > *{
display: block !important;
}
.ctrl-textbox-increment-btn{
min-height: 5px;
}
.ctrl-label{
place-self: center end;
font-size: 10px;
margin: 0 5px;
}
.ctrl-label .ctrl-label-left,
.ctrl-label-espace .ctrl-label-left{
place-self: center start;
}
.ctrl-label .ctrl-label-right,
.ctrl-label-espace .ctrl-label-right{
place-self: center start;
}
.ctrl-label.ctrl-label-top{
place-self: end start;
margin-top: 3px;
}
.ctrl-label.ctrl-label-bottom{
place-self: start start;
margin-bottom: 3px;
}
.ctrl-nb-jour{
border: 2px inset;
font-size: 10px;
color: #020000;
background-color: #FFFFFF;
margin: 0 0 1px 0;
padding: 1px 1px 0 1px;
min-width: 50px;
text-align: right;
}
.ctrl-visu-rapide{
align-items: center;
}
.ctrl-saisie-rapide-btn img{
width: 16px;
height: 16px;
}
.ctrl-visu-rapide input{
text-align: right;
}
.ctrl-visu-rapide-error{
z-index: 1;
padding: 3px 5px;
border: 1px solid red;
border-radius: 3px;
color: red;
font-weight: bold;
background: #dfdcd5;
}
.ctrl-disabled .ctrl-visu-rapide,
.ctrl-visu-rapide.ctrl-disabled{
background-color :#c9c7c7;
color: #000000;
}
.ctrl-readonly .ctrl-visu-rapide,
.ctrl-visu-rapide.ctrl-readonly{
background-color :#dbd9d9;
color: #3d3b3b;
}
.ctrl-search{
border: solid 1px #838383;
width: 100%;
font-size: 10px;
}
.ctrl-disabled .ctrl-search,
.ctrl-search.ctrl-disabled{
background-color :#c9c7c7;
color: #000000;
}
.ctrl-readonly .ctrl-search,
.ctrl-search.ctrl-readonly{
background-color :#dbd9d9;
color: #3d3b3b;
}
.ctrl-search-alerte{
margin: 0px;
padding: 0px;
background-image: url(images/AddImage/Icones/gyrophare_03.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-right: 28px;
line-height: 32px;
}
.ctrl-search .ctrl-btn{
margin-left: 3px !important;
}
.ctrl-mosaique > *:not(.ctrl-mosaique-table-iframe-entete){
place-self: center;
}
.ctrl-mosaique iframe{
margin: 0px;
padding: 1px;
border: solid 1px #838383;
}
.ctrl-mosaique-iframe-entete{
font-size: 11px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.ctrl-mosaique > img{
object-fit: contain;
}
.ctrl-textbox{
align-self: center;
border: 1px solid #838383;
}
.textbox-readonly:not(.ctrl-combobox-libelle,.ctrl-saisie-rapide){
background-color: #dbd9d9;
color: #3d3b3b;
}
.ctrl-disabled .ctrl-textbox,
.ctrl-textbox.ctrl-disabled{
background-color: #c9c7c7;
color: #000000;
}
.ctrl-textbox-orange{
font-size: 10px;
color: RED;
border: solid 1px #838383;
margin: 1px;
padding-left: 1px;
}
.ctrl-textbox-password{
font-size: 10px;
}
.ctrl-readonly .ctrl-textbox-password,
.ctrl-textbox-password.ctrl-readonly{
background-color : #dbd9d9;
color: #3d3b3b;
}
.ctrl-disabled .ctrl-textbox-password,
.ctrl-textbox-password.ctrl-disabled{
background-color :#c9c7c7;
color : #000000;
}
.ctrl-totp{
justify-content: center;
column-gap: 10px;
}
.ctrl-totp input{
width: 1.1em;
border-radius: 0.2em;
font-size: 2em;
text-align: center;
}
.ctrl-totp input::-webkit-outer-spin-button,
.ctrl-totp input::-webkit-inner-spin-button{
-webkit-appearance: none;
margin: 0;
}
.ctrl-totp input[type=number]{
appearance: textfield;
-moz-appearance: textfield;
}
.ctrl-combobox{
position: relative;
grid-template-columns: 1fr max-content;
place-items: center;
font-size: 10px;
background-color: #FFFFFF;
border: 1px solid #838383;
padding-right: 14px;
}
.ctrl-combobox:focus-within{
outline: #1438E8 auto 1px;
background-color: #ffffff;
}
.ctrl-combobox .ctrl-combobox-libelle{
width: 100%;
height: 100%;
outline: 0;
margin: 0;
box-shadow: none;
border: none;
color: #020000;
user-select: none;
-webkit-user-select: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ctrl-combobox>*{
cursor: pointer;
}
.ctrl-disabled .ctrl-combobox,
.ctrl-disabled .ctrl-combobox *,
.ctrl-combobox.ctrl-disabled,
.ctrl-combobox.ctrl-disabled *{
background-color: #c9c7c7;
color: #000000;
}
.ctrl-readonly .ctrl-combobox,
.ctrl-readonly .ctrl-combobox *,
.ctrl-combobox.ctrl-readonly,
.ctrl-combobox.ctrl-readonly *{
background-color: #dbd9d9;
color: #3d3b3b;
}
.ctrl-combobox:after{
content: "";
background-image: var(--select-img);
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 11px;
background-repeat: no-repeat;
}
.ctrl-listbox{
position: fixed;
z-index: 102;
margin : 0px;
padding :0px;
font-size: 10px;
background-color:#FFFFFF;
border: 1px solid #838383;
overflow-y: auto;
box-sizing: content-box;
}
.ctrl-listbox .listdiv-option{
padding: 2px;
}
.ctrl-listbox .listdiv-option.selected{
background: #f9a756;
}
.ctrl-btn{
display: grid;
box-sizing: content-box;
grid-auto-columns: max-content;
font: inherit;
padding: 1px;
border: none;
background: none;
}
.ctrl-disabled .ctrl-btn *,
.ctrl-btn.disabled *{
opacity: .5;
}
.ctrl-btn.ctrl-btn-sans-icon,
.ctrl-btn.ctrl-btn-sans-label{
grid-template: 1fr max-content / 1fr max-content;
place-items: center;
}
.ctrl-btn.ctrl-btn-sans-label{
display: inline-block;
text-align: center;
margin: 0 2px;
}
.ctrl-btn.ctrl-btn-sans-label img{
height: 100%;
}
.ctrl-btn.left,
.ctrl-btn.right{
align-content: center;
align-items: center;
grid-auto-flow: column;
}
.ctrl-btn.left{
justify-content: end;
}
.ctrl-btn.top,
.ctrl-btn.bottom{
place-content: center;
justify-items: center;
grid-row-gap: 2px;
}
.ctrl-btn-label{
white-space: break-spaces;
margin: 0 3px;
cursor: pointer;
overflow-x: hidden;
}
.ctrl-btn.ctrl-btn-sans-label .ctrl-img-etat,
.ctrl-saisie-rapide-btn .ctrl-img-etat{
display: table-cell;
object-fit: scale-down;
}
.ctrl-btn.ctrl-btn-down>*{
transform: translate3d(2px, 2px, 0);
}
.ctrl-btn-avec-label.right{
grid-template-columns: max-content 1fr max-content;
}
.ctrl-btn-avec-label.right .ctrl-btn-label{
text-align: left;
}
.ctrl-btn-avec-label.left{
grid-template-columns: 1fr max-content max-content;
}
.ctrl-btn-avec-label.left .ctrl-btn-label{
text-align: right;
}
.ctrl-btn-avec-label.top,
.ctrl-btn-avec-label.bottom{
grid-template-columns: 1fr;
}
.ctrl-btn-avec-label.top{
grid-template-rows: max-content max-content max-content;
}
.ctrl-btn-avec-label.right .ctrl-btn-label,
.ctrl-btn-avec-label.left .ctrl-img-etat,
.ctrl-btn-avec-label.left .ctrl-btn-label,
.ctrl-btn-avec-label.right .ctrl-img-etat{
grid-row-start: 2;
grid-row-end: span 1;
}
.ctrl-btn-avec-label.right .ctrl-btn-label,
.ctrl-btn-avec-label.left .ctrl-img-etat{
grid-column-start: 2;
grid-column-end: span 1;
}
.ctrl-btn-avec-label.left .ctrl-btn-label,
.ctrl-btn-avec-label.right .ctrl-img-etat{
grid-column-start: 1;
grid-column-end: span 1;
}
.ctrl-btn-avec-label.top .ctrl-btn-label,
.ctrl-btn-avec-label.bottom .ctrl-img-etat,
.ctrl-btn-avec-label.bottom .ctrl-btn-label,
.ctrl-btn-avec-label.top .ctrl-img-etat{
grid-column-start: 1;
grid-column-end: span 1;
}
.ctrl-btn-avec-label.top .ctrl-btn-label,
.ctrl-btn-avec-label.bottom .ctrl-img-etat{
grid-row-start: 2;
grid-row-end: span 1;
}
.ctrl-btn-avec-label.bottom .ctrl-btn-label,
.ctrl-btn-avec-label.top .ctrl-img-etat{
grid-row-start: 3;
grid-row-end: span 1;
}
.ctrl-btn .ctrl-btn-value{
grid-column-start: 3;
grid-row-start: 2;
place-self: center;
}
.ctrl-btn.ctrl-btn-sans-label .ctrl-btn-value,
.ctrl-btn.ctrl-btn-sans-icon .ctrl-btn-value{
grid-column-start: 2;
grid-row-start: 1;
place-self: center;
}
.ctrl-btn.ctrl-btn-sans-label.ctrl-btn-fct-sys_minimiser{
display: none;
}
.maxi .ctrl-btn.ctrl-btn-sans-label.ctrl-btn-fct-sys_minimiser{
display: initial;
}
.maxi .ctrl-btn.ctrl-btn-sans-label.ctrl-btn-fct-sys_maximiser{
display: none;
}
.ctrl-btn .ctrl-btn-export{
display: block;
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: span 1;
}
.ctrl-btn.left .ctrl-btn-export,
.ctrl-btn.right .ctrl-btn-export,
.ctrl-btn.ctrl-btn-sans-icon .ctrl-btn-export{
grid-column-end: span 2;
}
.ctrl-btn.top .ctrl-btn-export,
.ctrl-btn.bottom .ctrl-btn-export,
.ctrl-btn.ctrl-btn-sans-label .ctrl-btn-export{
grid-column-end: span 1;
}
.ctrl-btn-label{
color: #020000;
}
.ctrl-btn-label{
color: #020000;
font-family : Gothic bold;
}
.ctrl-btn-avec-label{
background-color : #fba046;
border:1px solid #000000;
-moz-border-radius:2px;
-webkit-border-radius:2px;
cursor : pointer;
margin: 0px 1px;
}
.ctrl-btn-avec-label:hover{
background-color : #ffce51;
}
.btn-action-negative{
background : #ffffff;
border : 1px solid #000000;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding : 1px;
}
.ctrl-btn-avec-label.ctrl-btn-grise{
background-color: #f7bf88;
}
.ctrl-btn.ctrl-btn-sans-label{
display: inline-block;
margin: 1px;
}
.dialog-box{
display: grid;
min-width: 0;
min-height: 0;
grid-template-columns: max-content;
grid-template-rows: max-content minmax(0, 1fr);
background-color: #efefef;
border-color: #344c2e;
border: 2px solid;
border-radius: 8px;
}
.dialog-box.floating{
position: fixed !important;
}
.dialog-box.modal,
.dialog-box-ap.modal{
filter: none;
}
.dialog-box.dragging{
will-change: transform;
}
.dialog-box.maxi, .dialog-box.resized{
grid-template-columns: minmax(0, 1fr);
}
.dialog-box.mini{
min-width: max-content;
min-height: max-content;
}
.dialog-box-ap, .dashboard.in-background{
filter: brightness(85%);
}
.dialog-box-entete{
grid-template-columns: max-content minmax(0, 1fr) max-content max-content;
grid-template-rows: max-content;
align-items: center;
justify-items: start;
border-radius: 6px 6px 0px 0px;
background-repeat: repeat-x;
vertical-align: bottom;
padding: 0px;
margin: 0px;
cursor: default;
width: 100%;
border-bottom: 1px solid;
}
.dialog-box-entete-logo{
width: 24px;
height: 24px;
padding: 0px;
margin: 0 1px;
}
.dialog-box-entete-div{
width: 26px;
height: 26px;
position: relative;
}
.dialog-box-entete-div-logo{
position: absolute;
width: 18px;
height: 18px;
margin-top: 7px;
}
.dialog-box-entete-div-list{
position: absolute;
}
.dialog-box-entete .table{
padding: 0px;
margin: 0px;
border-bottom: 0px;
}
.dialog-box .popupContent{
width: 100%;
height: 100%;
}
.dialog-box.ctrl-fullscreen .popupContent{
opacity: 1;
}
.dialog-box-titre{
width: 100%;
cursor: move;
padding: 4px;
}
.liaison-table{
margin: -2px 0px -2px 14px;
}
.dialog-box .dialog-box-resizer{
width: 20px;
height: 20px;
position: absolute;
cursor: nwse-resize;
bottom: 0;
right: 0;
z-index: 3;
}
.resize-panel{
border: 1px dashed grey;
}
.dialog-box{
border-color : #344c2e;
background-color: #efefef;
}
.dialog-box-ap{
border-color : #344c2e;
background-color: white;
}
.dialog-box-entete{
font-size: 12px;
font-family : Gothic bold;
border-color: #344c2e;
}
.dialog-box-entete{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#566d51', endColorstr='#80a078');
background: -webkit-gradient(linear, left top, left bottom, from(#566d51), to(#80a078));
background: -moz-linear-gradient(top,#566d51,#80a078);
text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.3);
color: #ffffff;
}
.gwt-MenuBar-vertical{
cursor : pointer;
min-width: 52px;
}
.gwt-MenuBar-vertical table{
border-collapse: collapse;
width:100%;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator{
padding: 2px 0px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner{
border: 0px;
height: 1px;
overflow: hidden;
border-top: 1px solid;
}
.gwt-MenuBar-vertical .subMenuIcon{
padding-right: 4px;
}
.menu-vertical-item-readonly{
color: #930000;
}
.zone-horizontale-menu{
grid-template-columns: minmax(0, 1fr) max-content;
}
.zone-horizontale-menu > *:last-child table{
float: right;
height: 100%;
}
.gwt-MenuBar-horizontal{
position: relative;
width: 100%;
border: 1px solid;
cursor: pointer;
}
.gwt-MenuBar-horizontal .gwt-MenuItem{
padding: 5px 10px;
vertical-align: middle;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 5px;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator{
width: 1px;
padding: 0px;
margin: 0px;
border: 0px;
border-left: 1px solid;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner{
width: 1px;
height: 1px;
}
.zone-horizontale-menu *:first-child{
overflow-x: auto;
}
.zone-horizontale-menu *::-webkit-scrollbar{
height: 14px;
}
.zone-horizontale-menu *::-webkit-scrollbar-thumb{
background: grey;
border: 4px solid #566d51;
border-radius: 10px;
}
.zone-horizontale-menu.menu-overflow > *{
overflow-x: scroll;
}
.gwt-MenuBar{
font-size : 11px;
}
.gwt-MenuBar-horizontal{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80a078', endColorstr='#566d51');
background : -webkit-gradient(linear, left top, left bottom, from(#80a078), to(#566d51));
background : -moz-linear-gradient(top, #80a078, #566d51);
border-color : #344c2e;
border-top : 0px;
}
.gwt-MenuBar-horizontal .gwt-MenuItem{
color : #ffffff;
text-shadow : 0.5px 0.5px 2px rgba(0, 0, 0, 0.3);
font-family : Gothic bold;
}
.gwt-MenuBar-horizontal .gwt-MenuItem-selected{
background-color : #fba046;
border : 1px solid #566d51;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator{
border-color : #344c2e;
background : #FFFFFF;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner{
background : #FFFFFF;
}
.gwt-MenuBar-vertical{
background-color: #c8e49c;
}
.gwt-MenuBar-vertical .gwt-MenuItem-selected{
background-color: #fba046;
font-family : Gothic bold;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner{
border-color : #344c2e;
background: #566d51;
}
.menu-lateral-items.niv1 .menu-lateral-item-element,
.menu-lateral-items.niv2 .menu-lateral-item-element,
.menu-lateral-items.niv3 .menu-lateral-item-element,
.menu-lateral-items.niv4 .menu-lateral-item-element{
background-color : #c8e49c;
color : #020000;
}
.container-tab{
display: grid;
min-width: 0;
min-height: 0;
grid-template-columns: minmax(0px, 1fr);
grid-template-rows: max-content minmax(0px, 1fr);
}
.container-tab-panel{
border-bottom: 1px solid;
}
.tab-content{
position: relative;
overflow: auto;
min-height: 0;
}
.tab-content.unselected{
display: none !important;
}
.container-tab>.container-tab-header{
border-bottom: 1px solid;
}
.tabpanel-tab{
display: inline-block;
border: 1px solid #000000;
border-bottom: none;
border-radius: 7px 7px 0px 0px;
padding: 4px 7px;
}
.tabpanel-tab.tabpanel-selected{
font-family : Gothic bold;
background: #96bc8d;
border-color: #aaaaaa;
color: #ffffff;
}
.tabpanel-label, .tabpanel-img{
display: inline-block;
vertical-align: middle;
}
.tabpanel-img{
margin-right: 5px;
}
.onglet-sans-titre>div:first-child{
display: none;
}
.gwt-TabBar .gwt-TabBarFirst{
height: 100%;
padding-left: 3px;
}
.gwt-TabBar .gwt-TabBarRest{
padding-right: 3px;
}
.gwt-TabBar .gwt-TabBarItem{
border-top: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
border-right: 1px solid;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 1px;
cursor: default;
white-space: nowrap;
-moz-border-radius-topleft: 5px 5px;
-moz-border-radius-topright: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom : 0px;
}
.gwt-TabBar .gwt-TabBarItem-selected{
border-top: 1px solid;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 1px;
cursor: default;
border-bottom : 0px;
}
.gwt-TabBar{
font-size:  11px;
color : #ffffff;
}
.gwt-TabBar .gwt-TabBarItem{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8e49c', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#c8e49c), to(#ffffff));
background: -moz-linear-gradient(top, #c8e49c, #ffffff);
border-color : #aaaaaa;
color:#020000;
}
.gwt-TabBar .gwt-TabBarItem-selected{
font-family : Gothic bold;
background: #96bc8d;
border-color : #aaaaaa;
color : #ffffff;
}
.gwt-PopupPanel{
border: 0px;
padding: 0px;
}
.gwt-DecoratedPopupPanel .popupMiddleCenter{
padding: 3px;
}
.gwt-DecoratedPopupPanel .popupTopCenter{
background: url() repeat-x;
}
.gwt-DecoratedPopupPanel .popupMiddleLeft{
background: url() repeat-y;
}
.gwt-DecoratedPopupPanel .popupTopLeftInner{
width: 5px;
height: 5px;
}
.gwt-DecoratedPopupPanel .popupTopRightInner{
width: 8px;
height: 5px;
}
.gwt-DecoratedPopupPanel .popupBottomLeftInner{
width: 5px;
height: 8px;
}
.gwt-DecoratedPopupPanel .popupBottomRightInner{
width: 8px;
height: 8px;
}
html>body .gwt-DecoratedPopupPanel .popupBottomCenter{
background: url() repeat-x 0px -4px;
}
html>body .gwt-DecoratedPopupPanel .popupMiddleRight{
background: url() repeat-y -4px 0px;
}
html>body .gwt-DecoratedPopupPanel .popupTopLeft{
background: url() no-repeat 0px -10px;
}
html>body .gwt-DecoratedPopupPanel .popupTopRight{
background: url() no-repeat -5px -10px;
}
html>body .gwt-DecoratedPopupPanel .popupBottomLeft{
background: url() no-repeat 0px -15px;
}
html>body .gwt-DecoratedPopupPanel .popupBottomRight{
background: url() no-repeat -5px -15px;
}
* html .gwt-DecoratedPopupPanel .popupBottomCenter{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');
}
* html .gwt-DecoratedPopupPanel .popupMiddleRight{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');
}
* html .gwt-DecoratedPopupPanel .popupTopLeftInner{
width: 5px;
height: 15px;
margin-top: -10px;
overflow: hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}
* html .gwt-DecoratedPopupPanel .popupTopRightInner{
width: 13px;
height: 15px;
margin-left: -5px;
margin-top: -10px;
overflow: hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}
* html .gwt-DecoratedPopupPanel .popupBottomLeftInner{
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}
* html .gwt-DecoratedPopupPanel .popupBottomRightInner{
width: 13px;
height: 23px;
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');
}
.listview{
grid-template-rows: max-content minmax(0, 1fr) max-content;
justify-items: stretch;
background-color: #ffffff;
cursor: default;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
border: 1px solid #aaaaaa;
}
.dialog-box-ap .listview .listview-table{
content-visibility: auto;
}
.listview .listview-table{
position: relative;
overflow: auto;
border-bottom: 1px solid #aaaaaa;
}
.dialog-box:not(.dialog-box-ap) .listview .listview-table,
.dashboard:not(.in-background) .listview .listview-table{
will-change: transform;
}
.listview .listview-table > *{
overflow: hidden;
}
.listview .listview-frame{
visibility: hidden;
}
.listview .listview-frame > *{
width: 100%;
height: 100%;
}
.listview .listview-table.resizing{
height: 0 !important;
}
.listview .cell{
position: relative;
border-bottom: 1px solid #aaaaaa;
text-overflow: ellipsis;
white-space: nowrap;
padding: 1px 3px;
}
.listview .header,
.listview .fixed,
.listview .empty
.listview .background,
.listview .total{
position: sticky;
}
.listview .header.fixed,
.listview .total.fixed{
z-index: 5;
}
.listview .header.empty{
z-index: 4;
top: 0;
}
.listview .header.background{
z-index: 2;
top: 0;
border: none;
}
.listview .header,
.listview .total{
border-top: 1px solid #aaaaaa;
font-weight: bold;
font-size: 10px;
z-index: 2;
text-align: left;
padding: 5px 3px;
white-space: break-spaces;
}
.listview .fixed{
z-index: 1;
filter: brightness(97%);
}
.listview .parent{
z-index: 4;
overflow: visible;
text-align: center;
border-bottom: none;
}
.listview .parent::after{
content: "";
position: absolute;
bottom: -1px;
left: 0;
right: 0;
border-bottom: 1px solid #aaaaaa;
}
.listview .header.filter{
border-top: none;
background: #dfdcd5;
}
.listview .header.empty{
border: none !important;
}
.listview .header > *,
.listview .total > *{
overflow: hidden;
}
.listview .total{
bottom: 0;
border-bottom: 0;
margin-top: -1px;
}
.listview .fill{
padding: 0;
border: none;
min-height: 1px;
}
.listview .listview-sort-panel{
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
background: #efefef;
}
.listview .order-by-label{
display: inline-block;
color: #020000;
margin: 0 2px;
}
.listview .order-by-asc{
display: inline-block;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #aaaaaa;
}
.listview .order-by-desc{
display: inline-block;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 6px solid #aaaaaa;
}
.listview .ligne-impaire,
.listview .header{
background: #ffffff;
}
.listview .ligne-paire,
.listview .total{
background: rgba(241,252,222,1);
}
.listview .group{
background: #FFFFFF;
}
.listview .cell.selected{
background: #f9a756;
}
.listview .listview-titre{
grid-template-columns: minmax(0, 1fr);
grid-auto-columns: max-content;
align-items: center;
font-size: 10px;
padding: 1px;
white-space: nowrap;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -moz-linear-gradient(top, #ffffff, #efefef);
}
.listview .listview-titre>.listview-titre-btn{
vertical-align: middle;
display: inline-block;
}
.listview .listview-titre img{
width: 16px;
height: 16px;
padding: 1px 0 0 1px;
}
.listview .listview-titre-libelle{
font-size: 11px;
font-family : Gothic bold;
margin: 3px;
}
.listview .listview-nav-compteur{
text-align: right;
padding-right: 3px;
}
.listview .listview-titre-compteur{
text-align: right;
padding-right: 3px;
}
.listview .listview-nav{
grid-template-columns: repeat(8, max-content) minmax(0, 1fr);
align-items: center;
grid-column-gap: 1px;
padding: 1px;
white-space: nowrap;
font-size: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -moz-linear-gradient(top, #ffffff, #efefef);
border-color: #aaaaaa;
}
.listview .listview-nav>*{
display: inline-block;
}
.listview .listview-nav>*{
display: inline-block;
}
.listview.unsortable .listview-sort-panel,
.listview.single-sortable .order-by-label{
display: none !important;
}
.listview-rule{
position: absolute;
top: 0;
bottom: 0;
border-right: 1px solid grey;
z-index: 10;
cursor: col-resize;
}
.listview .col-resizer{
position: absolute;
top: 0;
bottom: 0;
cursor: col-resize;
width: 3px;
background: inherit;
}
.listview:not(.manual-adjust) .gheader th:last-child .col-resizer{
display: none;
}
.listview .col-resizer.start{
left: 0;
}
.listview .col-resizer.end{
right: 0;
border-right: 1px solid #aaaaaa;
}
.listview .parent .col-resizer.start{
left: -1px;
width: 4px;
border-left: 1px solid #aaaaaa;
}
.lst-photo{
display: flex;
flex-direction: row;
}
.lst-photo-img{
width: 50px;
height: 50px;
margin-right: 10px;
}
.lst-photo-info{
display: flex;
justify-content: center;
flex-direction: column;
}
.listview > *{
scrollbar-width: var(--scroll-width);
}
.listview > *::-webkit-scrollbar{
width: var(--scroll-width);
height: var(--scroll-width);
}
.listview > *::-webkit-scrollbar-thumb{
min-height: 30px;
min-width: 30px;
border-style: solid;
border-color: #f3f3f3;
background: rgb(189, 193, 198);
border-radius: 100px;
}
.listview > *::-webkit-scrollbar-thumb:vertical{
border-width: 0 calc(var(--scroll-width) / 4);
}
.listview > *::-webkit-scrollbar-thumb:horizontal{
border-width: calc(var(--scroll-width) / 4) 0;
}
.listview > *::-webkit-scrollbar-thumb:hover{
background: rgb(124, 124, 124);
}
.listview > *::-webkit-scrollbar-corner,
.listview > *::-webkit-scrollbar-track{
background: #f3f3f3;
}
.listview > *::-webkit-scrollbar-button:single-button{
display: block;
height: var(--scroll-width);
width: var(--scroll-width);
background-color: #f3f3f3;
background-position: center center;
background-repeat: no-repeat;
}
.listview > *::-webkit-scrollbar-button:single-button:hover{
background-color: rgb(189, 193, 198);
}
.listview > *::-webkit-scrollbar-button:single-button:vertical{
background-size: calc(var(--scroll-width) / 2) calc(var(--scroll-width) / 4);
}
.listview > *::-webkit-scrollbar-button:single-button:vertical:decrement{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='rgb(189, 193, 198)'><polygon points='0,50 100,50 50, 0'/></svg>");
}
.listview > *::-webkit-scrollbar-button:single-button:vertical:decrement:hover{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='rgb(124, 124, 124)'><polygon points='0,50 100,50 50, 0'/></svg>");
}
.listview > *::-webkit-scrollbar-button:single-button:vertical:increment{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='rgb(189, 193, 198)'><polygon points='0,0 100,0 50, 50'/></svg>");
}
.listview > *::-webkit-scrollbar-button:single-button:vertical:increment:hover{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='rgb(124, 124, 124)'><polygon points='0,0 100,0 50, 50'/></svg>");
}
.listview > *::-webkit-scrollbar-button:single-button:horizontal{
background-size: calc(var(--scroll-width) / 4) calc(var(--scroll-width) / 2);
}
.listview > *::-webkit-scrollbar-button:single-button:horizontal:decrement{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='100' fill='rgb(189, 193, 198)'><polygon points='0,50 50,100 50,0'/></svg>");
}
.listview > *::-webkit-scrollbar-button:single-button:horizontal:decrement:hover{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='100' fill='rgb(124, 124, 124)'><polygon points='0,50 50,100 50,0'/></svg>");
}
.listview > *::-webkit-scrollbar-button:single-button:horizontal:increment{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='100' fill='rgb(189, 193, 198)'><polygon points='50,50 0,100 0,0'/></svg>");
}
.listview > *::-webkit-scrollbar-button:single-button:horizontal:increment:hover{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='100' fill='rgb(124, 124, 124)'><polygon points='50,50 0,100 0,0'/></svg>");
}
.ListViewGrandePolice .ListView-List{
font-size: 12pt;
font-family : Gothic bold;
}
.ListViewGrandePolice .ListView-Entete{
font-size: 12pt;
font-family : Gothic bold;
}
.ListView{
background-color: #ffffff;
border: 1px solid #aaaaaa;
}
.ListView-Regle{
background-color:#aaaaaa;
}
.celltotal{
font-family : Gothic bold;
}
.ListView-Titre{
font-size: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
background: -moz-linear-gradient(top, #efefef, #ffffff);
border-color : #aaaaaa;
}
.ListView-Titre-Libelle{
font-size: 11px;
font-family : Gothic bold;
}
.ListView-Nav{
font-size: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -moz-linear-gradient(top, #ffffff, #efefef);
border-color : #aaaaaa;
}
.ListView-core td{
border-color : #aaaaaa;
}
.ListView-Entete{
font-size: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
background: -moz-linear-gradient(top, #efefef, #ffffff);
}
.ListView-Totaux{
font-size: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
background: -moz-linear-gradient(top,#efefef,#ffffff);
}
.ListView-ligne-impaire{
background: #ffffff;
}
.ListView-ligne-paire{
background: rgba(241,252,222,1);
}
.ListView-SelectedRow{
background : #f9a756;
}
.ListView-SelectedRow .cell{
color :      #FFFFFF;
}
.ListView-SelectedRow a{
color :      #FFFFFF;
}
.ListView-col-split{
background-image: url();
background-position: center;
background-repeat: no-repeat;
}
.container-filtre{
border : 1px solid #344c2e;
padding : 2px;
margin :  10px 0px;
}
.masque-noir-sdi{
background-color: rgba(10,10,10,0.5);
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.gwt-PushButton-up
, .gwt-PushButton-up-hovering
, .gwt-PushButton-up-disabled
, .gwt-PushButton-down
, .gwt-PushButton-down-hovering
, .gwt-PushButton-down-disabled{
background:transparent url() repeat-x scroll 0 -20px;
margin-right: 4px;
margin-bottom: 4px;
text-decoration:none;
}
.gwt-PushButton-up, .gwt-PushButton-up-hovering, .gwt-PushButton-up-disabled{
padding: 0px 1px 0px 0px;
}
.gwt-PushButton-up{
border:1px outset #CCCCCC;
cursor:pointer;
}
.gwt-PushButton-up-hovering{
border-color:#99CCFF #6699EE #77AAFF #FFAAFF;
border-style:outset;
border-width:1px;
cursor:pointer;
}
.gwt-PushButton-up-disabled{
border:1px outset #CCCCCC;
cursor:default;
opacity:0.5;
}
.gwt-PushButton-down, .gwt-PushButton-down-hovering, .gwt-PushButton-down-disabled{
padding: 0px 0px 0px 1px;
}
.gwt-PushButton-down{
border:1px inset #666666;
cursor:pointer;
}
.gwt-PushButton-down-hovering{
border-color:#99CCFF #6699EE #77AAFF #FFAAFF;
border-style:inset;
border-width:1px;
cursor:pointer;
}
.gwt-PushButton-down-disabled{
border:1px outset #CCCCCC;
cursor:default;
opacity:0.5;
}
.gwt-RichTextArea{
background-color: #FFFFFF;
width: 100%;
height: 100%;
min-width: fit-content;
min-width: -moz-fit-content;
min-height: fit-content
min-height: -moz-fit-content;
border: 1px solid #344c2e;
padding: 2px;
}
.resized .gwt-RichTextArea, .maxi .gwt-RichTextArea{
width: 100% !important;
height: 100% !important;
}
.ctrl-richtext-top > *, ctrl-richtext-bottom > *{
display: inline-block;
}
.hasRichTextToolbar{
border: 0px;
}
.gwt-RichTextToolbar{
padding: 3px;
margin: 0px;
}
.gwt-RichTextToolbar > table{
width: auto !important;
height: auto !important;
}
.cw-RichText{
border: 1px solid #344c2e;
border-spacing: 0px;
}
.ctrl-readonly .gwt-RichTextArea{
background-color :#dbd9d9;
color: #3d3b3b;
}
.ctrl-disabled .gwt-RichTextArea{
background-color :#c9c7c7;
color: #000000;
}
.gwt-ToggleButton-up, .gwt-ToggleButton-up-hovering, .gwt-ToggleButton-up-disabled, .gwt-ToggleButton-down, .gwt-ToggleButton-down-hovering, .gwt-ToggleButton-down-disabled{
background:transparent url() repeat-x scroll 0 -20px;
margin:0;
text-decoration:none;
}
.gwt-ToggleButton-up, .gwt-ToggleButton-up-hovering, .gwt-ToggleButton-up-disabled{
--padding:3px 5px;
}
.gwt-ToggleButton-up{
border:1px outset #CCCCCC;
cursor:pointer;
}
.gwt-ToggleButton-up-hovering{
border-color:#99CCFF #6699EE #77AAFF #FFAAFF;
border-style:outset;
border-width:1px;
cursor:pointer;
}
.gwt-ToggleButton-up-disabled{
border:1px outset #CCCCCC;
cursor:default;
opacity:0.5;
}
.gwt-ToggleButton-down, .gwt-ToggleButton-down-hovering, .gwt-ToggleButton-down-disabled{
--padding:4px 4px 2px 6px;
}
.gwt-ToggleButton-down{
background-position:0 -513px;
border:1px inset #666666;
cursor:pointer;
}
.gwt-ToggleButton-down-hovering{
background-position:0 -513px;
border-color:#99CCFF #6699EE #77AAFF #FFAAFF;
border-style:inset;
border-width:1px;
cursor:pointer;
}
.gwt-ToggleButton-down-disabled{
background-position:0 -513px;
border:1px inset #CCCCCC;
cursor:default;
opacity:0.5;
}
.gwt-Tree{
margin-top: 1em;
margin-bottom: 1em;
color: #A1A1A1;
}
.gwt-Tree .gwt-TreeItem{
font-size: 10px;
cursor: default;
}
.gwt-Tree .gwt-TreeItem-selected{
background-color: #AEB4CD;
}
.gwt-MenuBarPopup{
margin: 0px 0px 0px 1px;
-moz-border-top-right-radius:5px;
-moz-border-bottom-right-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
z-index : 102;
background-color : white;
border: 1px solid #80a078;
padding:4px;
position:fixed !important;
}
.gwt-MenuBarPopup .menuPopupTopLeftInner{
width: 5px;
height: 5px;
}
.gwt-MenuBarPopup .menuPopupTopRightInner{
width: 8px;
height: 5px;
}
.gwt-MenuBarPopup .menuPopupBottomLeftInner{
width: 5px;
height: 8px;
}
.gwt-MenuBarPopup .menuPopupBottomRightInner{
width: 8px;
height: 8px;
}
.menuPopupTop,
.menuPopupBottom{
display:none;
}
.container-volet{
display: grid;
min-width: 0;
min-height: 0;
grid-template-columns: minmax(0px, 1fr);
grid-template-rows: max-content minmax(0px, 1fr);
}
.container-volet .header{
place-content: center start;
grid-column-gap: 2px;
text-decoration: none;
color: black;
cursor: default;
}
.container-volet.open .header img{
transform: rotate(90deg);
}
.container-volet > .content{
border-left: 3px solid #344c2e;
padding: 4px 0px 4px 8px;
margin-left: 6px;
}
.fond_bureau{
display: block;
margin-left: auto;
margin-top: 50px;
margin-right: auto;
}
.nom_utilisateur{
top : 0;
right :0;
display : inline;
}
.ctrl-suggestbox{
font-size: 10px;
border: 1px solid #666;
text-align: left;
}
.ctrl-disabled .ctrl-suggestbox,
.ctrl-suggestbox.ctrl-disabled{
background-color :#c9c7c7;
color: #000000;
}
.ctrl-readonly .ctrl-suggestbox,
.ctrl-suggestbox.ctrl-readonly{
background-color :#dbd9d9;
color: #3d3b3b;
}
.gwt-SuggestBoxPopup{
text-align: left;
cursor: default;
border: 1px solid #666;
border-top: 0;
background-color: #fff;
z-index: 102;
}
.gwt-SuggestBoxPopup .item{
border: 1px dotted #aaa;
}
.gwt-SuggestBoxPopup .item-selected{
background-color: #ffc;
}
.ctrl-supervision{
font-size: 10px;
}
.ctrl-supervision .edit{
grid-template-rows: max-content 1fr max-content;
}
.ctrl-supervision .edit .sections{
align-self: start;
}
.ctrl-supervision .edit .sections .section .section-content{
grid-template-columns: 1fr 1fr;
}
.ctrl-supervision .edit .listbox{
max-width: 265px;
height: 20px;
}
.ctrl-supervision .edit .label{
padding-top: 3px;
padding-left: 3px;
height: 20px;
overflow: hidden;
}
.ctrl-supervision .edit .textArea{
min-height: 100px;
font-size: 10px;
}
.ctrl-supervision .edit .textLog{
height: 250px;
font-size: 10px;
}
.ctrl-supervision .edit .barre-btn{
grid-auto-columns: 1fr;
}
.ctrl-supervision .edit .barre-btn .btn{
margin: 2px;
}
.ctrl-supervision .edit .style-ecriture{
grid-auto-columns: 1fr;
}
.ctrl-supervision .edit .style-ecriture span{
display: grid;
grid-template-columns: max-content 1fr;
grid-column-gap: 10px;
align-items: center;
}
.ctrl-supervision .edit .panel-imagefond{
grid-template-columns: max-content 1fr max-content;
grid-column-gap: 2px;
align-items: center;
text-align: center;
}
.ctrl-supervision .edit .redim{
background: transparent;
cursor: pointer;
}
.ctrl-supervision .edit .sections .section .section-content.redim{
grid-template-columns: 1fr;
}
.ctrl-supervision .edit .slider-label{
margin: 0 2px;
font-size: 10px;
}
.color-panel{
grid-template-columns: 1fr max-content;
}
.color-panel-image{
margin: 1px;
border: 1px solid black;
padding: 0px;
width: 30px;
height: 20px;
}
.color-panel-textbox{
margin: 0px;
}
.hotline{
position:absolute;
top:15px;
right:0px;
}
.bar-tache{
padding: 1px;
border-bottom: 1px solid;
min-height: 52px;
}
.bar-tache-btn-system{
cursor: pointer;
}
.bar-tache-btn-icone{
width: 24px;
height: 24px;
padding: 0px;
margin: 0px 1px;
}
.bar-tache-btn-div{
width: 26px;
height: 26px;
position: relative;
}
.bar-tache-btn-system,
.bar-tache-droite .bar-tache-btn{
place-items: center;
margin: 2px 1px;
padding: 2px 4px;
border: 0px;
}
.bar-tache-btn-system-click,
.bar-tache-droite .bar-tache-btn-click{
margin: 1px;
padding-top: 3px;
padding-left: 5px;
padding-right: 3px;
padding-bottom: 1px;
border: 0px;
}
.bar-tache-bandeau-image{
height: 30px;
margin-left: 8px;
}
.bar-tache-btn-notification{
width: 40px;
}
.notification-btn{
float: left;
position: relative;
padding-right: 5px;
}
.notification-description{
float: left;
position: relative;
padding-right: 10px;
padding-top: 5px;
}
@-webkit-keyframes rotation{
0%{
-webkit-transform: rotate(0deg);
opacity: 1;
}
10%{
-webkit-transform: rotate(45deg);
opacity: 0.75;
}
20%{
-webkit-transform: rotate(90deg);
opacity: 0.50;
}
30%{
-webkit-transform: rotate(135deg);
opacity: 0.25;
}
40%{
-webkit-transform: rotate(180deg);
opacity: 0.0;
}
50%{
-webkit-transform: rotate(225deg);
opacity: 0.25;
}
60%{
-webkit-transform: rotate(270deg);
opacity: 0.50;
}
70%{
-webkit-transform: rotate(315deg);
opacity: 0.75;
}
80%{
-webkit-transform: rotate(360deg);
opacity: 1;
}
90%{
-webkit-transform: rotate(360deg);
opacity: 1;
}
100%{
-webkit-transform: rotate(360deg);
opacity: 1;
}
}
.rotation{
-webkit-animation: rotating 2s linear infinite;
}
.notification-max{
margin-left: 15px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
padding: 3px;
border: solid 1px black;
animation-name: rotation;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.notification-max:hover{
animation-play-state: paused;
}
.notification-priorite-1{
background-color: green;
color: white;
}
.notification-priorite-2{
background-color: yellow;
color: black;
}
.notification-priorite-3{
background-color: red;
color: white;
}
.bar-tache-droite .bar-tache-btn-system,
.bar-tache-droite .bar-tache-btn,
.bar-tache-droite .bar-tache-btn-system-click,
.bar-tache-droite .bar-tache-btn-click{
min-height: 52px;
padding: 0 10px;
vertical-align: middle;
}
.bar-tache-gauche{
min-height: 52px;
}
.bar-tache-btn{
padding: 3px;
}
.bar-tache-btn .container-image{
min-width: 24px;
min-height: 36px;
}
.bar-tache-btn .libelle{
max-width: 90px;
white-space: normal;
font-family : Gothic bold;
;
text-align: center;
line-height: 12px;
}
.bar-tache-btn .container-image img{
position: absolute;
padding-top: 5px;
}
.bar-tache-btn img.image-icone-list{
height: 16px;
margin-top: 10px;
}
.bar-tache-btn .container-image,
.bar-tache-btn .libelle{
vertical-align: middle;
}
.bar-tache-support{
padding: 0 10px;
text-align: center;
line-height: 18px;
grid-row-gap: 5px;
font-family : Gothic bold;
;
}
.bar-tache-milieu{
min-height: 52px;
margin-left: 5px;
}
.bar-tache-milieu .bar-tache-btn{
grid-column-gap: 5px;
height: 52px;
padding: 5px 3px;
margin-right: 5px;
place-items: center;
background-color: #566d51;
cursor: pointer;
overflow: hidden;
border: 1px solid;
border-color: white #aaaaaa #aaaaaa white
}
.bar-tache-milieu .bar-tache-btn.actif{
border: 2px solid;
border-color: white;
}
.bar-tache-application{
padding: 0 10px;
text-align: center;
line-height: 18px;
font-family : Tahoma;;
}
.bar-tache-application{
font-size: 21px;
}
.bar-tache-description{
top: 0;
right: 0;
}
.bar-tache-addixi, .bar-tache-support, .bar-tache-bandeau, .bar-tache-application, .bar-tache-contexte{
display: grid;
place-content: center;
}
.bar-tache{
border-bottom : 1px solid #344c2e;
background-color : #80a078;
color: #ffffff;
}
.bar-tache a{
color: #ffffff;
}
.bar-tache-btn.actif{
border-color : #aaaaaa WHITE WHITE #aaaaaa;
background-color : #d6d6d6;
}
.bar-tache-btn.inactif{
border-color : WHITE #aaaaaa #aaaaaa WHITE;
background-color : #efefef;
}
.bar-tache-droite .bar-tache-btn-system,
.bar-tache-droite .bar-tache-btn,
.bar-tache-btn-system-click,
.bar-tache-droite .bar-tache-btn-system-click{
border-left : 1px solid #344c2e ;
}
.bar-tache-droite{
color : #ffffff;
}
.bar-tache-btn-system:hover{
background-color : #595959;
}
.bar-tache-support,
.bar-tache-bandeau,
.bar-tache-application,
.bar-tache-contexte
{
border-right : 1px solid #344c2e;
padding-left :5px;
padding-right :5px;
}
.bar-tache-btn-system,
.bar-tache-btn-system-click
{
border-left : 1px solid #344c2e;
padding-left :5px;
padding-right :5px;
}
.bar-tache-addixi{
margin-right : 2px;
padding:0 10px;
background-color: #efefef;
}
.bar-tache-addixi .bar-tache-addixi-image{
width:32px;
}
.bar-tache-milieu .bar-tache-btn.inactif{
background-color: #566d51;
}
.bar-tache-milieu .bar-tache-btn.actif{
background-color: #c8e49c;
color : #020000;
}
.zone-centrale{
position: relative;
height : 100%;
width : 100%;
z-index: 0;
overflow: auto;
}
.message-box{
z-index: 102;
}
.message-box-text{
font-size: 11px;
padding-right: 20px;
}
.message-box-logo{
margin: 10px;
}
.message-box-btn{
padding: 2px;
border-radius: 5px;
min-width: 70px;
font-size: 11px;
margin: 3px 5px;
}
.ADDFS-PANIER-VALIDER
{
border : 1px solid #222222;
background: red;
border-radius: 60px 10px 40px
}
.ADDFS-PANIER-VALIDER .btn-label
{
font-size: 20px;
font-weight: bold;
margin  : 10px;
margin-right : 20px;
}
.ADDFS-PANIER-VALIDER .CtrlImgEtat
{
width : 32px;
height : 32px;
}
.ADDFS-PANIER-ENREG
{
border : 1px solid #222222;
background: gold;
border-radius: 40px 10px
}
.ADDFS-PANIER-ENREG .btn-label
{
font-size: 16px;
font-weight: bold;
margin  : 10px;
}
.ADDFS-PANIER-QUIT
{
border : 1px solid #222222;
background: gold;
border-radius: 40px 10px
}
.ADDFS-PANIER-QUIT .btn-label
{
font-size: 14px;
font-weight: bold;
margin  : 10px;
}
.hht_red{
Background-color: red;
Padding: 1px 5px;
Font-weight: bold;
Color: white;
}
.hht_red{
Background-color: red;
Padding: 1px 5px;
Font-weight: bold;
Color: white;
}
@media screen and (min-width: 501px) and (max-width: 1024px)
{
}
@media screen and (max-width: 1024px)
{
.bar-tache-btn .libelle{display:none;}
}
.wizard-label{
color: #020000;
}
.wizard-radio-btn>label{
padding: 35%;
left: 15%;
}
.wizard-radio-btn:before{
width: 30%;
left: -15%;
}
.bold{font-family : Gothic bold;
}
.container-named{
position: relative;
background-color: #c8e49c;
border-radius: 7px;
border: 2px solid grey;
margin: 5px;
}
.container{
border-color : #000000;
}
.invisible{
display:none;
}
.container-info-dossier{
background-color : #FFFFCC;
border : 1px solid #FFCC17;
margin-top: 2px;
padding : 2px;
}
.container-info-dossier .ctrl-textbox-number-saisie-readonly{
background-color : rgba(255,255,255,1);
}
.container-filtre{
background-color : #C8E49C;
border : 1px solid #000000;
padding : 2px;
}
.doc_statut_est_prv_erreur{
background-color: #bce3f7;
border-radius: 5px;
color: black;
padding: 10px 5px;
margin: -3px 0px 2px 0px;
font-weight: bold;
}
.doc_statut_est_def_erreur{
background-color: #bce3f7;
border-radius: 5px;
color: black;
padding: 10px 5px;
margin: 1px 0px 2px 0px;
font-weight: bold;
}
.doc_statut_est_mission{
background-color: #168d53;
border-radius: 5px;
color: white;
font-weight: bold;
padding: 10px 5px;
margin: 1px 0px 2px 0px;
}
.fac_statut_paye{
background-color: #556b2f;
border-radius: 5px;
color: white;
min-width: 15em;
padding: 10px 4px;
}
.fac_statut_non_paye{
background-color: #cd5c5c;
border-radius: 5px;
color: white;
min-width: 15em;
padding: 10px 4px;
}
.fac_statut_a_payer{
background-color: #f4bd12;
border-radius: 5px;
min-width: 15em;
padding: 10px 4px;
}
.prd_statut_ok
{
color: #556B2F;
position: relative;
line-height: 25px;
text-indent: 29px;
}
.prd_statut_ok:before
{
content: "";
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #556B2F;
position: absolute;
left: 0px;
}
.prd_statut_sous_seuil
{
color: red;
position: relative;
line-height: 25px;
text-indent: 29px;
font-weight: bold;
}
.prd_statut_sous_seuil:before
{
content: "";
width: 25px;
height: 25px;
border-radius: 50%;
background-color: red;
position: absolute;
left: 0px;
}
.prd_statut_abusif
{
color: #800080;
position: relative;
line-height: 25px;
text-indent: 29px;
font-weight: bold;
}
.prd_statut_abusif:before
{
content: "";
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #800080;
position: absolute;
left: 0px;
}
.prd_statut_abusif_partiel
{
color: #BF78A5;
position: relative;
line-height: 25px;
text-indent: 29px;
font-weight: bold;
}
.prd_statut_abusif_partiel:before
{
content: "";
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #BF78A5;
position: absolute;
left: 0px;
}
.prd_statut_ven_erreur
{
background-color: #bce3f7;
border-radius: 5px;
color: black;
padding: 10px 5px;
margin: 1px 0px 0px 0px;
text-align: center;
font-weight: bold;
}
.label-info
{
background-image:url("images/AddImage/Icones/16_information2.png");
background-repeat:no-repeat;
height: 20px;
margin-left: 39px;
padding-left: 20px;
line-height: 16px;
color: #195e92;
font-family : Gothic bold;
}
.label-cni-cdi
{
background-image: url("images/AddImage/g_collection/gradient/16x16/sign_warning.png");
background-repeat: no-repeat;
margin-left: 5px;
padding-left: 20px;
line-height: 16px;
color: #D20000;
font-family : Gothic bold;
}
.label-alerte
{
background-image: url("images/AddImage/g_collection/gradient/16x16/sign_warning.png");
background-repeat: no-repeat;
margin-left: 5px;
padding-left: 20px;
line-height: 16px;
color: #D20000;
white-space: pre;
font-family : Gothic bold;
}
.label-alerte-td
{
background-image: url("images/AddImage/Icones/gyrophare_03.gif");
background-repeat: no-repeat;
margin-left: 5px;
padding-left: 28px;
line-height: 32px;
white-space: pre;
font-family : Gothic bold;
}
.label-alerte-seuil
{
background-image: url("images/AddImage/Icones/16_sign_warning.png");
background-repeat: no-repeat;
margin-left: 5px;
padding-left: 28px;
line-height: 16px;
white-space: pre;
font-family : Gothic bold;
}
.label-alerte-fac
{
background-image: url("images/AddImage/Icones/gyrophare_03.gif");
background-repeat: no-repeat;
margin-left: 5px;
padding-left: 28px;
line-height: 16px;
white-space: pre;
font-family : Gothic bold;
}
.label-block
{
white-space: pre;
font-size: 10px;
margin: 0px;
}
.dec_etape_empty
{
content: "";
width: 25px;
height: 25px;
border-radius: 50%;
border: 1.5px solid #FBA046;
}
.dec_etape_ok
{
content: "";
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #FBA046;
border: 1.5px solid #FBA046;
}
.liaison-table{margin : -2px 0px -2px 14px;}
.ctrl-color-red{
color: red;
}
.ctrl-color-green{
color: green;
}
.label-logo-fnc
{
background-image: url("images/AddGen/Bandeaux/Bandeau-FNC.png");
background-repeat: no-repeat;
background-size: contain;
width: 360px;
height: 100px;
white-space: pre;
font-family : Gothic bold;
}
.label_police_16
{
font-size: 16px;
}
.alerte_label_gras
{
font-size: 16px;
font-weight : Bold;
}
.alerte_label
{
font-size: 16px;
}
.ctrl-textarea-compteur-non-valide{
background-color: #0da512;
color: #fffcfc;
text-align: center;
white-space: pre;
vertical-align:middle;
padding:0px 5px;
height:100%;
border: solid 1px #344c2e;
}
.back_vert{
background-color: rgba(241,252,222,1);
}
.rtd_menu_image_deco .ctrl-img-etat{
width:40px;
height:40px;
}
.rtd_menu_fond_container{
background-color: #efeff0;
}
.rtd_menu_btn_prn{
background-color: #a2c5d8;
color: white;
border: 0.5px solid #000000;
}
.rtd_menu_btn_prn .ctrl-btn-label{
color: white;
font-size: 11pt;
}
.rtd_menu_btn_prn:hover {
background-color: #87add1;
}
.rtd_menu_btn_prn .ctrl-btn-label:hover {
color: black;
}
.rtd_menu_btn_profil{
background-color: #87add1;
color: white;
border: 0.5px solid #000000;
}
.rtd_menu_btn_profil .ctrl-btn-label{
color: white;
font-size: 11pt;
}
.rtd_menu_btn_profil:hover {
background-color: #a2c5d8;
}
.rtd_menu_btn_profil .ctrl-btn-label:hover {
color: black;
}
.rtd_menu_titre{
color: #87add1;
font-size: 20px;
margin-left: 20px;
margin-right: 20px;
}
.rtd_menu_deco{
margin-right: 40px;
}
.rtd_menu_personne{
color: #87add1;
font-size: 14px;
text-align: center;
}
.rtd_menu_personne_invisible
{
visibility:hidden;
font-size: 14px;
}
.rtd_menu_fond{
background-image: url(images/Fnc/Fond/420024_picto-arbre-creme70.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
}
.CtrlHyperlink{
font-family: Gothic;
font-size: 8pt;
}
.etd_menu_titre{
color: rgb(127,109,45);
font-size: 20px;
margin-left: 20px;
margin-right: 20px;
white-space: pre-wrap;
text-align: center;
}
.etd_menu_deco{
margin-right: 40px;
}
.etd_menu_personne{
color: rgb(127,109,45);
font-size: 14px;
text-align: center;
white-space: pre-wrap;
}
.doc_statut{
font-weight: bold;
font-size: large;
justify-self: start;
color: #cd5050;
}
.label_bold{
font-weight:bold;
}
.label_normal{
font-weight:normal;
}
.css-dec-std_id-0{
color: black;
}
.css-dec-std_id-1{
color: blue;
}
.css-dec-std_id-2{
color: red;
}