.login-view{background-image: url("images/login-background.png");background-position: center;background-size: cover;display: flex;margin: 0;padding: 0;vaadin-login-form-wrapper{background-image: none}@media only screen and (max-height: 710px){height:inherit!important}}.loginSuperLayout{background-color : white;height : 100%;margin: 0;padding: 0;justify-content: center;align-items: center;position:relative}.loginSuperLayout::before{content: '';position: absolute;top: 0;left: -178px;width: 180px;height: 100%;background-color: white;clip-path: polygon(45px -50px,100% 0px,178px 100%)}.loginLayout{margin: 0;padding: 0;gap : 0}.backgroundPhone{padding-bottom : 0;gap:0}.innerLayout{gap : 0;align-items :center}.headerLogin{align-self: end}.footerLogin{margin-top : auto;margin-bottom: 30px}.languageSelect::part(input-field){background-color : transparent}.languageSelect{width : 80px;.vaadin-field-container{color : transparent}}.languageSelect[disabled]{input{-webkit-text-fill-color:var(--lumo-contrast-80pct)}vaadin-icon{color : var(--lumo-contrast-80pct)}}.logoWiew{width : 230px;height:200px;padding : 15px;color : var(--lumo-primary-color)}.baseline{font-size: 20px;color : var(--secondary-text)}vaadin-login-form-wrapper::part(form){padding : 0}vaadin-login-form [slot="forgot-password"]{margin :0}.btnIcon{width : 150px;vaadin-icon{width: 110px;height: 100px;color :var(--secondary-text)}}@media only screen and (min-width: 1100px){.loginSuperLayout{width:35% !important}.backgroundPhone{width : 100% !important}}@media only screen and (max-width: 1100px){.loginSuperLayout{justify-content : start;.logoWiew{width : 170px;height:150px}h2{font-size : 16px}}.backgroundPhone{background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.5)),url("images/login-background.png");background-position: center;background-size: cover;position : relative;padding-bottom : 15px}.innerLayout{padding-right : 35px;padding-left : 35px}.loginSuperLayout::before{display : none}}.btnNoBackground{background-color : transparent}.versionDialogLayout{margin : 0;padding : 0;display: flex;justify-content: center;align-items: center}.contactDialogLayout{margin : 0;padding : 0;h1{color : var(--lumo-primary-color)}h2{font-size : 14pt}h3{font-size : 13pt}}.resetDialog::part(overlay)::part(content){width : 80%;align-self : center}.resetDialog::part(header){justify-content : center}.resetDialog::part(title){font-size: 20pt}.resetDialog{width: 30%;height: 60%}@media(max-width: 1100px){.resetDialog{width: 90%;height: 60%}}.dialogLayout{margin-top : 20px;h3{font-size : 12pt;font-weight : normal;text-align : center;margin-bottom : 40px}}.underlineBtn::part(label){text-decoration : underline}vaadin-drawer-toggle>vaadin-icon{width: 16px;color : var(--lumo-primary-color)}.btnToggleDrawer{width: var(--lumo-size-l);height: var(--lumo-size-l);min-width: auto;margin: 0 var(--lumo-space-s);padding: 0;background: transparent;margin-left: -5px;vaadin-icon{color : var(--lumo-primary-color)}}vaadin-scroller{background-color : var(--body-text);}vaadin-app-layout::part(navbar){background-color : var(--header-color)}.headerSideNav{display : flex;justify-content : center;padding : 50px;background: linear-gradient(to top,rgba(50,50,51,1) 15%,rgba(50,50,51,0) 100%),url("images/login-background.png");background-size : cover;background-position-x: -42px}.iconView{width: 23px;height: 23px;margin-top: -7px;margin-bottom: -7px}.logoSideNav{width : 100px;color : var(--lumo-primary-color);height : 100px}vaadin-side-nav-item{color : white;font-size : 15px;vaadin-icon,span{color: var(--lumo-primary-color)}}vaadin-side-nav-item::part(link){padding-left : 20px}vaadin-side-nav-item[slot="children"]::part(link){padding-left : 48px}vaadin-side-nav-item::part(link):hover{color: var(--lumo-primary-color)}vaadin-side-nav-item::part(content){padding-right : 20px}vaadin-side-nav-item::part(toggle-button){color : white}vaadin-side-nav-item[current]::part(content){background-color : white}vaadin-side-nav-item[current]::part(toggle-button){color : var(--lumo-primary-color)}@media screen and (min-width: 1100px){vaadin-drawer-toggle{display : none}}@media screen and (max-width: 1100px){.btnToggleDrawer{display : none}}.custom-sideNav{[slot="label"]{display : none}::part(toggle-button){display : none}vaadin-side-nav-item::part(link){padding-left : 20px}}.custom-headerSideNav{padding-left : 0px;padding-right : 0px;vaadin-icon{width : 30px}}.datePicker{gap : 0;padding-bottom : 4px !important;h2{font-size : 14px;font-weight :500;padding-bottom : 3px;color : var(--lumo-secondary-text-color)}}.datePickerLayout{background : none;border : 1px solid var(--border-color);border-radius : 5px;height: 32px}.dateEnd{margin-left: -15px;width: 150px;padding : 0}vaadin-date-picker{width: 130px}.dateStart::part(toggle-button){display: none}.dateEnd::part(toggle-button){color : var(--body-text)}vaadin-date-picker::part(input-field){background: none;height : 32px}.clearDate{background : none;width: 0px;border : none !important;vaadin-icon{width : 18px;color : var(--body-text);margin-top : 2px}}vaadin-time-picker{margin-top: -4px;width: 50px}.multiColumn{padding: 0;gap: 5px;h1{font-size: 12pt;font-weight: normal}h2{font-size: 11pt;font-weight: normal;color: var(--secondary-text)}h3{font-size: 9pt;font-weight: normal;color: var(--tertiary-text)}vaadin-vertical-layout{padding : 0;padding-left : 5px;gap : 0px}}.equipment-number{display: block}vaadin-grid::part(header-cell){border : none;font-weight : 700}vaadin-grid::part(first-row-cell){border-top : var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color)}vaadin-grid,.tree-grid{border-left : none;border-right : none}vaadin-grid-cell-content{padding : 5px;padding-bottom: 2px;padding-top: 2px}vaadin-grid::part(first-column-cell){padding-left : 10px;padding-right : 10px}vaadin-grid::part(last-column-cell){padding-right : 20px}vaadin-avatar{width : 40px;height : 40px;align-self: center}.mobileColumn{height : 100%;align-items : flex-end;justify-content: space-between;h2{font-size : 8pt}}.mobileColumnMiddle{align-items: center}@media only screen and (max-width: 1100px){vaadin-grid{width : 100%;border-top : none}vaadin-grid::part(first-column-cell){padding-left : 0px;padding-right : 0px}vaadin-grid::part(last-column-cell){padding-right : 0px}vaadin-grid::part(header-cell){display : none}}vaadin-grid-cell-content>vaadin-icon{width: 20px;margin-left: 25px}.vaadin-button-update-location{width: var(--lumo-size-s);height: var(--lumo-size-s);--lumo-button-size: var(--lumo-size-s)}vcf-popup-overlay::part(overlay){border-radius : 10px}vaadin-multi-select-combo-box-overlay::part(overlay){border-radius : 10px}vaadin-combo-box-overlay::part(overlay){border-radius : 10px}vaadin-date-picker-overlay::part(overlay){border-radius : 10px}.toolBar{padding : 0px 30px 0px 30px;gap: 5px;vaadin-button,vaadin-menu-bar>vaadin-menu-bar-button,vaadin-combo-box::part(input-field),vaadin-multi-select-combo-box::part(input-field),vaadin-text-field::part(input-field){color :var(--body-text);background : none;border : 1px solid var(--border-color);border-radius : 5px;margin-top: 0px;height: 25px;font-size : 11pt;padding: 10px;padding-top: 15px;padding-bottom: 15px}.primaryButton{color: white;background-color: var(--header-color);border: none;font-weight : 600}.btnNoBorder{border : none;padding-left : 0;padding-right : 0}.filterLayout>input{color : red}vaadin-menu-bar-item{font-size : 11pt}vaadin-menu-bar-item>vaadin-icon{margin-left: -4px;margin-top : 2px;font-size : 10pt;color: var(--body-text)}vaadin-text-field>vaadin-button{border : none}}.toolBarTop{width: 100%;justify-content: space-between;vaadin-text-field::part(input-field){background : none;border : 1px solid var(--border-color);border-radius : 5px}h2{font-size : 18pt}}.toolBarTopRight{gap : 10px}.toolBarTopLeft>h2{padding-top: 3px}.toolBarTopLeft>div{margin-top: 5px}.toolBarBottom{width : 100%;padding : 0;gap : 0;vaadin-horizontal-layout{gap : 10px}}vaadin-multi-select-combo-box::part(toggle-button),vaadin-multi-select-combo-box>[slot="input"],vaadin-text-field>[slot="prefix"],vaadin-text-field>[slot="input"]{color : var(--body-text)}vaadin-menu-bar-item>vaadin-button{background : none;color : var(--body-text)}file-download-wrapper{vaadin-button{background : none;color : var(--body-text)}}.filterLayout{gap : 0;padding : 0;justify-content : end;:first-child{padding : 0}}vaadin-menu-bar-button::part(label){color : var(--body-text)}.btnRefresh{margin-left : auto}.toolBarMobile{width : 45%}@media screen and (min-width: 1100px){.toolBarMobile{display : none}}@media screen and (max-width: 1100px){.toolBarTopLeft{display: flex;flex-wrap: wrap}.toolBarTopRight,.toolBarBottom{display : none}.toolBarTopLeft>vaadin-text-field{width: 45%}}vaadin-details{border-top: 1px solid var(--border-color)}vaadin-crud::part(header),vaadin-crud-dialog-overlay::part(header){display : none}.headerHLayout{align-items: center;padding-bottom: 7px}vaadin-form-layout{vaadin-avatar{width : 60px;height : 60px;margin-right : 20px}h2{font-size: 20px}h3{font-size : 16px;font-weight : normal}.headerVLayout{padding: 0;padding-bottom:7px}vaadin-vertical-layout{width : 100% !important;margin-right : 0px}}vaadin-crud-dialog-overlay::part(content){padding-top : 24px}.topLayoutForm{width : 100% !important;justify-content: space-between}.btnFormPosition{width: 20px !important;align-self:center}@media only screen and (max-width: 1100px){.btnFormPosition{display : none}}.card{background-color : white;border-radius: 20px;padding: 5px;gap:0;width:350px;h2{color : var(--body-text);font-size : 18pt}h3{color :var(--secondary-text);margin-bottom: 10px;font-size: 12pt}}.vlInfos{gap:0;padding-bottom: 5px}.topLayout{align-self : baseline}.hlCards{gap:0}.bottomLayout{align-self : baseline;border-top: solid 1px #dcdcdc;width: 90%;margin-left: 20px;padding-top: 10px;justify-content: space-between;cursor: pointer;h3{font-size : 10pt}vaadin-icon{width : 15px}}.bottomLayout:hover{h3{color: var(--header-color)}}.hlIcon{align-self: baseline;border-radius:15px;margin-top: 19px;margin-right: -12px;vaadin-icon{color : white}}.custom-chart{padding : 15px}@media (max-width: 972px){.hlCards{flex-direction: column;align-items: center}.hlCards>vaadin-vertical-layout>vaadin-vertical-layout{min-width : 100%}}@media (min-width: 1100px){.hlCards>vaadin-vertical-layout{width : fit-content !important}}@media (max-width: 1100px){vaadin-button.mobile-hide::part(label){display: none}vaadin-button.mobile-hide::part(prefix){margin-left: 0;margin-right: 0}vaadin-button.mobile-hide{min-width: var(--lumo-button-size);padding-left: calc(var(--lumo-button-size) / 4);padding-right: calc(var(--lumo-button-size) / 4)}}.weatherCard{display:flex;height: 70vh;margin-top: 1vh}.credits{position:relative;bottom:-10px;left: -40px;gap:0;width:100%;a{padding-left: 4px}font-size: 1.6vh}.separator{width: 0.5vh;height: 100%;background-color: var(--theme-color);border-radius: 3px}.contentLine{width:100%;height: 100%;gap:0}.dailyBloc{padding:0;gap:0;justify-content:space-between}.weatherBoxLine1{width:100%}.tempAndText{gap:0;padding:0;display:flex;padding: 0 32px 0 0;align-items: end;flex:1 1 0;min-width:0}.weatherIcon{width:25vh;height:25vh;flex-shrink:0}.tempBloc{padding:0;gap:0;flex-wrap:wrap-reverse}.maxTempSpan{font-size:15vh;font-weight: 500;color:var(--theme-color);font-weight:500;line-height: 1}.minTempSpan{font-size:9vh;color:var(--secondary-text);line-height: 1}.textSpan{width: 100%;text-align:center;font-size:4.5vh;font-weight: 500;color:var(--body-text)}.weatherBoxLine2{width:100%;justify-content:space-between;padding-right:32px}.weatherSubData{display:flex;align-items:center;gap:0;padding:0;span{white-space:nowrap}}.weatherSubDataIcon{width:8vh;height:8vh}.weatherSubDataTextLabel{padding-top: .5vh;font-size: 5vh;font-weight: 500;color:var(--body-text)}.dayWeatherBloc{padding:0;gap:0;align-items:center}.weatherHeader{padding:0;gap:0;align-items:center;margin-bottom: 3vh;span{font-size:4vh;font-weight: 500;color:var(--body-text);text-align:center}vaadin-icon{width: 15vw;height: 15vh;margin: 1.5vh 0}}.dayWeatherSubData{width: 60%;justify-content:space-between;align-items:center;padding: 1.5vh 0;span{font-size:4vh;font-weight: 500;color:var(--body-text);white-space: nowrap}vaadin-icon{width: 4.5vh;height: 4.5vh}}.subDataLine{padding: 0;flex-wrap:wrap;align-items:center}.weekEventLayout{display:flex;padding:0;gap:0;height:70vh}.weekEventsContentBloc{height:100%;padding:0;overflow: hidden;position: relative;align-items: center}.weekEventsContent{width:95%;position: absolute}.weManagerMainTemplate{height:100%;padding:0;gap:0}.weManagerHeader{width:100%;height: 12vh;justify-content:center;align-items:center;span{font-size: 6vh;font-weight: 500;background-color: var(--theme-color);border-radius: 70px;width: 70%;color: #FFF;height: 80%;align-content:center;text-align:center}vaadin-icon{position: absolute;left: 0;height: 100%;width: 4%}}.weManagerPageContent{height:84vh;align-items:center}.weTextEditor{width:90%;height:90%}.weButtonLayout{width:90%;justify-content:end;padding:0;vaadin-button{padding: 2vh 4vh}vaadin-button:hover{background-color:#c6e5b5;color:#256a00;cursor:pointer}}.eventTextEditorLogoutBtn{position: absolute;right:2vh}.eventTextEditorLogoutBtn:hover{cursor:pointer}.weTabSheet{width:90%;height:100%}.weTabContent .weTextEditor{width:100%;height:auto;flex:1;min-height:0}.weTabContent .weButtonLayout{width:100%}.weWeatherTab{width:100%}.cardLayout{padding:8px 16px;border-radius: 20px;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);align-items:center}.cardLayoutH{background: #FFF;gap:0;span{color:#4D4D4D}}.cardLayoutV{background: #31859C;span{color:#FFF}}.titleLine{justify-content:center;span{font-size: 3.6vh;font-weight: 500}}.dataLine{padding:0px 8px;width:100%;align-items:center;gap:0}.dataBloc{align-items:center;gap:0}.dataSpan{font-size: 4vh;font-weight: 500;line-height: 1}.labelSpan{font-size: 3vh;font-weight: 500}.prodSeparator{width:0.25vh;background-color: #4D4D4D;height: 80%}.percentageLine{display:flex;font-size:2vh;.percentageBox{width: fit-content;border-radius:6px;padding: 0 5px;white-space: nowrap}}.percentageLineH{width: 100%;flex-direction:row;justify-content: center;span{margin-right:1vh}.percentagePositive{background-color:#2D9D4D;color:#FFF}.percentageNegative{background-color:#B71C1C;color:#FFF}}.percentageLineV{flex-direction:column;align-items:center;padding-bottom:16px;height: 100%;justify-content: end;.percentagePositive{background-color:#2D9D4D;color:#FFF}.percentageNegative{background-color:#B71C1C;color:#FFF}}.templateTitle{font-size: 5vh;margin-left:8px;color:#4D4D4D;font-weight:550}.templateSubTitle{font-size: 2.4vh;margin-left:8px;color:#4D4D4D;font-weight:400}.productionDataLine{gap:0;margin-top:1vh;width:100%;height: 100%}.prodCardsBloc{margin-left:1vw;width:100%;display: flex;flex-wrap:wrap;gap:2%}.leaflet-popup-content{margin:0}.leaflet-tooltip-pane{margin:0;padding:0}leaflet-map{.leaflet-control-fullscreen{background-image: url("data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 1h5v2H3v3H1V1zm10 0h5v5h-2V3h-3V1zm5 10v5h-5v-2h3v-3h2zm-10 5H1v-5h2v3h3v2z'/></svg>");background-repeat: no-repeat;background-position: center;background-size: 14px 14px}.leaflet-control-fullscreen a.leaflet-fullscreen-on{background-image: url("data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 1v2H3v3H1V1h5zm9 0v5h-2V3h-3V1h5zM1 10h2v3h3v2H1v-5zm14 0v5h-5v-2h3v-3h2z'/></svg>")}}.leaflet-draw-section{position: relative}.leaflet-draw-toolbar{margin-top: 12px}.leaflet-draw-toolbar-top{margin-top: 0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius: 0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius: 0}.leaflet-draw-toolbar a{background-image: url('images/spritesheet.png');background-image: linear-gradient(transparent,transparent),url('images/spritesheet.svg');background-repeat: no-repeat;background-size: 300px 30px;background-clip: padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image: url('images/spritesheet-2x.png');background-image: linear-gradient(transparent,transparent),url('images/spritesheet.svg')}.leaflet-draw a{display: block;text-align: center;text-decoration: none}.leaflet-draw a .sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0}.leaflet-draw-actions{display: none;list-style: none;margin: 0;padding: 0;position: absolute;left: 26px;top: 0;white-space: nowrap}.leaflet-touch .leaflet-draw-actions{left: 32px}.leaflet-right .leaflet-draw-actions{right: 26px;left: auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right: 32px;left: auto}.leaflet-draw-actions li{display: inline-block}.leaflet-draw-actions li:first-child a{border-left: 0}.leaflet-draw-actions li:last-child a{-webkit-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius: 0;border-radius: 0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px}.leaflet-draw-actions a{background-color: #919187;border-left: 1px solid #AAA;color: #FFF;font: 11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height: 28px;text-decoration: none;padding-left: 10px;padding-right: 10px;height: 28px}.leaflet-touch .leaflet-draw-actions a{font-size: 12px;line-height: 30px;height: 30px}.leaflet-draw-actions-bottom{margin-top: 0}.leaflet-draw-actions-top{margin-top: 1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height: 27px;line-height: 27px}.leaflet-draw-actions a:hover{background-color: #a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height: 26px;line-height: 26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position: -2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position: 0 -1px}.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position: -31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position: -29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position: -62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position: -60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position: -92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position: -90px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position: -122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position: -120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position: -273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position: -271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position: -152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position: -150px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position: -182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position: -180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position: -212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position: -210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position: -242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position: -240px -2px}.leaflet-mouse-marker{background-color: #fff;cursor: crosshair}.leaflet-draw-tooltip{background: #363636;background: rgba(0,0,0,0.5);border: 1px solid transparent;-webkit-border-radius: 4px;border-radius: 4px;color: #fff;font: 12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left: 20px;margin-top: -21px;padding: 4px 8px;position: absolute;visibility: hidden;white-space: nowrap;z-index: 6}.leaflet-draw-tooltip:before{border-right: 6px solid black;border-right-color: rgba(0,0,0,0.5);border-top: 6px solid transparent;border-bottom: 6px solid transparent;content: "";position: absolute;top: 7px;left: -7px}.leaflet-error-draw-tooltip{background-color: #f2dede;border: 1px solid #e6b6bd;color: #b94a48}.leaflet-error-draw-tooltip:before{border-right-color: #e6b6bd}.leaflet-draw-tooltip-single{margin-top: -12px}.leaflet-draw-tooltip-subtext{color: #f8d5e4}.leaflet-draw-guide-dash{font-size: 1%;opacity: .6;position: absolute;width: 5px;height: 5px}.leaflet-edit-marker-selected{background-color: rgba(254,87,161,0.1);border: 4px dashed rgba(254,87,161,0.6);-webkit-border-radius: 4px;border-radius: 4px;box-sizing: content-box}.leaflet-edit-move{cursor: move}.leaflet-edit-resize{cursor: pointer}.leaflet-oldie .leaflet-draw-toolbar{border: 1px solid #999}:root{--theme-color : #31859C}@media all and (max-width: 1100px){.list-view.editing .toolbar,.list-view.editing .contact-grid{display: none}.list-view{padding: 0px !important}}@media all and (min-width: 1100px){.drawerFilterMobile{display : none}}html{--lumo-primary-color: var(--theme-color);--lumo-secondary-color: var(--theme-color);--lumo-tertiary-color: var(--theme-color);--lumo-primary-text-color: var(--theme-color);--lumo-font-size-m : 12pt;--vaadin-app-layout-drawer-width : 14em;--heading-text : #252526;--body-text : #323233;--secondary-text:#696969;--tertiary-text:#8d8d8e;--app-background-color : #f4f5f7;--border-color : #b4b4b4;--header-color : black}.main{padding: 0;margin: 0;height: 100%;gap: 0;background-color: #FCFCFC}.template-header{width: 100%;height: 20vh;align-items:center}.title-and-icon{width: 80%;height: 80%;border-radius:70px;align-items:center;justify-content: center;gap: 0;h1{color: #FFF;font-weight: bold;font-size: 3.5vw}white-space: nowrap;background-color:var(--theme-color)}.date-and-hour{height: 100%;white-space: nowrap;right: 0%;align-items: center;justify-content: center;gap: 0;span{font-size: 1.4vw;font-weight: 500}}.logo-bih{gap: 0;width: 10%;justify-content: flex-start}.template-footer{display: flex;width:100%;justify-content: center;align-items: center}.list-of-gates{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;align-items: center}.gate-status-list-item{display: flex;width: 100%;height: 10vh;border-radius: 2.5vh;flex-direction: row;align-items: center;justify-content: space-between;background-color:#EDEDED;span{font-size: 3vw;margin-left: 2vw}margin: 2.5vh 0}.gate-status-indicator{width: 10vw;height: 5vh;border-radius: 2.5vh;margin: 0 2vh}.gate-status-indicator-green{background-color: #58A55C}.gate-status-indicator-red{background-color: #B23A48}.chartsLine{width: 100%;height: 100%}.slingsLayout{align-items:center;padding: 0 16px 0 0;gap:0}.slingsLabelBox{display: flex;height: 4vh;justify-content: center;align-items: center}.nbSlingsBox{display:flex;justify-content: center;align-items:center;height: 3vh;font-size: 2.5vh;font-weight: bold;padding: 0 4vh;border-radius: 5vh;border: solid 1px #B0B0B2;box-shadow: 5px 5px 15px #B0B0B2}.highcharts-background{fill:#FCFCFC}