@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";#mas-topBar{background:transparent;width:290px;position:fixed;z-index:3;top:0;right:0;left:auto;min-width:initial;overflow:hidden}#mas-topBar-content{position:absolute;right:0px;top:0px;height:70px;width:290px;z-index:999999}#mas-topBar.map{height:96px}#mas-topBar.map.metocLegend-on,#mas-topBar.map.densityMapLegend-on{height:122px}#mas-topBar.grid,#mas-topBar.home{height:70px}#mas-topBar.home{width:100%}#mas-topBar-infos-wrapper{display:flex;justify-content:flex-end;align-items:center}#mas-topBar.grid #mas-topBar-content{background:none;color:#242941}#mas-topBar-stopSimulation{position:fixed;right:320px;top:15px;width:200px;z-index:3}#mas-topBar-logo{width:100px;height:60px;margin-top:5px;background-image:url(./logo.9b079645.svg),url(./logo-alt.9867ab4d.svg);background-repeat:no-repeat;overflow:hidden}#mas-topBar-client-logo{margin-top:5px;height:60px}#mas-topBar.map #mas-topBar-logo{background-position:-10000px center,center center}#mas-topBar.grid #mas-topBar-logo{background-position:center,-10000px,center}#mas-topBar-switch{position:fixed;left:5px;top:5px;width:36px;height:36px;z-index:3}#mas-topBar-switch.grid{left:5px;top:10px;width:50px;height:50px}#mas-topBar-switch.grid ui-navigation-menu span{width:50px;height:50px}#mas-topBar-exit{position:relative}#mas-topBar-alertMenu{position:relative;overflow:visible}#mas-topBar-alertMenu .alertsCount{width:100%;text-align:center;position:absolute;top:9px;left:0px;z-index:1}#mas-topBar-account{position:relative;margin:0 5px;display:block}#mas-topBar.home #mas-topBar-user{right:128px}#mas-topBar-layerData{display:none;position:absolute;left:15px;top:30px;border-width:1px}#mas-topBar #mas-topBar-layerData{border-width:1px}#mas-topBar-search{display:none;position:absolute;left:65px;top:30px}#mas-topBar-tools{display:none;position:absolute;left:112px;top:30px}#mas-topBar-user{width:110px;height:30px;text-align:center;line-height:30px;border-bottom-left-radius:15px;border-top-left-radius:15px;text-overflow:ellipsis;overflow:hidden}#mas-topBar-timeZone{position:absolute;right:100px;top:32px;background-color:transparent;font-size:10px}#mas-topBar-infos{position:absolute;right:15px;top:50px;font-size:14px}#mas-topBar-date{float:right;right:15px}#mas-topBar-agency{right:5px;position:relative;float:left}#mas-topBar-mouse{background-color:#f02d42;border-color:#aaa;border-radius:13px 0 0 13px;color:#fff;display:block;font-size:14px;height:26px;line-height:26px;padding-right:15px;position:absolute;right:0px;text-align:right;top:70px;width:290px}#mas-topBar-mouse:after{left:10px}#mas-topBar-metoc,#mas-topBar-densityMap{display:none;top:70px;width:290px;border:0;border-radius:0;z-index:500;line-height:26px;height:26px;position:absolute;right:0px;text-align:right}#mas-topBar-metoc table,#mas-topBar-densityMap table{width:100%;border-spacing:0;border:none}#mas-topBar-metoc table td,#mas-topBar-densityMap table td{margin:0;padding:0}.metocLegend-on #mas-topBar-metoc,.densityMapLegend-on #mas-topBar-densityMap{display:block}.metocLegend-on #mas-topBar-mouse,.densityMapLegend-on #mas-topBar-mouse{top:96px}#mas-topBar-metoc .metocLegend,#mas-topBar-densityMap .densityMapLegend{display:inline-block;float:left;width:33%;line-height:26px;height:26px;font-size:12px;text-align:center;position:relative}@media screen and (max-width: 600px){#mas-topBar,#mas-topBar-content{height:70px;width:100%}#mas-topBar.map.metocLegend-on,#mas-topBar.map.densityMapLegend-on{height:91px}#mas-topBar-logo{left:0px;top:2px;width:140px;height:24px;background-image:url(./logo-inline.e5b879d9.svg),url(./logo-inline-alt.4f45fd8c.svg)}#mas-topBar-layerData,#mas-topBar-search,#mas-topBar-tools{display:block}#mas-topBar.grid #mas-topBar-layerData,#mas-topBar.grid #mas-topBar-tools,#mas-topBar.grid #mas-topBar-search,#mas-topBar.home #mas-topBar-layerData,#mas-topBar.home #mas-topBar-tools,#mas-topBar.home #mas-topBar-search{display:none}#mas-topBar.map{z-index:3}#mas-topBar-metoc,#mas-topBar-densityMap,#mas-topBar-mouse{display:none!important}}@media screen and (max-width: 400px){#mas-topBar-mouse,#mas-topBar-metoc,#mas-topBar-densityMap{display:none}#mas-topBar .btn{width:32px;height:32px}#mas-topBar-exit{right:5px;top:5px}#mas-topBar-switch{right:170px;top:5px;background:transparent}#mas-topBar-home,#mas-topBar-map{right:160px;top:5px}#mas-topBar-layerData{left:5px;top:32px}#mas-topBar-tools{left:85px;top:32px}#mas-topBar-search{left:45px;top:32px}#mas-topBar-user{right:60px;top:6px}#mas-topBar-logo{background-size:80% 80%}}#switchViewPopup.page.page-active{top:5px;left:50px;width:150px}.settings-loading{background-repeat:no-repeat!important;background-size:37px 37px!important;opacity:.5;width:37px;height:37px;position:absolute;top:8px;right:8px;z-index:3}#settingsPage-user-versions{padding:var(--space-md)}#settingsPage-user-upload-container{display:none;align-items:center}#settingsPage-user-upload{padding:0;width:200px;height:auto}#settingsPage-user-upload-input-btn{padding:0}.btn .btn-goToJira{border-color:#fff;width:100%}#mas-umeMain{padding-left:0;.dx-datagrid-headers {.dx-datagrid-content-fixed {z-index: 0;} .dx-datagrid-table {.dx-command-expand {border-right: 1px solid #242941;} .dx-header-row .dx-command-expand {background-color: var(--color-background);} .dx-datagrid-filter-row .dx-command-expand {background-color: var(--color-light-grey);}}} .dx-datagrid .dx-column-indicators .dx-sort.dx-sort,.dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter,.dx-checkbox.dx-state-readonly .dx-checkbox-icon {color: var(--color-dark);} .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,.dx-datebox-calendar .dx-dropdowneditor-icon,.dx-editor-cell .dx-texteditor .dx-texteditor-input {color: var(--color-field-text-placeholder-color);} .dx-dropdowneditor-icon {color: var(--color-field-text-placeholder-color) !important;} .dx-editor-cell .dx-texteditor .dx-texteditor-input,.dx-textbox .dx-texteditor .dx-editor-outlined .dx-widget .dx-texteditor-empty .dx-state-focused,.dx-texteditor-container {background-color: var(--color-light-grey);} .dx-checkbox .dx-checkbox-icon {background-color: var(--color-full-white);} .dx-datagrid-headers .dx-datagrid-table .dx-row {& td {background-color: var(--color-background); color: var(--color-dark); border-bottom: none;}} .gridTopBar {.gridTopBar-buttons {left:auto !important; display: flex; align-items: center; .btn {margin: 0}}} .core-ui-leftMenu {position: static; padding: 0 0 0 50px; margin: 0; & ul {border-top-width: 0; background-color: var(--color-background); border-left: 1px solid var(--color-main); border-right: 1px solid var(--color-main); margin: 0 10px; position: static; width: auto; display: flex; &.cls-shadow{box-shadow: none;} & li {height: 100%; padding: 5px 20px; &:after {left: 5px; font-size: 2rem;} p {display: none;} h3 {display: none;} width: fit-content;}}}}#core-ui-searchTool{position:fixed;top:54px;left:0px;height:44px;z-index:10}#core-ui-searchTool-bar{position:fixed;display:block;top:54px;left:0px;height:44px;width:54px;margin:0;border:none;-webkit-border-radius:0;border-radius:0;overflow:hidden;padding-left:0}#core-ui-searchTool-clear:after{font-size:24px;width:30px;height:30px;line-height:30px;margin-top:-15px;margin-left:-15px}#core-ui-searchTool-bar:after{left:8px;width:32px;height:32px;line-height:32px;font-size:28px;margin-top:-16px}#core-ui-searchTool-bar:hover{width:349px}#core-ui-searchTool.cls-active #core-ui-searchTool-bar{width:349px;display:inline-block}#core-ui-searchTool-input{padding-left:54px;height:44px;width:100%}#core-ui-searchTool-clear{padding-right:0;width:36px;height:36px;top:4px;border:none;right:2px}#core-ui-searchTool-scroller{width:110px;opacity:0;position:fixed;margin:0;padding:0;border:none;top:98px;left:54px;overflow-y:auto;overflow-x:hidden}#core-ui-searchTool.cls-active #core-ui-searchTool-scroller{width:295px;opacity:1;background-color:#fff}#core-ui-searchTool-open{position:fixed;top:30px;left:65px;display:none;width:36px;height:36px;-webkit-border-radius:50%;border-radius:50%;margin:0;border-width:0px}#core-ui-searchTool-noData{margin-top:44px;width:0px;background-color:red;color:#fff;text-align:center;font-size:20px;padding-left:54px;opacity:0}#core-ui-searchTool.cls-active #core-ui-searchTool-noData{width:349px}@media screen and (max-width: 600px){#core-ui-searchTool{visibility:hidden}#core-ui-searchTool.cls-on{visibility:visible;top:75px}#core-ui-searchTool-open{display:block}#core-ui-searchTool-bar{display:none;top:75px}#core-ui-searchTool-bar,#core-ui-searchTool.cls-active #core-ui-searchTool-search,#core-ui-searchTool.cls-active #core-ui-searchTool-scroller{max-width:100%}#core-ui-searchTool.cls-on #core-ui-searchTool-bar{display:inline-block}.UMV-mode #core-ui-searchTool.cls-on,.UMV-mode #core-ui-searchTool.cls-on #core-ui-searchTool-bar,.UMV-mode #core-ui-searchTool.cls-on #core-ui-searchTool-scroller,.UMV-mode.leftMenuLocked #core-ui-searchTool.cls-on,.UMV-mode.leftMenuLocked #core-ui-searchTool.cls-on #core-ui-searchTool-bar,.UMV-mode.leftMenuLocked #core-ui-searchTool.cls-on #core-ui-searchTool-scroller{left:5px}.UMV-mode #core-ui-searchTool.cls-on #core-ui-searchTool-bar,.UMV-mode.leftMenuLocked #core-ui-searchTool.cls-on #core-ui-searchTool-bar{width:296px}#core-ui-searchTool-scroller{top:113px}}#core-ui-searchTool .ui-loading{right:40px}@media screen and (max-width: 400px){#core-ui-searchTool,#core-ui-searchTool-noData{width:80%}}#dashboard-edit-pref .field-status{border-top:0px}#dashboard{padding-top:70px}#dashboard-bottom{display:none;width:100%;height:100px;border-top:1px solid #000;overflow:scroll hidden}#dashboard-header{position:absolute;width:100%;height:70px;top:0;color:#fff}#dashboard-header h3{margin:0 72px;text-align:left;line-height:71px;width:190px}#dashboard-pref-btn{position:absolute;top:0;display:inline-block;margin-top:10px;margin-left:10px;height:50px;width:50px;text-align:center;border:solid 1px}#dashboard-body{position:relative;width:100%;height:100%;background:white right bottom no-repeat;padding:0;overflow-y:auto;margin-block-end:0}#dashboard-body li{list-style-type:none}#dashboard .header-group .count{right:45px}#dashboard .cls-dashboard-panel{float:left;position:relative;padding:10px}#dashboard .cls-dashboard-header.header-group{position:absolute;display:flex;justify-content:space-between;z-index:2;cursor:move}#dashboard .cls-dashboard-panel-content{position:relative;width:100%;height:100%;border:1px solid rgba(0,0,0,.12)}#dashboard .cls-dashboard-panel-card{position:relative;display:inline-block;overflow:hidden;width:100%;height:100%;padding-top:38px;background-color:#fff}#dashboard .dashboard-overlay{position:relative;width:100%;height:100%;bottom:60%}#dashboard .dashboard-overlay h3{margin:auto;line-height:40px;text-align:center}#dashboard .btn.cls-dashboard-bottom-button{text-overflow:initial;font-size:12px;white-space:initial;line-height:14px;width:20%;min-width:100px;height:100%;float:left;padding-top:3px;padding-right:0;padding-left:0;margin:0;-webkit-border-radius:0px;border-radius:0;border-left:none;border-top:none}#dashboard .cls-dashboard-bottom-button h5{text-align:center;line-height:20px;font-size:14px;height:20px}.cls-dashboard-bottom-button div{width:100%;height:36px;margin-top:12px}.cls-dashboard-panel-content .cls-list-inner .ui-first-child{border-top:0 solid transparent}.cls-dashboard-panel-content .ui-icon-loading{z-index:100;width:56px;height:56px;opacity:.7;position:absolute;left:50%;top:50%;margin:-28px auto auto -28px}.list .list-item.dashboard-mobile{padding-left:0;padding-right:0}.dashboard-mobile .dashboard-mobile-left{width:100px;position:relative;height:100%;float:left;text-align:center}.dashboard-mobile .dashboard-mobile-right{padding-left:100px;padding-right:10px}.dashboard-mobile .dashboard-mobile-right p{text-align:left;float:left;height:20px;line-height:20px;text-indent:10px}.dashboard-mobile .dashboard-mobile-right p.dashboard-mobile-title{font-weight:700}.cls-dashboard-panel .layout-border-region.layout-border-top{width:100%;position:relative}.cls-dashboard-list{display:inline-block;position:absolute;visibility:hidden;top:38px;bottom:0;height:auto;opacity:1;overflow:hidden;width:100%}.cls-dashboard-list .cls-list-content{width:100%}.cls-dashboard-list #search-header{position:relative}.cls-dashboard-list .list-has-search{height:calc(100% - 38px)}.cls-dashboard-message-li{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.cls-dashboard-message-li span{display:none}.cls-dashboard-message-li.active span{display:block;position:absolute;z-index:20;right:10px;top:5px}.cls-dashboard-message-li .dashboard-mobile p{height:20px;line-height:20px;margin:0}.cls-dashboard-message-li .dashboard-mobile-right,.cls-dashboard-message-li .dashboard-mobile-left{height:40px}.cls-dashboard-message{border-top:1px solid white}.cls-dashboard-message-li .cls-dashboard-message p{padding-left:40px;padding-top:20px;padding-right:20px;white-space:pre-line;opacity:0;text-align:justify;margin:0}.cls-dashboard-message-li.active .cls-dashboard-message p{opacity:1}.cls-dashboard-select-period{width:70px;float:inherit}@media screen and (min-width: 1400px){.cls-dashboard-panel.col-md-6{width:33.3333%}}@media screen and (max-width: 991px){#dashboard{padding-bottom:69px}.row-sm-6.row-sm-6{height:100%}.cls-dashboard-panel-content{width:100%;height:100%;margin:0;border:none}.cls-dashboard-header.header-group{cursor:initial}#dashboard-body{padding-left:0;padding-right:0;background-image:none!important;overflow-y:hidden;height:calc(100% - 30px)}#dashboard-bottom{display:inline-flex}#dashboard-bottom .btn-tool:after,#dashboard-bottom .icon-xl.icon-xl:after{margin-top:0}#dashboard .cls-dashboard-panel{display:none;height:100%;width:100%;position:absolute!important;left:0;padding:0}#dashboard .cls-dashboard-panel.page-active{display:block}.cls-dashboard-message-li .cls-dashboard-message p{padding-left:20px;text-indent:20px}}@media screen and (max-width: 600px){#dashboard-header h3{display:none}#dashboard-pref-btn{margin-left:62px}}#animation-toolbar{position:absolute;top:4px;left:50%;margin-left:-260px}#animationSettingsPopup{max-width:400px}@media screen and (max-width: 700px){#animation-toolbar{top:76px;left:4px;margin-left:0}}.cls-style-leaf{background:rgb(246,248,249)!important;background:-moz-linear-gradient(top,rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%)!important;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(246,248,249,1)),color-stop(50%,rgba(229,235,238,1)),color-stop(51%,rgba(215,222,227,1)),color-stop(100%,rgba(245,247,249,1)))!important;background:-webkit-linear-gradient(top,rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%)!important;background:-o-linear-gradient(top,rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%)!important;background:-ms-linear-gradient(top,rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%)!important;background:linear-gradient(to bottom,rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f8f9",endColorstr="#f5f7f9",GradientType=0)!important;font-weight:700!important;color:#000!important;text-shadow:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid black!important;border-top:1px solid black!important;text-align:left!important}.cls-style-collapse .color-picker{text-shadow:none!important;opacity:1!important}.ui-page-theme-b .cls-style-collapse .ui-collapsible-heading-toggle,.ui-page-theme-b .cls-style-collapse .ui-collapsible-heading-toggle:hover{background-color:#0a398b;border-color:#000;color:#fff;text-shadow:0 1px 0 #555555}.ui-page-theme-c .cls-style-collapse .ui-collapsible-heading-toggle,.ui-page-theme-c .cls-style-collapse .ui-collapsible-heading-toggle:hover{background-color:#008a00;border-color:#333;color:#fff;text-shadow:0 1px 0 #555555}.ui-page-theme-d .cls-style-collapse .ui-collapsible-heading-toggle,.ui-page-theme-d .cls-style-collapse .ui-collapsible-heading-toggle:hover{background-color:#cf0404;border-color:#222;color:#fff;text-shadow:0 1px 0 #444444}.ui-page-theme-e .cls-style-collapse .ui-collapsible-heading-toggle,.ui-page-theme-e .cls-style-collapse .ui-collapsible-heading-toggle:hover,.ui-page-theme-f .cls-style-collapse .ui-collapsible-heading-toggle,.ui-page-theme-f .cls-style-collapse .ui-collapsible-heading-toggle:hover{background-color:#000;border-color:#888;color:#fff;text-shadow:0 0 0 #999999}.ui-page-theme-g .cls-style-collapse .ui-collapsible-heading-toggle,.ui-page-theme-g .cls-style-collapse .ui-collapsible-heading-toggle:hover{background-color:#ccc;border-color:#888;color:#333;text-shadow:0 1px 0 #cccccc}#styles-ul .styleinactive{padding-left:10px!important;padding-right:10px!important}#styles-ul li a{height:100%;padding-top:10px!important;padding-bottom:10px!important}.colorAndImageContainer .imgChooser{float:left;width:40px;height:40px;border-radius:40px;top:2px;border:1px solid rgba(128,128,128,.23);position:relative;cursor:pointer}.colorAndImageContainer img{width:35px;height:35px;margin:2px}#trajectoryPage-content-header-container.L-scrollY-header{height:fit-content}#trajectoryPage-content-header-additional{height:38px}#trajectoryPage-content-header-additional .info{width:100%;height:100%;text-align:center;display:table-cell;vertical-align:middle}#trajectoryPage-content-header .btn.btn-header-check{top:auto;bottom:13px}.dashboard-mobile:hover{padding-right:100px}.dashboard-mobile .dashboard-mobile-reportInfo p.dashboard-mobile-report{height:40px;line-height:40px;display:none}.dashboard-mobile .dashboard-mobile-reportInfo{width:10px;position:absolute;right:0;height:100%;color:#fff;text-align:center;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.dashboard-mobile .dashboard-mobile-reportInfo.reported{background:#16a085}.dashboard-mobile .dashboard-mobile-reportInfo.notReported{background:#e74c3c}.dashboard-mobile:hover .dashboard-mobile-reportInfo{width:100px}.dashboard-mobile:hover .dashboard-mobile-reportInfo p.dashboard-mobile-report{display:block}#DashboardPanelMobileIntegration-main .dashboard-mobile .dashboard-mobile-integrationInfo{width:10px;position:absolute;right:0;height:100%;color:#fff;text-align:center;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#DashboardPanelMobileIntegration-main .dashboard-mobile .dashboard-mobile-integrationInfo.inProgress{background:#cccc00}#DashboardPanelMobileIntegration-main .dashboard-mobile .dashboard-mobile-integrationInfo.notIntegrated{background:#e74c3c}#DashboardPanelMobileIntegration-main .dashboard-mobile:hover{padding-right:100px}#DashboardPanelMobileIntegration-main .dashboard-mobile:hover .dashboard-mobile-integrationInfo{width:150px}#DashboardPanelMobileIntegration-main .dashboard-mobile:hover .dashboard-mobile-integrationInfo p.dashboard-mobile-integration{display:block}#DashboardPanelMobileIntegration-main .dashboard-mobile .dashboard-mobile-integrationInfo p.dashboard-mobile-integration{height:40px;line-height:40px;display:none}#DashboardPanelMobileIntegration-main .dashboard-mobile-line{display:inline-flex;width:100%}.left-elem{width:83%}#mobileList-list-columns{height:60px;width:100%;display:flex;border-bottom:1px solid #555}#mobileList #ais-listScroller{height:calc(100% - 40px)}#mobileList #ais-listScroller.list-has-search{height:calc(100% - 78px)}#mobileList .dashboard-mobile.ais{display:flex}#mobileList-list-columns>*,#mobileList .dashboard-mobile.ais>*{padding:0 10px}#mobileList-list-columns .mobile-ais-info{padding:20px 10px}#mobileList .dashboard-mobile.ais .mobile-ais p.dashboard-mobile-title{font-weight:700}#mobileList .mobile-ais-info{display:flex;justify-content:space-between;width:calc(100% - 180px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#mobileList .dashboard-mobile.ais .mobile-ais{max-width:60%}#mobileList-list-columns .dashboard-mobile-left-side,#mobileList .dashboard-mobile.ais .dashboard-mobile-left-side,#mobileList-list-columns .dashboard-mobile-left-side-2,#mobileList .dashboard-mobile.ais .dashboard-mobile-left-side-2{text-align:center;width:120px;background-color:#0875a1;border-color:#aaa;color:#fff}#mobileList-list-columns .dashboard-mobile-left-side-2,#mobileList .dashboard-mobile.ais .dashboard-mobile-left-side-2{border-left:1px solid}#mobileList .dashboard-mobile.ais .dashboard-mobile-right-side{text-align:right}.number-message-header{text-shadow:0px 0px 0px rgba(0,0,0,0)!important;border:1px solid rgba(255,0,0,.25)!important}.radarProductItem{padding-left:0}.radarProductItem.list-item-l{height:58px}.radarProductItem .date{margin-left:22px;margin-bottom:2px;font-size:14px;height:18px;line-height:22px;display:inline-block;width:auto;float:left}.radarProductItem .status{position:absolute;height:22px;line-height:22px;font-weight:700;display:inline-block;width:auto;text-align:right;right:40px;padding-right:5px}.radarProductItem .echoCount{height:16px;line-height:16px;display:inline-block;position:relative;width:100%;margin-bottom:2px;float:left;font-size:14px}#core-gis-legends-editPopup{width:350px;max-width:100%;position:absolute;top:auto;bottom:0px;margin:0;z-index:1021}#core-gis-legends-editPopup .header-group{padding-right:40px}#core-gis-legends-editPopup-styles{padding:2px;text-align:center}#core-gis-legends-editPopup-styles .style-image{margin:0;display:inline-block;width:40px;height:140px;background-size:100% 100%;background-position:0px 0px;background-repeat:no-repeat;cursor:pointer;border:solid 1px}#core-gis-legends-editPopup-styles .style-image.selected{border:solid 2px #555;border-style:dashed}#core-gis-legends-editPopup #palette-style{width:40px;height:150px}#mas-density-map-legends-editPopup{width:350px;max-width:100%;position:absolute;top:auto;bottom:0px;margin:0;z-index:1021}#mas-density-map-legends-editPopup .header-group{padding-right:40px}#mas-density-map-legends-editPopup-styles{padding:2px;text-align:center}#mas-density-map-legends-editPopup-styles .style-image{margin:0;display:inline-block;width:40px;height:140px;background-size:100% 100%;background-position:0px 0px;background-repeat:no-repeat;cursor:pointer;border:solid 1px}#mas-density-map-legends-editPopup-styles .style-image.selected{border:solid 2px #555;border-style:dashed}#mas-density-map-legends-editPopup #palette-style{width:40px;height:150px}.depth-filed-info{margin-left:10%;width:90%;color:#e43030;font-size:11px;padding-left:40%;overflow:hidden;white-space:nowrap}.mobileCmp{margin:8px 0 8px 8px}#mas-animation-toolbar{position:absolute;bottom:0;right:480px;height:30px}#mas-animation-toolbar.local-fr,#mas-animation-toolbar.local-es{right:480px}#mas-animation-toolbar.expanded{bottom:60px}#mas-animation-toolbar .animation-bar{display:inline-flex}#mas-animation-toolbar .animation-bar .btn{height:30px;width:30px}#simplifyZonePopup{top:0;width:100%;max-width:100%;margin:0 0 auto}#simplifyZonePopup-fromSize{right:auto;left:5px}#simplifyZonePopup-toSize{right:auto;left:70px}#simplifyZonePopup-submit{width:300px;margin:auto}#simplifyZonePopup-range{height:50px}#pointsToPolyXXXPopup{top:0;width:100%;max-width:100%;margin:0 0 auto}#pointsToPolyXXXPopup-size{right:auto;left:5px}#addZoneByCoordPopup .field-geometry{height:100%;padding:0}#sendCoastZonePopup{top:0px;margin-top:0}#sendCoastZonePopup-preview{width:33%;float:left;padding-left:4px}#sendCoastZonePopup-submitCancel{width:66%;display:inline-block}#zoneToolsPage.page-popup{width:490px;max-width:100%;max-height:100%}#zoneToolsPage.compute.L-scrollY-content{width:auto;height:auto;overflow-y:auto}#closestats{float:right;margin:0 15px}.text-centered{padding:12px;text-align:center}#validateBBoxPopup,#validateConvexZonePopup{top:0;margin:0 auto auto}#criteria-selectByType{margin-bottom:8px}.selectByCriteriaList{display:inline-block;margin:0 0 8px 8px;width:calc(100% - 8px);height:196px}#zoneType{margin-bottom:8px}#interZonesList,#unionZonesList{display:inline-block;margin:0 0 8px 8px;width:calc(100% - 8px);height:196px}#mas-ReportPopup-content{padding:10px}#mas-ReportPopup .report-blocs{display:flex;flex-wrap:wrap;flex-direction:row;width:100%}#mas-ReportPopup .options-container{flex:1;flex-basis:50%}#mas-ReportPopup .report-carto{margin:auto;overflow:hidden}#mas-ReportPopup .report-commentary{margin:10px 0}#mas-ReportPopup .report-commentary textarea{resize:none}#mas-ReportPopup .histogram-container{margin:auto;position:absolute;top:100%}@media (max-height: 768px){#mas-ReportPopup .options-container{flex-basis:25%}}#mas-surveillancePage{overflow:hidden;width:100%!important;padding-top:32px;border-left:none}#mas-surveillancePage .surveillance-panel-container{width:calc(50% - 2px);display:inline-block;vertical-align:top}#mas-surveillancePage .vessel-filter .surveillance-form-block{width:calc(50% - 2px);margin:0 auto 20px;height:150px;overflow:hidden;display:inline-block}#mas-surveillancePage .delete-btn{position:fixed;right:5px}#mas-surveillancePage .btn-sa-params{margin-top:4px}#mas-surveillancePage #SurveillanceInfoPanel-generalInfos field-switch label{text-align:right}#SurveillanceInfoPanel #speedAnoLabel .text-label{white-space:nowrap;text-align:center;width:100%}#SurveillanceInfoPanel .withoutArrow .icon-m.icon-m:after{content:""}#SurveillanceInfoPanel .icon-m.ui-icon-zones{margin-right:-5px;background:none}#SurveillanceInfoPanel #SurveillanceInfoPanel-generalInfos div.editor{margin:6px 0 6px 2px}#SurveillanceInfoPanel field-list{padding-right:1px}#SurveillanceInfoPanel .infoPanelBody .header-group{height:38px}.read-only-disclaimer{border:1px solid;padding:5px;position:absolute;left:calc(50% - 100px);width:200px;top:20px;text-align:center;z-index:2}#SurveillanceInfoPanel .field-list{border-width:0}#SurveillanceInfoPanel .uda-list{padding:4px 0}#SurveillanceInfoPanel .uda-list .field-list{width:100%}#SurveillanceInfoPanel .field-like{text-transform:capitalize}#SurveillanceInfoPanel mas-zones .ui-list-header-add{height:100%;top:0}#SurveillanceInfoPanel mas-zone .field-select{padding-left:6px}#SurveillanceInfoPanel mas-zone .field-select:after{left:auto;right:0}#saveZonePopup{max-width:400px}#mas-wc-fieldListSelectionPage{width:350px}#mas-wc-fieldListSelectionPage-list-header .count{display:none}#mas-wc-fieldListSelectionPage-list-header.ui-list-header .btn.btn-header-right.ui-list-header-checkall{top:3px}#mas-wc-fieldListSelectionPage-list .disabled.disabled.disabled{cursor:pointer;pointer-events:unset}#eventCreatePopup{overflow-y:auto}#eventCreatePopup .field-file-hidden-button{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;padding:0}#eventCreatePopup .labelAlignRight.field-text .text-label,#eventCreatePopup .labelAlignRight.field-select .text-label{padding-left:20%}#eventCreatePopup ui-list .ui-list-scroller{max-height:150px;overflow-y:auto}#eventCreatePopup .event-mobile-list{width:200%}#mas-vesselMain{display:flex;flex-flow:column nowrap}#mas-vesselMain .filterVesselsMain{width:100%;top:70px}#mas-vesselMain .filterItemVesselsMain{height:200px;width:23%;margin:0 1% .5%;color:#242941}#mas-vesselMain .filterVesselsMainItems{display:flex;justify-content:flex-start;flex-wrap:wrap}#mas-vesselMain .limitFilterVesselsMain{color:#eee}#mas-vesselMain .submitAndLimitFilterVesselsMain{display:flex;flex-wrap:wrap;flex-direction:row-reverse}#mas-vesselMain .gridAndTPL{flex:1}#mas-vesselMain-topbar{position:absolute;top:0px}#mas-vesselMain-topbar .gridTopBar-count.count{right:290px;top:25px}.tabGrid-container{height:calc(100% - 38px)}.fill-tabGrid{height:100%}.fill-tabGrid.ui-loading-container{position:relative}.period-loading{display:inline-block}.import-file-hidden{display:none}#mas-portMain{display:flex;flex-flow:column nowrap}#mas-portMain .filterVesselsMain{width:100%;top:70px}#mas-portMain .filterItemVesselsMain{height:5%;width:23%;margin:0 1% .5%}.filterVesselsMainItems{display:flex;justify-content:flex-start}.block-date{display:block}.dimension-udalist{width:25%}.dimension-date{width:100%}.tabGrid-first-div #areaFromVessels-btn{background-color:transparent;color:#242941;position:absolute;right:40px}#mas-portMain .limitFilterVesselsMain{color:#eee}#mas-portMain .submitAndLimitFilterVesselsMain{display:flex;flex-wrap:wrap;flex-direction:row-reverse;padding-top:10%}#mas-portMain .filterVesselsMain .submitCancelFilterPortsMain.btn-cancel-search>.btn.btn-ok:hover{background-color:#f02d42;border-color:transparent}#mas-portMain .gridAndTPL{flex:1}#mas-portMain-topbar{position:absolute;top:0px}#mas-portMain-topbar .gridTopBar-count.count{right:290px;top:25px}#mas-portMain .tabGrid-first-div #attachments-btn{background-color:transparent;color:#242941;position:absolute;right:40px}#mas-portMain #attachments-details{max-height:300px}.movement-display{padding:0 10px;margin:0 2% 2% 0%}.overview-info-module{margin-top:2%;margin-bottom:2%}.module-container{height:calc(100% - 38px)}#mas-productDetails #attachments-details{max-height:300px}#mas-portMains .tabGrid-first-div #attachments-btn{background-color:transparent;color:#242941;position:absolute;right:40px}#mas-portMain-attachments-container .module-container{height:calc(100% - 38px)}#mas-portMain .tabGrid-first-div #attachments-btn:hover,#mas-portMain .tabGrid-first-div .exportTabGrid:hover{background-color:#0009}#mas-portMain .mas-registry-control{display:flex;margin-top:2%}#mas-portMain .mas-registry-control .active.btn{background-color:#006aa4;border-color:transparent;color:#eee;height:50px}#mas-portMain .mas-registry-control .btn{background-color:#eee;border-color:transparent;color:#1b2135;height:50px}#mas-portMain{z-index:2}#mas-portMain .grid-container .gridMainPage-grid{height:40%!important}#mas-portMain .menu-title{text-align:center;margin-top:revert}#mas-portMain .tabGrid-container{height:275px}#mas-portMain .gridAndTPL.with-map-preview .grid-container{width:70%;margin-top:.5%}#mas-portMain .gridMainPage-mapPreview{width:30%;margin-top:.5%}#mas-portMain .tabGrid-first-div{visibility:hidden;margin:-1.5%}#mas-portMain .field-list{border-color:#242941}#mas-portMain .progress-button{margin-right:5px}#mas-companyMain{z-index:2;display:flex;flex-flow:column nowrap}#mas-companyMain .gridAndTPL{height:100px;flex:1}#mas-companyMain .filter-company-main{margin-bottom:10px}#mas-companyMain .filter-company-main .uda-list{color:#242941}#mas-companyMain .filter-company-main .filter-item{width:25%}#mas-companyMain .filter-company-main .field-item{display:flex;justify-content:flex-start;gap:20px}#mas-companyMain .filter-company-main .filter-buttons{display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:5px;padding-top:10%;width:25%}#mas-companyMain .filter-company-main .filter-buttons .btn-cancel-search>.btn.btn-ok:hover{background-color:#f02d42;border-color:transparent}#mas-companyMain-topbar .gridTopBar-count.count{right:290px;top:25px}#mas-umvSearchTool{width:300px;margin:auto;position:relative;top:15px;z-index:10}#mas-umvSearchTool #mas-umvSearchTool-scroller #mas-umvSearchTool-list:empty{display:none}#mas-umvSearchTool-bar .ui-loading.bottom-right{right:40px}#mas-umvSearchTool-list{max-height:600px;overflow-y:scroll}#mas-umvSearchTool-noData{background-color:red;color:#fff;text-align:center;font-size:20px;opacity:1;display:none;z-index:10}#mas-umvZoomBar{position:absolute;right:5px;background-color:#ffffff03;top:130px;z-index:10;height:36px}#mas-umvZoomBar-zoomIn{position:absolute;right:5px;bottom:70px;z-index:10}#mas-umvZoomBar-zoomOut{position:absolute;right:50px;bottom:70px;z-index:10}#mas-umvZoomBar-root{position:relative;display:inline-block;float:right}#mas-umvZoomBar-menu{max-width:320px;display:none;position:relative;margin-right:10px;padding:0;background-color:#ffffff03;width:initial}#mas-umvZoomBar:hover #mas-umvZoomBar-menu{display:inline-block}#mas-umvZoomBar-downsampling{position:absolute;right:6px;bottom:115px;z-index:10;background-color:#003c884d;font-size:12px;padding:2px 4px;border-radius:4px;cursor:help}@media screen and (max-width: 600px){#mas-umvZoomBar-root{display:none}#mas-umvZoomBar{top:70px;right:auto;left:0px;width:320px;max-width:100%}#mas-umvZoomBar.cls-on #mas-umvZoomBar-menu{display:inline-block}#mas-umvZoomBar-menu{position:absolute;margin:0;right:0px;top:0px;width:100%}#mas-umvZoomBar ul li a{padding-bottom:0}#mas-umvZoomBar ul li a p{line-height:normal;white-space:normal}}@media screen and (max-width: 400px){#mas-umvZoomBar-zoomIn{top:80px;right:5px}#mas-umvZoomBar-zoomOut{top:125px;right:5px}}#mas-centricBar{position:absolute;bottom:70px;left:calc(100% - 134px);z-index:10;height:36px}#mas-centricBar .btn{border-radius:0}#mas-centricBar-root{display:block;width:36px;height:36px;margin:0;border:none}#mas-centricBar-root:after,#mas-centricBar-menu .icon-l:after{font-size:23px}#mas-centricBar-menu{position:relative;bottom:36px;left:0;display:inline-block;width:36px;height:36px;overflow:hidden;float:left;padding:0 0 0 36px;max-width:100%}#mas-centricBar-menu:hover{bottom:72px}#mas-centricBar-menu .btn{display:inline-block;margin:0;float:left;border:none;width:36px;height:36px}#mas-centricBar-move{position:absolute;display:none;z-index:1032;margin:0;width:36px;height:36px;border:none}@media screen and (min-width: 600px){#mas-centricBar-menu:hover{width:107px;height:auto;left:-72px}}@media screen and (max-width: 600px){#mas-centricBar-root{display:none}}#gridPanel{margin-bottom:30px}#gridPanel.timelineExpanded{margin-bottom:92px;width:100%}#masViewToolPage{top:248px;right:46px;width:350px;height:300px}#renderingPage .rendering-page-content{display:flex;flex-direction:column}#renderingPage #renderingPage-satellite{width:100%;margin-left:6px}#renderingPage #baseLayerWmsLayersDataCollapser{margin:3px;border-radius:0;display:flex;width:calc(100% - 6px)}#renderingPage .field-status{display:flex;flex-flow:wrap;border-top:none}#renderingPage #renderingPage-mapGeoInfo.field-status,#renderingPage #renderingPage-sarSRUTypesFilter.field-status{border-top:solid 1px}#editFlagOnPositionCriteriaPopup{width:400px}.overlay-layer-grid-options-panel .fixed-value-field-wrapper{display:flex;align-items:center;float:left;width:100%;padding:0 4px 4px 6px}.overlay-layer-grid-options-panel .fixed-value-field-wrapper>:nth-child(1){flex:1}.overlay-layer-grid-options-panel .fixed-value-field-wrapper>:nth-child(2){width:auto}.overlay-layer-grid-options-panel .fixed-value-field-wrapper>:nth-child(3){width:40%}#mas-layerPage{width:350px;right:46px;top:166px;height:calc(100% - 256px);height:-moz-calc(100% - 90px - 166px);height:-webkit-calc(100% - 90px - 166px)}#mas-layerPage .header-group>h2,#mas-layerPage .header-base>h2{padding-left:28px}#mas-layerPage #mas-layerPage-metoc .field-status .status-label,#mas-layerPage #mas-layerPage-densityMap .field-status .status-label{font-size:15px;padding:0;height:38px;line-height:38px}#mas-layerPage #mas-layerPage-metoc .field-status .status-label:after,#mas-layerPage #mas-layerPage-densityMap .field-status .status-label:after{margin-top:-13px}#mas-layerPage #mas-layerPage-metoc .field-status .status-label.unchecked:after,#mas-layerPage #mas-layerPage-densityMap .field-status .status-label.unchecked:after{visibility:hidden}#masZonePage{width:350px;right:46px;top:207px;height:calc(100% - 297px);height:-moz-calc(100% - 90px - 207px);height:-webkit-calc(100% - 90px - 207px)}#masZonePage-content{padding-top:0}#masZonePage .header-page{border-bottom:0px}#masZonePage #zone-list{height:calc(100% - 120px)}#masZonePage #zone-list.expanded{height:calc(100% - 186px)}#masZonePage #zone-list .L-fit.has-header2,#masZonePage #zone-list .L-scrollY.has-header2{padding-top:36px}#masZonePage #zone-list .L-header2{height:26px}#masFilterPage{width:1000px;right:46px;top:125px;height:calc(100% - 215px);height:-moz-calc(100% - 90px - 125px);height:-webkit-calc(100% - 90px - 125px)}#masFilterPage .mas-filter-switch{width:calc(100% - 100px)}#masFilterPage .btn-header.clear{right:40px;top:3px;position:absolute}#masFilterPage .masFilterPanel .masFilterTitle{background-color:#006aa4;margin:1px;font-size:12px;height:20px;text-align:center;padding-top:2px}#masFilterPage h5{font-size:14px;margin:0}#masFilterPage field-select[name=downsampling].disabled label,#masFilterPage field-select[name=downsampling].disabled .select-input{color:#a0a0a0}#masFilterPage .masFilterPanel{padding:2px;margin:1px;width:99%}#masFilterPage .field-list{height:120px;border:0;width:100%}#masFilterPage .uda-list-2items .field-list{height:80px}#masFilterPage-tempZone{width:50%;height:120px;padding-top:0}#masFilterPage-general-filter>ui-list,#masFilterPage-alert-target>ui-list,#masFilterPage-event-target>ui-list,#masFilterPage-position-target>ui-list{width:50%;height:120px}#masFilterPage-general-filter>ui-list.ui-list-max-width,#masFilterPage-alert-target>ui-list.ui-list-max-width,#masFilterPage-position-target>ui-list.ui-list-max-width{width:100%}#masFilterPage ui-collapser.header-group>h2{padding-left:28px}#masFilterPage ui-collapser.icon-m.icon-right,#masFilterPage ui-collapser.icon-l.icon-right{padding-right:0}#masFilterPage .sub-header.icon-m.icon-right:after,#masFilterPage .sub-header.icon-l.icon-right:after{position:relative;margin-top:0;margin-left:0;margin-right:0;transform:rotate(180deg)}#masFilterPage .sub-header{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;width:100%}#masFilterPage.L-fit.has-footer-btn,#masFilterPage.L-scrollY.has-footer-btn{padding-bottom:117px}#masFilterPage field-text.label-right label{text-align:left}#masFilterPage-nLastPositions input{text-align:right}#mas-umvSearchTool .icon-m.icon-m:after,#mas-wc-fieldListSelectionPage-list-header .icon-m.icon-m:after{font-size:17px}#masFilterPage .ui-list .list .list-item{height:20px;line-height:20px;padding-right:20px}#masFilterPage .ui-list .list .list-item .btn img.common-portBigData-icon{top:0px;width:16px;height:11px}#masFilterPage .behavior .ui-list .list .list-item{height:auto;margin-bottom:10px}#masFilterPage .behavior{height:100%}#masFilterPage .ui-list .ui-list-header.header-group .ui-list-header-add{height:100%;top:0;margin-top:0}#masFilterPage .ui-list .list .list-item .btn.split-2{width:20px}#masFilterPage .ui-list .list .list-item .btn.split-2:after{margin-top:-10px;font-size:16px;width:18px;height:18px;line-height:18px;margin-left:-9px}#masFilterPage .ui-list .list .list-item.btn>*:first-child,#masFilterPage .ui-list .list .list-item .btn.split-2>*:first-child,#masFilterPage .ui-list .list .list-item .btn.split-1>*:first-child{margin-top:0!important}#masFilterPage .ui-list .list .list-item .btn img{height:16px;margin-top:2px}#masFilterPage .ui-list .list .list-item .btn h3{font-size:14px}#masFilterPage .ui-list .list .list-item .btn .icon-left,#masFilterPage .ui-list .list .list-item.btn .icon-left{padding-left:15px}#masFilterPage .ui-list .list .list-item .btn .icon-left.checkbox-label,#masFilterPage .ui-list .list .list-item.btn .icon-left.checkbox-label{padding-left:35px}#masFilterPage .ui-list .list .list-item .btn .icon-left:after,#masFilterPage .ui-list .list .list-item.btn .icon-left:after{margin-top:-8px;line-height:16px;font-size:16px}#masFilterPage .btn-group-create-fleet-export-vessel-list{padding-top:0}#masFilterPage .btn-group-create-fleet-export-vessel-list .btn{border-color:#fff}#masFilterPage .btn-group-create-fleet-export-vessel-list .btn:hover{border-color:transparent}#masFilterPage .btn-export-vessel-list{margin-right:initial;margin-left:7px}#masFilterPage .eventFieldList{width:50%}#masFilterPage .behavior .ui-list .list .list-item{background-color:inherit}#masFilterPage-radar-target li.radarRequests h1,#mas-wc-fieldListSelectionPage li.radarRequests h1{display:flex;padding:0}#mas-wc-fieldListSelectionPage li.radarRequests p{font-size:16px;line-height:38px}#masFilterPage-radar-target li.radarRequests .status,#mas-wc-fieldListSelectionPage li.radarRequests .status{padding-left:20px}#masFilterPage-radar-target li.radarRequests p{font-size:16px;line-height:28px}#masFilterPage-radar-target .list-item .btn .icon-left:after{display:none}#masFilterPage-radar-target .ui-list .list .list-item{height:28px;line-height:28px;padding-right:25px}#masFilterPage .event-categories-tree{margin-top:120px;width:50%}#masFilterPage .buttons-container{border-top:solid 4px}#masFilterPage .buttons-container.without-filter-surveillance-bt{padding-top:37px}#masFilterPage .buttons-container .inline-2btn{display:flex;justify-content:space-around}#masFilterPage .buttons-container .inline-2btn .btn,#masFilterPage .buttons-container .inline-2btn .v-btn{margin:0;width:49%}#masFilterPage .buttons-container .inline-2btn .v-btn .btn{margin:0;width:100%}#masFilterPage .filter-collapser-wrapper{padding:10px 35px 15px}#masFilterPage .text-label.tooltipster.tooltipstered{cursor:inherit}#masFilterPage .separator-wrapper{margin:5px 0 30px;float:left;width:100%;display:flex;justify-content:center}#masFilterPage .separator-content{border-bottom:1px solid #eeeeee;width:90%}#masFilterPage .inlineTooltip .field-text{width:45%}#masFilterPage .inlineTooltip .fields.inlineGroup{width:10%;padding-top:14px}#masFilterPage .masFilterPageSectionTitle{margin-left:10px;padding-left:40px}#masFilterPage .clear-filter-button{position:absolute;right:80px;top:4px}#zoneToolsPage .list-item-l{height:min-content;min-height:47px;padding-bottom:1px}#zoneToolsPage .list-item-l p{height:100%}#mas-VesselVoyageStopover .ui-icon-port:after{display:none}#mas-VesselVoyageStopover .ui-icon-port{padding-left:0}#mas-VesselVoyageStopover .areas-select{height:48px}#mas-VesselVoyageStopover .areas-select .select-input{height:40px}#mas-VesselVoyageStopover .add-temp-zone-btn{margin:8px 5px}.mas-behavior-utils-section{position:relative;width:100%;display:block;float:left;text-align:left}.mas-behavior-utils-section .list-field.field-checkboxes{text-align:left}.mas-behavior-utils-over,.mas-behavior-utils-over-75{position:absolute;top:0px;right:0;width:50%;display:block;float:right}.mas-behavior-utils-over-75{width:75%}.mas-behavior-utils-over.field-checkboxes{padding:0;top:5px;text-align:left}.mas-behavior-utils-over.field-checkboxes .checkboxes-input{padding:0}.mas-behavior-utils-sub-section{position:relative;width:100%;display:block;float:left;padding-left:35px}#mas-umvMenu{position:fixed;top:120px;right:5px;z-index:10}#mas-umvMenu-menu{display:block;width:36px;margin:0;padding:0;overflow:hidden;z-index:1098}#mas-umvMenu-menu .list-item{margin-top:5px}#mas-umvMenu-menu .icon-m.icon-left:after,#mas-umvMenu-menu .icon-l.icon-left:after{left:7px}@media screen and (max-width: 600px){#mas-umvMenu-menu{display:none;top:70px!important;max-height:100%;overflow-y:auto;max-width:100%}.metocLegend-on #mas-umvMenu-menu{top:91px}#mas-umvMenu.cls-on #mas-umvMenu-menu{display:block}#mas-umvMenu .list-item-xxl,#mas-umvMenu .list-item-xl,#mas-umvMenu .list-item-l{height:60px;width:320px;max-width:100%;padding-top:5px}#mas-umvMenu .list-item-xxl,#mas-umvMenu .list-item-xl p,#mas-umvMenu .list-item-l p{margin-top:0}}#mas-umvToolbar{position:absolute;top:289px;bottom:auto;left:calc(100% - 41px);z-index:10;height:36px}#mas-umvToolbar .btn{border-radius:0}#mas-umvToolbar-root{display:block;width:36px;height:36px;margin:0;border:none;cursor:pointer}#mas-umvToolbar-menu{position:fixed;bottom:auto;top:289px;left:100%;z-index:10;display:inline-block;width:180px;height:36px;overflow:hidden;max-width:100%;transition:padding .5s ease,left .5s ease;-moz-transition:padding .5s ease,left .5s ease;-webkit-transition:padding .5s ease,left .5s ease;-o-transition:padding .5s ease,left .5s ease}#mas-umvToolbar-menu.opened{left:calc(100% - 226px)}#mas-umvToolbar-menu .btn{display:inline-block;margin:0;float:left;border:none;width:36px;height:36px}#mas-umvToolbar-move{position:absolute;display:none;z-index:1032;margin:0;width:36px;height:36px;border:none}#surfaceMeasureList .list.core-gis-footer-list-flex.measureList-list{margin:0 auto}#surfaceMeasureList .list.core-gis-footer-list-flex.measureList-list .list-item{height:90px}#surfaceMeasureList .list.core-gis-footer-list-flex.measureList-list .list-item h3{margin-top:32px}#multiPinPopup .resourceCheckBoxes{display:flex;flex-wrap:wrap;padding:4px 10px}#multiPinPopup .resourceCheckBox{width:110px}#multiPinPopup .onlySubmit{text-align:center}#mas-InfoPanelManager{position:fixed;left:0;top:55px;z-index:1;width:92px;height:300px;overflow-y:auto;direction:rtl}#mas-InfoPanelManager:hover{width:auto}.child-ml-12 .mas-InfoPanel{margin-left:12px}#mas-InfoPanelManager .infopanel-container{direction:ltr}.mas-InfoPanel{position:fixed;display:inline-block;max-height:88vh;width:460px;padding-right:0;top:50px;left:90px;margin:5px 0;overflow:hidden;visibility:visible;transition:left ease-in .5s,opacity ease-in .5s,transform ease-in .5s;transform-origin:top left}.mas-InfoPanel.closed{opacity:0;transform:scale(0)}.mas-InfoPanel.opened{opacity:1;transform:scale(1)}.mas-InfoPanel.opened.compared{left:800px}.infopanel-mini{position:relative;width:80px;height:30px;cursor:pointer;transition:background-color ease-in .5s,width .3s ease-in;margin:0;line-height:30px;overflow:hidden;text-overflow:ellipsis;z-index:2}.infopanel-mini:hover{width:200px}.infopanel-mini .title{overflow:hidden}.infopanel-mini:hover p{display:inline;margin-right:5px}.infopanel-mini:hover image{position:absolute;top:0;right:30px}.infopanel-mini .delete-button{visibility:hidden}.infopanel-mini:hover .delete-button{position:absolute;visibility:visible;top:0;right:0}.mas-InfoPanel h3{text-align:left}.mas-InfoPanel.closed .content{opacity:0}.mas-InfoPanel .header-group:after{top:20px}.mas-InfoPanel .header-group{transition:all ease-in .5s;height:38px}.mas-InfoPanel .header-group .title{display:inline-block;text-overflow:ellipsis;overflow:hidden;max-width:calc(100% - 186px)}.mas-InfoPanel .header-group .subtitle{padding-left:10px}.mas-InfoPanel .header-group img{padding:10px 0 0 10px;display:inline-block;vertical-align:top}.mas-InfoPanel .header-group .infopanel-actions{float:right}.mas-InfoPanel.vessel.closed .header-group .risk-level,.mas-InfoPanel.closed .header-group .infopanel-actions{display:none}.mas-InfoPanel .header-group .header-button{height:35px;padding:15px}.mas-InfoPanel .content{padding:10px;position:relative}.mas-InfoPanel .content .infopanel-fixed-container,.mas-InfoPanel .content .info-container{font-style:italic}.mas-InfoPanel .content .info-container{display:none;position:relative}.mas-InfoPanel .content .info-container .info-button{position:absolute;top:0;right:0}.mas-InfoPanel .content .info-container .info-content{height:100px;overflow:auto;padding:10px}.mas-InfoPanel .content .info-comment{width:calc(100% - 37px);word-break:break-all;height:70px}.mas-InfoPanel .content .info-comment #comment-content{height:70px}.mas-InfoPanel .content .info-container.selected{display:block;padding-top:10px}.mas-InfoPanel .content .infopanel-fixed-container h3,.mas-InfoPanel .content .info-container h3,.mas-InfoPanel .content .detailed-informations h3{padding:10px;font-size:18px}.mas-InfoPanel .content .detailed-informations .field-geometry .list-item h3{padding:0;font-size:14px}.mas-InfoPanel .content .infopanel-fixed-container .field-geometry h3.icon-m.icon-left,.mas-InfoPanel .content .info-container .field-geometry h3.icon-m.icon-left,.mas-InfoPanel .content .detailed-informations .field-geometry h3.icon-m.icon-left{padding:10px 10px 10px 30px}.mas-InfoPanel .content .detailed-informations h3{display:inline-block;margin:0}.mas-InfoPanel .content .picture{width:180px;height:120px;display:block;margin-left:auto;margin-right:auto;overflow:hidden;position:relative;text-align:center}.mas-InfoPanel .content .picture img{height:120px}.mas-InfoPanel .content .picture .picture-copyright{position:absolute;bottom:0;left:0;font-size:10px;font-style:italic}.mas-InfoPanel .content .menu-right{top:10px;right:10px;z-index:1;position:absolute}.mas-InfoPanel .content .menu-right .btn{width:40px;height:40px}.mas-InfoPanel .content .details-menu{display:flex;flex-wrap:wrap}.mas-InfoPanel .content .details-menu .btn.ui-icon-config{position:absolute;right:4px;margin-top:10px}.mas-InfoPanel .content .details-element{position:relative;width:calc(33% - 10px);height:46px;margin:5px;z-index:2;text-overflow:clip;white-space:initial}.mas-InfoPanel .content .details-element.loading{pointer-events:none;cursor:wait}.mas-InfoPanel .content .details-element{transform-origin:left;transition:color .5s ease-in}.mas-InfoPanel .content .details-element .hover-effect{position:absolute;content:"";top:0;left:0;width:8px;height:100%;transform-origin:left;transition:width .5s ease-in,color .5s ease-in;z-index:-1}.mas-InfoPanel .content .details-element:hover .hover-effect{width:100%}.mas-InfoPanel .content .details-element .details-element-length{position:absolute;right:2px;bottom:2px}.mas-vesselInfoPanel-vesselTab-info .field-like.details-element-loading-container{height:24px;overflow:hidden}.mas-vesselInfoPanel-vesselTab-info .field-like.details-element-loading-container .field-input{height:20px;overflow:hidden}.mas-InfoPanel .content .details-element .details-element-loading{position:absolute;right:2px;bottom:2px;border:3px solid;border-bottom-color:transparent;border-radius:50%;width:18px;height:18px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mas-InfoPanel .content .detailed-informations{height:100%;max-height:calc(88vh - 70px);overflow:hidden;position:absolute;bottom:-100%;left:0;width:100%;transition:bottom .5s linear;z-index:3}.mas-InfoPanel .content .detailed-informations.visible{top:0;transition:bottom .3s linear}.mas-InfoPanel .content .detailed-informations h2{display:inline}.mas-InfoPanel .content .detailed-informations .close-btn{height:32px;width:32px;bottom:2px}.mas-InfoPanel .content .detailed-informations #attachments-btn{position:absolute;right:35px;top:4px}.mas-InfoPanel .content .detailed-informations .export-btn{float:right;width:32px;top:4px}.mas-InfoPanel .content .detailed-information{position:relative;display:inline-block;width:calc(50% - 10px);text-align:left}.mas-InfoPanel .content .btn-report{display:inline-block;border:1px solid;border-radius:0;width:calc(50% - 10px);margin:0 4px;padding-top:5px;padding-bottom:5px}.mas-InfoPanel .content .menu-bottom{width:100%}.mas-InfoPanel .content .menu-bottom .has-header{padding-top:0}.mas-InfoPanel .infopanel-footer{width:100%;padding:10px 5px;text-align:center}.mas-InfoPanel .infopanel-footer .btn{margin-right:10px}.mas-InfoPanel .archive-report-button{position:relative;bottom:0;left:0;right:0;text-align:center;cursor:pointer}.mas-InfoPanel .archive-report-button p{margin:0}.mas-InfoPanel .fields .list-field-inline{width:calc(50% - 15px);margin:5px}.mas-InfoPanel .vessel-btn{border-radius:0;background-color:transparent;position:relative;z-index:2}.mas-InfoPanel .vessel-btn:hover{background-color:transparent}.mas-InfoPanel .vessel-btn span:before{position:absolute;content:"";top:0;left:0;width:10px;height:100%;transform-origin:left;transition:width .5s ease-in;z-index:-1;background-color:#007abd}.mas-InfoPanel .vessel-btn:hover span:before{width:100%}.mas-InfoPanel .tabInfoPanel-mapPreview{position:absolute;bottom:10px;left:10px;z-index:5}@media (max-height: 700px){.mas-InfoPanel .content .details-element{margin:4px 10px}.mas-InfoPanel .infopanel-footer{padding:0}}.mas-InfoPanel .navigationCyclone{display:flex;flex-flow:row wrap;justify-content:space-between}.mas-InfoPanel .navigationCyclone>*{width:33%}.mas-InfoPanel .navigationCyclone .positions-index{text-align:center;margin-top:6px}.mas-InfoPanel .navigationCyclone .next-action{text-align:right}.mas-InfoPanel .content .detailed-information .text-information-overflow{overflow:auto;max-height:40px;word-break:break-word}.mas-InfoPanel .content .text-information-overflow span:not(:last-of-type):after{content:", "}.mas-InfoPanel .content .detailed-information.full-width{width:100%}.mas-InfoPanelTabTimeline{height:calc(100% - 41px);overflow-y:auto;padding:0}.mas-InfoPanelTabTimeline .timeline{list-style:none;padding:20px 0 30px 130px;margin:0;min-height:100%;position:relative}.mas-InfoPanelTabTimeline .timeline-filters{width:100%;left:0;z-index:1}.mas-InfoPanelTabTimeline .timeline:before{content:"";position:absolute;background-color:#007abd;top:0;height:auto;min-height:100%;width:2px;left:115px}.mas-InfoPanelTabTimeline .timeline li{position:relative;margin:30px 0}.mas-InfoPanelTabTimeline .timeline li .clickable{transition:background .3s,width .3s,height .3s;-webkit-transition:background .3s,width .3s,height .3s;-moz-transition:background .3s,width .3s,height .3s;-ms-transition:background .3s,width .3s,height .3s;-o-transition:background .3s,width .3s,height .3s}.mas-InfoPanelTabTimeline .timeline li .clickable:hover{background-color:#007abd;border-color:transparent;color:#eee}.mas-InfoPanelTabTimeline .timeline li:before{content:"";background-color:#007abd;border-radius:50%;width:12px;height:12px;position:absolute;top:7px;left:-20px}.mas-InfoPanelTabTimeline .timeline.lineFilled:before{background:none}.mas-InfoPanelTabTimeline .timeline.holeLine:before{background:none}.mas-InfoPanelTabTimeline .timeline.lineFilled li:nth-child(2n):after{content:"";position:absolute;background-color:#007abd;height:100%;width:2px;left:-15px;padding-top:40px}.mas-InfoPanelTabTimeline .timeline.holeLine li:nth-child(2n+1):after{content:"";position:absolute;background-color:#007abd;height:100%;width:2px;left:-15px;padding-top:40px}.mas-InfoPanelTabTimeline .timeline li .timeline-date{position:absolute;text-transform:uppercase;left:-105px;color:#666c84;top:0}.mas-InfoPanelTabTimeline .timeline li .timeline-hour{position:absolute;text-transform:uppercase;left:-100px;color:#666c84;top:15px}.mas-InfoPanelTabTimeline .timeline li .timeline-dateBis,.mas-InfoPanelTabTimeline .timeline li .timeline-hourBis{margin-top:40px}.mas-InfoPanelTabTimeline .timeline li .timeline-name{display:block;font-weight:700;white-space:pre-line}.mas-InfoPanelTabTimeline .timeline-actions{position:absolute;top:5px;left:calc(100% - 110px)}.mas-InfoPanelTabTimeline .timeline-actions .btn{width:32px;height:32px;z-index:1}.mas-InfoPanelTabTimeline .timeline li .timeline-text{white-space:pre-line;display:block}.mas-InfoPanelTabTimeline .field-text,.mas-InfoPanelTabTimeline .field-checkboxes{position:absolute;bottom:0;border-top:1px solid #006aa4;background-color:#1b2135}.mas-InfoPanelTabTimeline .field-text input{border:1px solid #006aa4}.mas-InfoPanelTabTimeline .no-data-timeline{margin:30px 0;text-align:center}.mas-InfoPanelTabTimeline.compared{margin-top:20px;height:calc(100% - 61px)}.mas-InfoPanelTabTimeline.compared.visibleFilter{height:calc(100% - 100px)}.mas-InfoPanelTabTimeline .timeline-title{position:absolute;top:40px}.mas-InfoPanelTabTimeline .timeline-title span,.mas-InfoPanelTabTimeline .timeline-title span.a{display:block;width:230px;padding-left:40px}.mas-InfoPanelTabTimeline .timeline-title span.left{float:left}.mas-InfoPanelTabTimeline .timeline-title span.right{float:right}.mas-InfoPanelTabTimeline .timeline-title span:before{content:"";background-color:#007abd;border-radius:50%;width:12px;height:12px;position:absolute;top:4px}.mas-InfoPanelTabTimeline .timeline-title span.right:before{right:200px}.mas-InfoPanelTabTimeline .timeline-title span.left:before{background-color:#9bbb59;border-radius:0;left:20px}.mas-InfoPanelTabTimeline.identityChange .timeline-title span.left:before{left:20px}.mas-InfoPanelTabTimeline .timeline.compared:before{left:240px}.mas-InfoPanelTabTimeline .timeline.compared{padding-left:255px}.mas-InfoPanelTabTimeline .timeline.compared li.left{text-align:right;left:-250px;width:230px}.mas-InfoPanelTabTimeline .timeline.compared li.left:before{left:230px}.mas-InfoPanelTabTimeline .timeline.compared li.left .timeline-name,.mas-InfoPanelTabTimeline .timeline.compared li.left .timeline-text{width:230px;position:relative;display:block}.mas-InfoPanelTabTimeline .timeline.compared li.left .timeline-date,.mas-InfoPanelTabTimeline .timeline.compared li.left .timeline-hour,.mas-InfoPanelTabTimeline .timeline.compared li.right .timeline-date,.mas-InfoPanelTabTimeline .timeline.compared li.right .timeline-hour{position:static}.mas-InfoPanelTabTimeline .timeline li.left:before{background-color:#9bbb59;border-radius:0}.mas-InfoPanelTabTimeline.commentHistory .timeline{word-break:break-all}.mas-InfoPanelTabTimeline .timeline-additional-info{position:absolute;right:0;top:0;display:flex}.mas-InfoPanelTabTimeline .timeline-additional-info *{margin:5px}.mas-InfoPanelTabTimeline .timelineListWithDate{top:5px}.mas-InfoPanelTabTimeline.voyage .timeline-text{color:#ff0}.mas-InfoPanelTabTimeline.voyage .timeline-text.timeline-subtext{color:#eee}.mas-InfoPanelTabTimeline.portCall .timeline-text.timeline-subtext{color:#ff0}.mas-InfoPanelTabTimeline.event .timeline-subtext{color:#9fc7e3;font-size:12px}.mas-InfoPanelTabReports{height:100%;overflow:auto;padding:0 0 30px}.mas-InfoPanelTabReports .reports-list{list-style:none;margin:0;padding-left:0}.mas-InfoPanelTabReports .reports-list .reports-element{padding:5px 52px 5px 20px;margin:2px 0;position:relative}.mas-InfoPanelTabReports .reports-list .reports-element .report-icons{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;cursor:pointer;float:right}.mas-InfoPanelTabReports .reports-list .reports-element .report-info{width:calc(100% - 52px);display:inline-block}.mas-InfoPanel.vessel .tabGrid-container.nearbyVessel{height:calc(100% - 360px)}.mas-InfoPanel.vessel .tabGrid-container.shipOwner .tabGrid.dx-widget.dx-visibility-change-handler{height:100%;width:100%}.mas-InfoPanel.vessel .mas-InfoPanelTabTimeline.aisLag.with-map-preview{height:calc(100% - 360px)}.mas-InfoPanel.vessel .editItem{margin-top:6px;width:32px}.mas-InfoPanel.vessel .vessel-radar-echo-info-panel .content .info-content{height:250px;overflow:auto}.mas-InfoPanel.vessel .vessel-radar-echo-info-panel .content .info-container.selected{height:auto}.mas-InfoPanel.mas-vesselInfoPanel{width:708px}.mas-vesselInfoPanel-header,.mas-InfoPanel .header-group{height:60px}.mas-vesselInfoPanel-header{display:flex;flex-flow:column}.mas-InfoPanel.vessel .header-group.custom-color .header-button:hover{background-color:#ffffff1a}.mas-vesselInfoPanel-header .row1,.mas-vesselInfoPanel-header .row2{display:flex;flex-flow:row}.mas-vesselInfoPanel-header-title{flex:1;text-overflow:ellipsis}.mas-vesselInfoPanel-header .risk-level{width:20px;height:20px;display:inline-block;margin:9px 2px 0;border-radius:50%;border:1px solid}.mas-vesselInfoPanel-header .row1 .flag{height:22px;padding-right:6px}.mas-vesselInfoPanel-header-subtitle{flex:1}.mas-vesselInfoPanel-header-subtitle{height:22px;line-height:22px;text-align:left}.mas-InfoPanel .mas-vesselInfoPanel-content.content{padding:4px}.mas-vesselInfoPanel-content .vessel-information-title{text-align:center;height:30px}.mas-vesselInfoPanel-content .info-container.selected{margin:0 0 10px;height:240px}.mas-vesselInfoPanel-content .info-container .info-content{padding:0 0 0 10px;height:calc(100% - 40px)}.mas-vesselInfoPanel-content .positions-title{padding:0 0 5px;text-align:center;font-size:15px}.mas-vesselInfoPanel-content .detailed-information{vertical-align:text-top}.mas-vesselInfoPanel-content .bloc-title,.mas-vesselInfoPanel-content .bloc-subtitle{text-align:center;height:30px;line-height:30px;font-size:15px;width:100%}.mas-vesselInfoPanel-content .bloc-title{background-color:#006aa4}.mas-vesselInfoPanel-content .bloc-subtitle{background-color:#849f4c}.mas-vesselInfoPanel-content{border-top:solid 1px transparent;display:flex;flex-flow:column}.mas-vesselInfoPanel-tabs{height:20px;margin-bottom:8px}.mas-vesselInfoPanel-tabs.field-status .status-label{font-size:14px;height:26px}.mas-vesselInfoPanel-tabs.ui-icon-alert:after{margin-top:-8px}.mas-vesselInfoPanel-vesselTab{flex:1;display:flex;flex-flow:row}.mas-vesselInfoPanel-vesselTab-info{flex:1;display:flex;flex-flow:column}.mas-vesselInfoPanel-vesselTab-info .field-like{height:auto;padding:2px 0 2px 8px;line-height:20px}.mas-vesselInfoPanel-vesselTab-info .field-like .field-input{height:auto;line-height:20px}.mas-vesselInfoPanel-vesselTab-info .field-like.alert{font-weight:700;background-color:#f02d43}.mas-vesselInfoPanel-vesselTab-buttons{width:180px;padding:0 4px;position:relative}.mas-vesselInfoPanel-vesselTab-buttons .details-element.btn{width:100%;height:36px;margin-right:0;margin-left:0;padding-right:20px;padding-top:3px;line-height:16px}.mas-InfoPanel .content .mas-vesselInfoPanel-vesselTab-buttons .details-element .details-element-length{font-size:13px;bottom:2px}.mas-vesselInfoPanel-vesselTab-buttons .btnVesselRegistry{position:absolute;top:auto;bottom:6px;left:6px;width:calc(100% - 12px);white-space:break-spaces;height:54px}.mas-vesselInfoPanel-vesselTab-buttons .details-element.panelPreferences:hover{background-color:transparent}.mas-vesselInfoPanel-vesselTab-info-row{display:flex;flex-flow:row}.mas-vesselInfoPanel-vesselTab .mas-positionsInfopanel{height:calc(100% - 30px);padding:4px 0 0 4px}.mas-InfoPanel .mas-vesselInfoPanel-content.content .mas-vesselInfoPanel-vesselTab-info-row .picture{flex:1;cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center;min-height:180px}.mas-vesselInfoPanel-vesselTab-info-row .report-picture{max-width:100%;height:auto}.mas-vesselInfoPanel-vesselTab-info-row .registred-info{flex:1;padding-bottom:8px;min-height:180px}.mas-vesselInfoPanel-vesselTab-info-row .dynamic-info{flex:1;border-right:solid 1px rgb(132,159,76)}.mas-vesselInfoPanel-vesselTab-info-row .dynamic-info .mas-positionsInfopanel{padding:4px 4px 8px}.mas-vesselInfoPanel-vesselTab-info-row .dynamic-info .mas-positionsInfopanel .info-content-positions{height:auto}.mas-vesselInfoPanel-vesselTab-info-row .dynamic-info .mas-positionsInfopanel .info-content-positions .list-field-inline{padding-left:0;text-align:left}.mas-vesselInfoPanel-vesselTab-info-row .static-info{flex:1;padding-bottom:8px}.mas-vesselInfoPanel-vesselTab-info-row .dynamic-info .info-position{position:relative;text-align:left}.mas-vesselInfoPanel-vesselTab-info-row .dynamic-info .info-position.w50{display:inline-block;width:49%}.mas-vesselInfoPanel-vesselTab .uda-comment{margin-top:10px;border-top:solid 2px #006aa4;padding-top:10px}.mas-vesselInfoPanel-buttonsContent{position:absolute;top:70px;width:100%}.mas-vesselInfoPanel-content.content .detailed-informations.hidden{visibility:hidden}.mas-vesselInfoPanel-content.content .detailed-informations.radar-echo-informations.visible{height:calc(100% - 28px);background-color:#222a44}.mas-InfoPanel .mas-vesselInfoPanel-content.content .detailed-informations.visible{top:auto;bottom:0px;width:calc(100% - 184px)}.mas-vesselInfoPanel-content.content .detailed-informations .tabGrid-container{width:calc(100% + 32px)}.mas-vesselInfoPanel-content.content .detailed-informations .export-btn{float:right;right:34px;position:relative}#mas-fleetsMain{padding:70px 0 0 250px;.left-menu {position: absolute; left: 0; top: 70px; bottom: 0; width: 250px; .drop-zone {transition: background-color ease-in .2s,color ease-in .2s;} .left-menu-btn {width: 100%; height: auto; h3 {padding-top: 20px; padding-bottom: 20px; position: relative; width: 100%; height: 100%; margin: 0;} .content {max-height: 0; padding: 0; overflow: hidden; transition: max-height ease-in .2s;} .content li {position: relative; list-style: none; height: 22px; margin: 10px 0; .selected {background-color: var(--color-active) !important; color: var(--color-full-white) !important;} .fleetName {position: absolute; width: calc(100% - 45px); cursor: pointer; text-align: left;} .fleetName.riskIcon {width: calc(100% - 85px); text-align: left;} .fleetName.no-icons {width: 100%; text-align: left;} .fleetAction {right: 0; position: absolute; width: 58px; height: 18px;} .fleetAction.withRisk {width: 79px;} .risk-level {width: 18px; height: 18px; display: inline-block; float: left; margin: 7px 4px 0 0; border-radius: 50%; border: 1px solid;} .risk-level.noRisk {background-color: #eee;} .risk-level.high {background-color: red;} .risk-level.notVisible {visibility: hidden;}}}} .left-menu .left-menu-btn.expanded .content {max-height: calc(100vh - 251px); overflow: auto;} .fleet-infos {display: flex; justify-content: space-between; background-color: var(--color-light-grey);} .fleet-buttons {display: flex; align-items: center; div {background-color: var(--color-light-grey); color: var(--color-dark);} label {background-color: var(--color-light-grey); color: var(--color-dark); border: none; & ::after {background-color: var(--color-full-white); color: var(--color-dark);} &:hover {font-weight: normal;}}} .field-checkbox .checkbox-label {&:after {border: solid 1px; background-color: var(--color-full-white);} &:hover::after {border: solid 1px; color: var(--color-dark); opacity: .5;}} .field-checkbox .checkbox-label.checked {&::after {background-color: var(--color-full-white); color: var(--color-dark); border: solid 1px;}} h2 {padding: var(--space-sm); color: var(--color-dark);} p {margin: 4px;} .table-icon {text-align: center !important;} .dx-datagrid-headers .dx-datagrid-table .dx-row {& td {background-color: var(--color-background); color: var(--color-dark); border-bottom: none;}} .dx-datagrid .dx-column-indicators .dx-sort.dx-sort,.dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter,.dx-checkbox.dx-state-readonly .dx-checkbox-icon {color: var(--color-dark);} .dx-datagrid-content .dx-datagrid-table .dx-row>td {vertical-align: middle;} .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,.dx-datebox-calendar .dx-dropdowneditor-icon,.dx-editor-cell .dx-texteditor .dx-texteditor-input {color: var(--color-field-text-placeholder-color);} .dx-dropdowneditor-icon {color: var(--color-field-text-placeholder-color) !important;} .dx-editor-cell .dx-texteditor .dx-texteditor-input,.dx-textbox .dx-texteditor .dx-editor-outlined .dx-widget .dx-texteditor-empty .dx-state-focused,.dx-texteditor-container {background-color: var(--color-light-grey);} .dx-checkbox .dx-checkbox-icon {background-color: var(--color-full-white);} .dx-scrollable-scroll-content {background-color: var(--color-scrollbar);} .dx-scrollbar-horizontal.dx-scrollbar-hoverable {background-color: var(--color-background);} .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover,.dx-menu .dx-menu-item-expanded {background-color: var(--color-active);} .dx-datagrid-filter-row .dx-menu-item-content .dx-icon {color: var(--color-field-text-placeholder-color);} .grid-and-map-preview {display: flex; overflow: hidden; height: 100%; .btn.change-map-size {height: 31px;} .grid-container {width: 70%;} .gridMainPage-mapPreview {width: 30%;}} .grid-and-map-preview.maximise-map .grid-container {width: 50%;} .grid-and-map-preview.maximise-map .gridMainPage-mapPreview {width: 50%;} .dragged {position: fixed; padding: 10px 30px; z-index: 2;} .dx-freespace-row {display: none !important;} .ship-centric-btn {transition: ease .3s; &:hover {color: var(--color-color-field-btn-hover); background-color: var(--color-background-field-btn-hover);}} .vessel-btn {margin: 4px 6px 4px 0px;} #countStyle {background-color: var(--color-tablet); color: var(--color-dark); min-width: 32px; border-radius: 4px; padding: 0 4px; font-size: 9pt;} .recentlyUpdatedSanctions {position: relative; &::after {position: absolute; right: 0; top: calc(50% - 5px); content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: var(--color-tablet);}}}#mas-fleetsMain-fmGrid{padding-bottom:65px;.grid-picture-container {position: relative;} .grid-comment {white-space: normal; word-break: break-all;} .grid-associatedFleets {white-space: normal; word-break: break-all;} .grid-picture {max-width: 100%;} .grid-copyright {position: absolute; bottom: 0; left: 0; font-size: 10px; font-style: italic;}}#mas-fleetPopup{text-align:center}.importFleetButton{margin-bottom:20px}.mas-positionsInfopanel{position:relative;text-align:center;height:81%}.mas-positionsInfopanel .first-btn{margin-right:3px}.mas-positionsInfopanel .previous-btn{margin-right:20px}.mas-positionsInfopanel .last-btn{margin-left:3px}.mas-positionsInfopanel .next-btn{margin-left:auto}.mas-positionsInfopanel .info-position{margin-bottom:5px}.mas-positionsInfopanel .info-content-positions{overflow:auto;height:100%}.mas-positionsInfopanel .info-content-positions.show-index{overflow:auto;height:83%}.mas-positionsInfopanel .index-navigation-wrapper{display:flex;align-items:center}.mas-positionsInfopanel .index-navigation-wrapper .positions-index{margin:0}div.radar-image-container.radar-image{cursor:pointer}.radar-image{margin:5px;text-align:center}.radar-index{text-align:center}.radar-index p{display:inline-block}.mas-InfoPanel.radar-echo .header-group.custom-color .header-button{background-color:transparent}.mas-InfoPanel.radar-echo .header-group.custom-color .header-button:hover{background-color:#ffffff1a}.detailed-information.without-icon{vertical-align:top}#picturePopup{max-width:550px;max-height:825px;text-align:center}#picturePopup .picture{max-width:550px;max-height:825px}.radar-image{margin:5px;text-align:center}.radar-index{text-align:center}.radar-index p{display:inline-block}.mas-InfoPanel.radar-echo .header-group.custom-color .header-button{background-color:transparent}.mas-InfoPanel.radar-echo .header-group.custom-color .header-button:hover{background-color:#ffffff1a}.detailed-information.without-icon{vertical-align:top}.mas-InfoPanel.vessel .content .info-container .feature-information-title{text-align:center;height:30px}.mas-InfoPanel .content .info-container .detailed-metadata{padding:0 0 0 10px;height:15em;overflow-y:auto;overflow-x:hidden}.mas-InfoPanel.vessel .content .details-menu{overflow:auto;height:110px}.mas-InfoPanel .content .details-element.panelPreferences:hover{background-color:transparent}.mas-InfoPanel.vessel .content .detailed-information{vertical-align:text-top}.mas-InfoPanel.vessel .content .detailed-informations .tabGrid-container{width:calc(100% + 32px)}.mas-InfoPanel .content .detailed-informations.hidden{visibility:hidden}#masInfoPanelPreferencesPopup{max-width:500px}.mas-InfoPanel.behavior .content{display:flex;flex-flow:column wrap;width:100%}.mas-InfoPanel.behavior .map-content{display:flex;justify-content:space-between}.mas-InfoPanel.behavior .content .details-menu{display:flex;flex-wrap:wrap}.mas-InfoPanel.behavior .content .behavior-content .map-content .tab-content{display:flex;flex-flow:column;width:240px}.mas-InfoPanel.behavior .content .behavior-content .map-content .tab-content .detailed-information{width:100%}.mas-InfoPanel.behavior .content .report-info-container .report-info .behavior-description{padding:4px;word-break:break-word;max-height:200px;width:440px;min-height:70px}.mas-InfoPanel.behavior .content .behavior-content .map-content .tab-content .rdv.detailed-information{padding-top:30px}.mas-InfoPanel.behavior .content .behavior-content .map-content .tab-content .rule.detailed-information{font-style:italic}.mas-InfoPanel.behavior .content .behavior-content .map-content .tab-content .bottom-space{margin-bottom:30px}.mas-InfoPanel.behavior .content .behavior-content .map-content .tab-content .multiple-information-wrapper{display:flex;align-items:center;margin:0 0 10px}.mas-InfoPanel.behavior .content .behavior-content .map-content .tab-content .extra-label{max-width:35%;height:100%;display:flex;margin:0;padding:0;justify-content:center;align-items:center;border-right:1px solid #eeeeee}.graph-container{height:100%;width:100%}.graph-container .header-group{height:auto}.graph{height:calc(100% - 38px);width:100%}.mas-InfoPanel.zone{min-height:400px}.mas-InfoPanel.zone .content{height:400px;padding-bottom:50px}.mas-InfoPanel.zone .content .details-element{width:calc(50% - 20px)}.mas-InfoPanel .content .content-zone-general{margin:15px 5px 5px}.mas-InfoPanel .content .details-menu-zone{width:100%;padding-top:40px}.mas-InfoPanel #zoneFooter{position:absolute;bottom:0;left:0;width:100%}.mas-InfoPanel .zone-mapPreview{position:absolute;top:20px;right:20px}.mas-InfoPanel.zone .disabled .ui-icon-edit,.mas-InfoPanel.zone .disabled .btn.field-converter,.mas-InfoPanel.zone .disabled .ui-icon-delete,.mas-InfoPanel.zone .disabled .ui-icon-plus{display:none}.mas-InfoPanel.alert{min-height:280px}.mas-InfoPanel.alert .content{min-height:242px}.mas-InfoPanel.alert .content .alert-content{min-height:200px}.mas-InfoPanel.alert .content .detailed-information{width:100%}.mas-InfoPanel .alert-mapPreview{position:absolute;top:10px;right:10px;z-index:2}.mas-InfoPanel.alert .detailed-information.ui-icon-position,.mas-InfoPanel.alert .detailed-information.multi-line{white-space:pre-line}.mas-InfoPanel.alert .infopanel-fixed-container{height:300px;margin-top:5px;overflow-y:auto}.mas-InfoPanel.alert .infopanel-fixed-container ul{max-height:300px}.mas-InfoPanel.alert .tabGrid-container.alertContext{height:calc(100% - 360px)}.mas-InfoPanel.alert .infopanel-fixed-container .algoNames{white-space:pre-line}#mas-TrajectoryCycloneInfoPanel{position:relative;text-align:center;padding:10px}#mas-TrajectoryCycloneInfoPanel .previous-btn,#mas-TrajectoryCycloneInfoPanel .next-btn,#mas-TrajectoryCycloneInfoPanel .first-btn,#mas-TrajectoryCycloneInfoPanel .last-btn{position:absolute;bottom:5px}#mas-TrajectoryCycloneInfoPanel .first-btn{left:0}#mas-TrajectoryCycloneInfoPanel .last-btn{right:0}#mas-TrajectoryCycloneInfoPanel .next-btn{right:30px}#mas-TrajectoryCycloneInfoPanel .previous-btn{left:30px}#mas-TrajectoryCycloneInfoPanel .trajectory-index{position:relative;margin:10px 40px 0}.mas-InfoPanel.cyclone .tabGrid-container.nearbyVessel{height:calc(100% - 250px)}.mas-InfoPanel.event .content{display:flex;flex-flow:column wrap}.mas-InfoPanel.event .map-content{display:flex;justify-content:space-between}.mas-InfoPanel.event .content .details-menu{display:flex;flex-wrap:wrap}.mas-InfoPanel.event .content .event-content .map-content .tab-content{display:flex;flex-flow:column;width:100%}.mas-InfoPanel.event .content .event-content .map-content .tab-content .detailed-information{width:100%}.mas-InfoPanel.event .content .report-info-container .report-info .event-description{padding:4px;word-break:break-word;max-height:200px;width:440px;min-height:70px}.mas-InfoPanel.event .content .report-info-container .report-info .event-description .report-info-text{white-space:break-spaces}.mas-InfoPanel.event .content .event-content .map-content .tab-content .rdv.detailed-information{padding-top:30px}#mas-umvMain{visibility:visible;overflow:hidden}@media screen and (max-width: 600px){#mas-umvMain{padding:0}}#map{-ms-touch-action:none;touch-action:none;position:relative}#map .ol-scale-line.ol-unselectable{margin-bottom:25px}.portrait,.portrait #mas-umvMain{min-height:0}#mas-umvMain>.page-body{padding:0;overflow:hidden}#mapPage>.page-body.fullScreen{padding:0}#mas-umvMain .ui-filterable{left:10px;position:absolute;top:60px;z-index:1010}#report-searchbar{left:10px;overflow-y:auto;position:absolute;top:100px;width:242px;z-index:1010}#report-searchbar>li,#map-searchbar>a{font-size:.7em}#map .metoc-legends{bottom:120px}#mas-umvMain #core-gis-legends-editPopup,#mas-umvMain #mas-density-map-legends-editPopup{bottom:90px}.link-style{cursor:pointer;color:#cc0}.link-style:hover{color:#ff6}.list-item.trajectory h3{text-overflow:ellipsis}.list-item.trajectory .btn.split{padding:23px 2px 0;text-indent:0;text-align:center!important;line-height:17px}.list-item.trajectory .trajState:after{margin-left:0;margin-top:0;width:100%!important;left:0px;height:23px;top:0px;border-radius:0!important}.list-item.trajectory.traj-all .trajState:after{background-position:8px 2px,20px 7px}.list-item.trajectory.unchecked .ui-btn.state:after{visibility:hidden}.list-item.trajectory .alert{position:absolute;top:0px;right:28px}.list-item.trajectory .collectedDatas{position:absolute;top:18px;right:48px}#mas-Timeline,#mas-Timeline-container{position:fixed;bottom:0;left:0;right:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#mas-Timeline .ui-timeline .timeline .cursor-container .cursor.radar-product{cursor:pointer;z-index:3;width:2px}#mas-Timeline .ui-timeline .timeline .cursor-container:hover .cursor.radar-product{box-shadow:0 2px 10px 2px #fff3}#mas-Timeline .ui-timeline .timeline .cursor-container .cursor.position-item:before{content:"";background-color:#fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:14px;left:-4px}#mas-Timeline .cursor-container .cursor.radar-product.enhanced{width:5px!important}#mas-Timeline.disabled .ui-timeline .timespan-dialog{cursor:pointer;pointer-events:all}#timelinePopup{.text-input {background-color: var(--color-background-dark-blue); color: var( --color-full-white);} .date-edit.btn {color: var( --color-full-white);}}#mas-surveillancesMain{padding-left:0;.info-grid {margin-left: 0px;} .btn-new-surveillance {margin-top: 10px;} .dx-datagrid-headers .dx-datagrid-table .dx-row {& td {background-color: var(--color-background); color: var(--color-dark); border-bottom: none;}} .dx-datagrid .dx-column-indicators .dx-sort.dx-sort,.dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter,.dx-checkbox.dx-state-readonly .dx-checkbox-icon {color: var(--color-dark);} .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,.dx-datebox-calendar .dx-dropdowneditor-icon,.dx-editor-cell .dx-texteditor .dx-texteditor-input {color: var(--color-field-text-placeholder-color);} .dx-dropdowneditor-icon {color: var(--color-field-text-placeholder-color) !important;} .dx-editor-cell .dx-texteditor .dx-texteditor-input,.dx-textbox .dx-texteditor .dx-editor-outlined .dx-widget .dx-texteditor-empty .dx-state-focused,.dx-texteditor-container {background-color: var(--color-light-grey);} .dx-checkbox .dx-checkbox-icon {background-color: var(--color-full-white);} .gridTopBar {.gridTopBar-buttons {left: auto !important; display: flex; align-items: center; .btn {margin: 0;}}} .core-ui-leftMenu {position: static; padding: 0 0 0 50px; margin: 0; & ul {border-top-width: 0; background-color: var(--color-background); border-left: 1px solid var(--color-main); border-right: 1px solid var(--color-main); margin: 0 10px; position: static; width: auto; display: flex; &.cls-shadow {box-shadow: none;} & li {height: 100%; padding: 5px 20px; &:after {left: 5px; font-size: 2rem;} p {display: none;} h3 {display: none;} width: fit-content;}}}}#mas-Homepage{background:url(./homepage-background.17b0257a.webp) center no-repeat;background-size:cover;.homepage-overlay {background-color: rgba(0,106,164,.6); position: absolute; top: 0; bottom: 0; left: 0; right: 0;} #homepage-container {margin-top: 80px; position: relative; z-index: 2; .info-block {display: flex; justify-content: space-between; flex-direction: column;} .release-info-block {text-align: center; color: red; margin-bottom: 40px;} .homepage-last-infos {display: flex; justify-content: center; flex: 1 1 auto;} .messages-block {margin: var(--space-md); display: flex; flex-direction: column; justify-content: center; width: 50%; min-width: 400px; max-width: 850px; .homepage-no-data{color: var(--color-active)} .message-header {position: relative; color: #fff; cursor: pointer;} .message-header h2 {margin-top: 0; padding: 10px 0; text-transform: uppercase;} .statistics-data {height: 200px; overflow-y: auto; border: 1px solid; width: 66%; display: inline-block;} .message-block-header {display: flex; justify-content: space-between; align-items: center; .message-block-title {white-space: nowrap; font-size: var(--font-title-lg, 1.5em); text-transform: uppercase;} .btn {background-color: var(--color-active); border-radius: 10px;}} .last-message-container {border-radius: 10px; flex-grow: 1; padding: 10px; background-color: rgba(255,255,255,.8); height: 75vh; .last-messages {list-style: none; padding: 0; margin: 0; overflow-y: auto; height: 100%; &::-webkit-scrollbar {width: 5px; height: 5px; background-color: transparent;} &::-webkit-scrollbar-thumb {background-color: var(--color-active);} &::-webkit-scrollbar-track {background-color: transparent;} .last-message {padding: 5px 10px; color: rgb(0,122,189); cursor: pointer; .message-name {font-weight: bold; display: block;} .message-title {margin: 0; font-size: 1.2em;} .message-template {font-size: .8em; font-style: italic; font-weight: normal; border-left: 1px solid rgba(0,122,189,.8); padding-left: var(--space-sm); margin-left: var(--space-sm);} &:hover {background-color: rgba(0,0,0,.1);}}}}}} .search-tool-container {width: 100%; margin: auto; margin-bottom: 50px; flex: 0 1 auto; max-width: 600px; #mas-Homepage-Searchtool {#mas-Homepage-Searchtool-bar {margin: auto; max-width: 600px; background-color: rgba(255,255,255,.8); border: 0; box-shadow: none; height: 42px; padding: 8px 60px; &:after {background-color: #fff; padding-top: 8px; width: 40px; height: 40px; margin-top: -21px; left: 0;}} #mas-Homepage-Searchtool-scroller {position: relative; #mas-Homepage-Searchtool-list {position: absolute; z-index: 1;} #mas-Homepage-Searchtool-list:empty {visibility: hidden;}}}}}@media (max-height: 850px){#mas-Homepage #homepage-container .messages-block .last-message-container{height:65vh}}@media (min-height: 1500px){#mas-Homepage #homepage-container .messages-block .last-message-container{height:85vh}}.detail-sheet{--color-main: #242941;--color-title-color: #fff;--color-section-title-color: rgba(255, 255, 255, .1);position:relative;display:flex;flex-direction:row-reverse;&.fullsize{display:block;.detail-sheet__resume {position: static;} .detail-sheet__content {width: 95%;}}.detail-sheet__info {position: relative; margin: 5px 0; &.detail-sheet__info--position::after {color: rgba(255,255,255,1);} &.detail-sheet__info--date-start::after {color: rgba(255,255,255,1);} &.detail-sheet__info--date-raise::after {color: rgba(255,255,255,.5);}} .content__info {position: relative; word-wrap: break-word; hyphens: auto; &.icon-s::after {left: 0;}} .content__label {color: rgba(255,255,255,.6);} p {margin-bottom: 3px;} .content__list {list-style: none; padding: 0; height: 20%; max-height: 200px; overflow: auto; display: flex; flex-wrap: wrap; .content__list__item {font-size: .8em; margin: 3px; border: 1px solid rgba(255,255,255,.1); padding: 4px 10px; &:hover {background-color: rgba(255,255,255,.1);}}} .content__image {max-width: 30%; margin-bottom: var(--space-sm);} .content__title {font-weight: 700; font-size: 1.1em; border-bottom: 5px solid rgba(255,255,255,.1); padding-bottom: var(--space-sm);} .detail-sheet__problem {position: absolute; top: 0px; display: flex; justify-content: space-between; height: 30px; width: 100%; .sync-problem-disclaimer {background-color: red; line-height: 30px; flex: auto 1 0;}} .detail-sheet__resume {align-self: flex-start; padding-right: 20px; position: sticky; top: 35px; width: 25%; float: right; display: flex; flex-direction: column; flex-wrap: nowrap; .btn {margin: 5px 0; position: relative; right: auto; top: auto; &.view-position {background-color: var(--color-active);} &.download-icon {background-color: var(--color-active);}}} .section__adaptable-grid {display: flex; flex-wrap: nowrap; justify-content: space-between; padding-left: var(--space-md); .adaptable-grid__content {flex: 0 1 auto; margin-right: var(--space-md); min-width: 10%; img {max-width: 100%; margin-bottom: var(--space-md);} &:last-child {margin-right: 0;}}} .detail-sheet__content {padding: 35px 20px; width: 75%; .detail-sheet__header {position: relative; .target-icon {position: absolute; bottom: 5px; right: 5px; top: auto; left: auto;} .detail-sheet__title {position: relative; color: var(--color-title-color); text-align: left; word-break: break-all; font-weight: bold; font-size: 1.6em; margin: 0; padding: 0 0 10px 0;} .detail-sheet__content-with-picture {display: flex; align-items: center; justify-content: space-between; flex-direction: row;} .detail-sheet__read {margin: 0; position: relative;} .detail-sheet__template {font-style: italic; margin: 0 0 5px 0; background-color: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.3); display: inline-block; padding: 2px 6px;}} .detail-sheet__section {clear: both; .section__list-items {clear: both; margin-bottom: var(--space-xxl);} .section__grid {position: relative; display: block; border: none; padding: 0;} .section__ui-collapser {position: relative; display: block; border: none; padding: 0;} .section__title {background-color: var(--color-section-title-color); color: var(--color-title-color); font-weight: 700; font-size: 1.2em; padding: 5px 10px; margin: 10px 0; .btn {position: absolute; right: 2px; top: -2px; background-color: transparent;}} .section__media {width: 100%; max-width: 100%; margin: 0 0 10px 0; aspect-ratio: 3/2; position: relative; &.section__media--side-by-side {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; aspect-ratio: 21/9;} &.section__media--image {aspect-ratio: initial;} &.section__media--halfsize-left {width: 50%; max-width: 50%; float: left; margin: 0 10px 10px 0;} &.section__media--halfsize {width: 50%; max-width: 50%; float: right; margin: 0 0 10px 10px;} &.section__media--no-resize {width: initial; float: right; margin: 0 0 10px 10px;} img,canvas {width: 100%; vertical-align: middle;}} .section__content {padding-left: 10px; position: relative; &.section__content--columns {columns: 2;} .section__content__title {font-size: 1.2em; font-weight: 700; margin: 0 0 5px 0;} .section__content__list {list-style-type: "- "; padding-left: 20px;}}}}}.inboxPage,.inboxPage.page{.inboxPage-container {display: flex; flex-wrap: nowrap; .inboxPage-panel-control {float: none; width: 15%; border: none; .menu-btn {padding-left: 25px; &.ui-icon- {padding-left: 0;} .menu-title {color: var(--color-full-white);} .menu-counter {color: var(--color-full-white);} &:first-child .menu-counter {display: none;} &.active {border: none; background-color: #006aa4; color: #ffffff;}}} .inboxPage-item-list {float: none; width: 30%; display: flex; flex-direction: column; flex-wrap: nowrap; .search-form {height: auto; padding: var(--space-md); background-color: var(--color-background); border-bottom: 1px solid var(--color-dark); display: flex; flex-direction: column; .btn {color: var(--color-full-white); border: none; display: flex; align-items: center; &.ui-icon-cancel {background-color: var(--color-dark); margin-right: var(--space-sm); &::after {content:"\e005";}} &.ui-icon-search {background-color: var(--color-active);}} .ui-icon-edit {background-color: var(--color-full-white); color: var(--color-dark); border: none; &:hover {color: var(--color-dark); background-color: var(--color-full-white);}} .text-label {color: var(--color-dark); margin-right: 10px;} .field-input {width: 100%; background-color: var(--color-background);} .text-input,.select-input {background-color: var(--color-full-white); border-color: var(--color-dark); color: var(--color-dark);} &.field-item .field-text,&.field-item .field-select {padding: 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;} .field-checkbox {.checkbox-label {&:hover {font-weight: 400;} &::after {opacity: 1; color: transparent; background-color: var(--color-full-white); border: 1px solid var(--color-dark);} background-color: #eeeeee; color: var(--color-dark); border: none; &.checked {&::after {color: var(--color-dark);}}}}} .item-container .item-select input[type="checkbox"] {display: block; margin: 0;} .item-container {border: none; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-around; align-content: stretch; padding: var(--space-md); height: auto; font-size: 1rem; .item-select {padding: 0; position: relative; float: none; padding-right: var(--space-md); width: auto;} .item-content {position: relative; height: 100%; width: 100%; padding: 0; background-color: transparent; color: var(--color-dark); text-align: left; font-weight: 400; .item-content-title {font-size: 1.1em; margin: 0 0 5px 0; font-weight: 600;} .item-subcontent {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; .icon {position: relative;}} .item-subcontent-part {flex: 1 1 50%;}} .item-actions {position: relative; padding-left: var(--space-md); width: auto; display: flex; flex-direction: column; align-items: center; color: var(--color-dark); .item-action-icon {position: relative; width: 20px; height: 20px; cursor: pointer; outline: none; &:hover {outline: 1px solid rgba(0,0,0,.3);}}} &:hover {.item-action-icon {text-shadow: none;}} &.active {background-color: var(--color-active); .item-action-icon {color: var(--color-full-white); &:hover {outline: 1px solid rgba(255,255,255,.3);}}}} .header-group {min-height: auto; height: auto; background-color: var(--color-background); .item-selection-action-bar {border-bottom: 1px solid var(--color-dark); [type="checkbox"],#select-all,#select-allEvents {position: absolute; top: 15px; left: 10px;} .icon-action {padding-left: 30px; height: 40px; .btn {transition: none; color: var(--color-dark); background-color: var(--color-background);}} .index {color: #242941; margin: 0; position: absolute; top: 2px; right: 150px;}}}} .inboxPage-item-details {float: none; width: 55%;}}}#mas-eventsMain{.search-form {.event-categories-tree {margin-bottom: var(--space-md);} .dx-treeview {.dx-treeview-toggle-item-visibility {color: var(--color-dark);} .dx-checkbox-text {color: var(--color-dark);} .dx-checkbox-icon {background-color: var(--color-full-white); color: var(--color-dark); opacity: 1; transform: scale(.6); outline: 1px solid var(--color-dark);} .dx-treeview-item {color: var(--color-dark); &:hover {background-color: var(--color-background);}} ul.dx-treeview-node-container {max-height: 20vh; overflow: auto; ul.dx-treeview-node-container {overflow: hidden;}}}}}.masMainPageChoice.gridMainPage{padding:70px 0 0;overflow:hidden}.masMainPageChoice.gridMainPage .gridTopBar-buttons{display:flex;align-items:center}.masMainPageChoice .gridTopBar.mainBar{z-index:10}.masMainPageChoice .gridTopBar .gridTopBar-buttons{position:relative;top:0;left:0;padding-top:0}.masMainPageChoice .gridTopBar .gridTopBar-buttons .btn.grid-resource-btn{position:relative;width:340px;height:70px;border-right:solid 1px;border-left:none;border-top:none;border-bottom:none}.masMainPageChoice .gridTopBar .gridTopBar-buttons .btn.grid-resource-btn{border-left:solid 1px #cacaca;border-right:solid 1px #cacaca}.masMainPageChoice .gridTopBar>h1.grid-mode{flex:1;font-size:25px;font-weight:700;text-transform:uppercase;line-height:38px;margin:0;padding:16px 0 0}.masMainPageChoice .child-container .page{visibility:visible}.common-portBigData-icon{position:absolute;left:4px;top:10px}#analysis__detail-sheet{.btn.btn--open-radar-centric {background-color: transparent; height: 16px; padding:10px; border: 1px solid rgba(255,255,255,.1); transition: none; &:hover {border: 1px solid rgba(255,255,255,.5);}} .dx-datagrid .dx-row > td {&.cell--action-cell {padding: 3px; position: relative;}}}#mas-productDetails{#createReportBtn {background-color: var(--color-active); &:hover {background-color: var(--color-dark);}} #attachments-details {max-height: 300px; .tabGrid-first-div {background-color: var(--color-section-title-color); color: var(--color-title-color); font-size: 1.2em; padding: 5px 10px; margin: 10px 0; text-decoration: none; position: relative; height: auto; .btn {position: absolute; right: 2px; top: -2px; background-color: transparent;} h3 {font-weight: 700; font-size: inherit; padding: 0; margin: 0;} .close-btn {display: none;} #attachments-btn {right: 40px;}}}}#mas-imageryResults{&.page-active.page-active{z-index:1}.mas-inbox-items-list {.imagery-product-search-field {padding: var(--space-md); padding-left: var(--space-xs); border-bottom: 1px solid var(--color-dark);} .imagery-products-list {height: auto; overflow: auto;}}}#informationMeteorPopup .msg{overflow-y:auto;max-height:400px;text-align:justify}#informationMeteorPopup .formatIcon{position:relative}#informationMeteorPopup .formatParagraphe{margin-left:3%}#informationMeteorPopup .tab-chooser{border-top:0}#informationMeteorPopup ul{list-style-type:none}.simulate{margin:auto;display:block;width:200px}#UserInfoPanel .inlineGroup.fields .field-switch .field-input{width:40%}#UserInfoPanel .inlineGroup.fields .field-switch .text-label{width:60%}#RoleInfoPanel-functionInfos field-checkbox label{border:0px}#RoleInfoPanel-functionInfos .field-icon,#RoleInfoPanel-functionInfos .field-checkbox,#RoleInfoPanel-functionInfos .field-text{height:40px}#RoleInfoPanel-functionInfos .icon-m.icon-left:after,#RoleInfoPanel-functionInfos .icon-l.icon-left:after{left:50%;margin-left:-13px}#RoleInfoPanel .infoPanelBody{height:calc(100% - 400px)}#RoleInfoPanel-functionInfos{height:100%}#RoleInfoPanel-functionInfos #RoleInfoPanel-functionRights{height:100%;overflow-y:scroll}#RoleInfoPanel-functionInfos .scrollbarOffset .list-item{padding-right:20px}#RoleInfoPanel-functionInfos .scrollbarOffset .list-item label{padding-top:10px}#RoleInfoPanel-functionInfos .scrollbarOffset:after{display:table-cell;content:"";overflow-y:scroll;visibility:hidden}.functionNotSet{color:red}#RoleInfoPanel-functionInfos .field-error-msg{padding-top:4px;height:28px}.paddingTopRestrictionMobile{margin-top:196px}#CustomerInfoPanel .infoPanelBody .meteorField{margin-bottom:8%}#CustomerInfoPanel .header-group.restriction-source{min-height:60px}#mobileFromVesselInfoPanel{padding-top:0;display:flex}#mobileFromVesselInfoPanel #left-side{display:flex;flex-flow:column;width:15%;min-width:180px;overflow-y:auto;padding:0 5px;margin:0 5px 0 0}#mobileFromVesselInfoPanel #right-side{display:flex;flex-flow:column;flex:1;margin:0 0 0 5px;max-width:calc(100% - 190px)}#mobileFromVesselInfoPanel #mobile-info{display:block;margin-bottom:10px}#mobileFromVesselInfoPanel #mobile-info #mobile-title{text-align:center}#mobileFromVesselInfoPanel #mobile-info #mobile-name{overflow-wrap:break-word}#mobileFromVesselInfoPanel #mobile-picture,#mobileFromVesselInfoPanel #echo-picture{text-align:center;width:100%;margin:10px 0 5px}#mobileFromVesselInfoPanel #mobile-picture img,#mobileFromVesselInfoPanel #echo-picture img{width:100%;max-width:150px;cursor:pointer;margin-bottom:2px}#mobileFromVesselInfoPanel #mobile-picture #picture-copyright,#mobileFromVesselInfoPanel #echo-picture #picture-copyright{font-size:13px;font-style:italic}#mobileFromVesselInfoPanel-overview-side{display:flex;flex-flow:column}#mobileFromVesselInfoPanel-overview-side>*{padding-bottom:10px}#mobileFromVesselInfoPanel .left-button h3{font-size:smaller}#mobileFromVesselInfoPanel #registry-header{display:flex}#mobileFromVesselInfoPanel #registry-header #main-buttons{flex:1;margin:0 10px 0 0}#mobileFromVesselInfoPanel #registry-header #main-buttons field-state{display:flex;flex-flow:wrap}#mobileFromVesselInfoPanel #registry-header #main-buttons field-state>*{flex:1 0;min-width:120px}#mobileFromVesselInfoPanel #registry-header #main-buttons label{padding:26px 0 0;font-size:15px;height:64px}#mobileFromVesselInfoPanel #registry-header #additional-buttons{width:225px}#mobileFromVesselInfoPanel .ship-centric-btn{position:relative}#mobileFromVesselInfoPanel .btn-createReport{right:43px;width:150px;padding-top:3px;border-color:#fff;display:inline-block}#mobileFromVesselInfoPanel .btn-close{left:initial;right:5px}#mobileFromVesselInfoPanel .header-base{margin-bottom:5px;display:flex;justify-content:center}#mobileFromVesselInfoPanel .bloc-detailed-information{display:flex;margin:0 5px}#mobileFromVesselInfoPanel .bloc-detailed-information>*{width:50%}#mobileFromVesselInfoPanel .bloc-detailed-information .detailed-information-value{text-align:right}#mobileFromVesselInfoPanel .tabs-content{width:100%;margin-top:2%;overflow-y:auto;overflow-x:hidden}#mobileFromVesselInfoPanel #overview-page{display:flex;flex-wrap:wrap}#mobileFromVesselInfoPanel #overview-page>*{width:50%;padding:5px}#mobileFromVesselInfoPanel #overview-page #bottom-modules{display:flex;width:100%;padding:0}#mobileFromVesselInfoPanel #overview-page #bottom-modules>*{min-height:200px}#mobileFromVesselInfoPanel #bottom-modules #event{width:60%;padding:5px}#mobileFromVesselInfoPanel #bottom-modules #reports{width:40%;padding:5px}#mobileFromVesselInfoPanel .overview-info-module{margin-top:2%;margin-bottom:2%}#mobileFromVesselInfoPanel #overview-page .overview-info-columns{column-count:2}#mobileFromVesselInfoPanel .module-container{height:calc(100% - 38px)}#mobileFromVesselInfoPanel .tabGrid-first-div{width:calc(100% + 26px)}#mobileFromVesselInfoPanel .tabGrid-first-div.headerGridWithPeriod{width:100%;display:inline-block}#mobileFromVesselInfoPanel .tabGrid-first-div .exportTabGrid{float:right;right:30px;top:-40px;background-color:unset;color:#242941}#mobileFromVesselInfoPanel .tabGrid-first-div #attachments-btn:hover,#mobileFromVesselInfoPanel .tabGrid-first-div .exportTabGrid:hover{background-color:#0009}#mobileFromVesselInfoPanel .tabGrid-first-div.headerGridWithPeriod .exportTabGrid{right:4px;top:-80px}#mobileFromVesselInfoPanel .import-file-hidden{display:none}div#attachments-details .tabGrid-first-div{height:0}#mobileFromVesselInfoPanel .tabGrid-first-div #attachments-btn{position:relative;right:-5px;top:-40px;background-color:unset;color:#242941}#mobileFromVesselInfoPanel #reports-detail-report{padding-inline-start:0}#mobileFromVesselInfoPanel .reports-element{display:flex;justify-content:space-between;width:100%}#mobileFromVesselInfoPanel .report-info-download{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px}#mobileFromVesselInfoPanel .no-data-for-reports{padding-top:50px;margin:30px 0;color:#007abd;font-size:17px;text-align:center}#mobileFromVesselInfoPanel .iframe-stat{height:93%;width:100%}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-statistics-tab{margin:0 2% 0 0;height:100%}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-ownership-tab{margin:0 2% 0 0}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-ownership-tab .ownership-block-list{width:100%;display:flex;padding-left:100px;margin-top:10px}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-ownership-tab .ownership-block-list div:hover{cursor:pointer;background-color:#007abd;border-color:transparent;color:#eee}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-ownership-tab .ownership-info-block{margin:0 1%;border:1px solid;flex:1;display:flex;flex-direction:column}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-ownership-tab .ownership-info-block .fleet-size-with-details{display:flex;padding:2% 2% 2% 3%;margin-top:auto}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-ownership-tab .ownership-info-block .fleet-size-with-details h5{flex:1;margin:0}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-ownership-tab h5.title{text-decoration:underline}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-ownership-tab h5{margin:2% 0 2% 3%}#mobileFromVesselInfoPanel #mobileFromVesselInfoPanel-ownership-tab h4{margin:5% 0 5% 10%;width:100%}@media all and (max-width: 830px){#mobileFromVesselInfoPanel #registry-header{flex-flow:column}#mobileFromVesselInfoPanel #registry-header #main-buttons{margin:40px 0 0}#mobileFromVesselInfoPanel #overview-first-part{flex-flow:column}#mobileFromVesselInfoPanel #overview-page{display:flex;flex-flow:column;flex-wrap:nowrap}#mobileFromVesselInfoPanel #overview-page #bottom-modules{flex-flow:column}#mobileFromVesselInfoPanel #overview-page>*{width:100%}#mobileFromVesselInfoPanel #overview-page #bottom-modules>*{width:100%}}@media all and (max-width: 700px){#mobileFromVesselInfoPanel #overview-page .overview-info-columns{column-count:1}}#mobileFromVesselInfoPanel .header-group{width:100%;border-bottom:none}#mobileFromVesselInfoPanel .detailed-information-adress{overflow:hidden;width:49%;text-align:right;white-space:normal}#mobileFromVesselInfoPanel .bloc-detailed-information-info{margin:0 0 1px 10px;font-size:12px}#mobileFromVesselInfoPanel .movement-display{padding:0 10px;margin:0 2% 2% 0%}#mobileFromVesselInfoPanel .mas-registry-control{float:left;width:100%;height:auto}#mobileFromVesselInfoPanel .mas-registry-control .menu-btn{-webkit-transition:background-color .5s ease,color .5s ease;-moz-transition:background-color .5s ease,color .5s ease;-ms-transition:background-color .5s ease,color .5s ease;-o-transition:background-color .5s ease,color .5s ease;transition:background-color .5s ease,color .5s ease;border-left:solid 10px;margin-bottom:10px;border-left-color:#006aa4}#mobileFromVesselInfoPanel .mas-registry-control .menu-btn.active{font-weight:700;background-color:#006aa4;color:#eee;border-left:solid 10px;margin-bottom:10px;border-left-color:#006aa4}#mobileFromVesselInfoPanel .mas-registry-control .menu-btn .menu-title{margin:0;padding-top:1.5em!important;padding-left:1em!important;padding-right:2em!important;display:inline}#mobileFromVesselInfoPanel .mas-registry-control .menu-btn .menu-counter{display:inline;font-size:1em;position:absolute;right:5px;top:25px;height:25px;width:25px;text-align:center;z-index:1}#mobileFromVesselInfoPanel #identityChange-details-tabGrid,#mobileFromVesselInfoPanel #associatedFleets-details-tabGrid,#mobileFromVesselInfoPanel #commentHistory-details-tabGrid,#mobileFromVesselInfoPanel #event-details-tabGrid,#mobileFromVesselInfoPanel #reports-details-tabGrid{max-height:400px}.owner-change-container{position:relative}#ownershipPopup h4{margin-left:1%;text-decoration:underline}#ownershipPopup .ownership-popup-export{float:right;margin:1% 1% 0 0}#ownershipPopup .ownership-info{margin:10% 10% 10% 15%;width:auto}#ownershipPopup{margin-top:45vh}.mas-InfoPanelTabTimeline.ownerChange .vertical-line{border-left:2px solid;height:100%;position:absolute;left:25%;margin-left:-1px;top:0}.mas-InfoPanelTabTimeline.ownerChange .line-l{left:calc((100% - 100px)*.1 + 100px)}.mas-InfoPanelTabTimeline.ownerChange .line-2{left:calc((100% - 100px) / 10 * 3 + 100px)}.mas-InfoPanelTabTimeline.ownerChange .line-3{left:calc((100% - 100px)/2 + 100px)}.mas-InfoPanelTabTimeline.ownerChange .line-4{left:calc((100% - 100px) / 10 * 7 + 100px)}.mas-InfoPanelTabTimeline.ownerChange .line-5{left:calc((100% - 100px)*.9 + 100px)}.mas-InfoPanelTabTimeline.ownerChange ul.timeline{margin:0;padding:0}.mas-InfoPanelTabTimeline.ownerChange ul.timeline:before,.mas-InfoPanelTabTimeline.ownerChange ul.timeline li:before{content:none}.mas-InfoPanelTabTimeline.ownerChange ul.timeline li{display:flex;width:100%}.mas-InfoPanelTabTimeline.ownerChange ul.timeline li>div{border:1px solid;flex:1;margin:0 1%;background-color:#242941;z-index:1}.mas-InfoPanelTabTimeline.ownerChange ul.timeline li>div.empty-event{visibility:hidden}.mas-InfoPanelTabTimeline.ownerChange ul.timeline li>div.timeline-date-container{border:none;flex:initial;width:100px;display:flex;align-items:center;margin:0}.mas-InfoPanelTabTimeline.ownerChange .loadingTimeline{bottom:initial;margin-top:50px}.portStateControl .detention-link{cursor:pointer;color:#cc0;overflow-wrap:break-word}.portStateControl .detention-link:hover{color:#ff6}#mobileFromFleetInfoPanel .mapPreview{margin-top:100%;margin-left:8%}#masAlertInfoPanel-header h3,#masAlertInfoPanel-header h4,#masAlertInfoPanel-header h5{padding:0 42px;margin:0}#masAlertInfoPanel-table-content{max-width:100%;overflow-x:scroll}#companyInfo{display:flex;flex-direction:column;height:100%}#companyInfo .content{display:flex;gap:10px;padding-bottom:15px}#companyInfo .content .block{flex:1;min-height:250px}#companyInfo .btn.with-border{border:1px #eeeeee solid}#companyInfo .content .block.comment-block{display:flex;flex-direction:column}#companyInfo .content .block.comment-block .comment-history-grid-container{height:calc(100% - 82px)}#companyInfo .tabGrid-first-div .exportTabGrid{float:right;right:30px;top:-36px;background-color:unset;color:#242941}#companyInfo .tabGrid-first-div{width:calc(100% + 26px)}#companyInfo .tabGrid-first-div #attachments-btn{position:relative;right:-5px;top:-34px;background-color:unset;color:#242941}#companyInfo .fleets-content{flex:1;display:flex;overflow-y:hidden}#companyInfo .fleet-tabs-container{width:70%;height:100%;display:flex;flex-direction:column}#companyInfo .map-preview-container{width:30%;height:100%;display:flex}#companyInfo .fleet-tabs-content{flex:1;height:calc(100% - 50px)}#companyInfo .fleet-tabs-content .fleet-tabs-content-element{height:100%;padding:0 10px;display:flex;flex-direction:column}#companyInfo .fleet-tabs-content .fleet-tabs-content-element .childContainer{height:calc(100% - 120px);flex:1}#companyInfo .fleet-tabs-content .fleet-tabs-content-element .childContainer .tabGrid-container{height:100%}#companyInfo .fleet-tabs-content .fleet-tabs-content-element .exportTabGrid{display:none}#companyInfo .fleet-tabs{display:flex;height:50px}#companyInfo .fleet-tabs .active.btn{background-color:#006aa4;border-color:transparent;color:#eee;height:50px}#companyInfo .fleet-tabs .btn{background-color:#eee;border-color:transparent;color:#1b2135;height:50px;padding:0;flex:1}#companyInfo .menu-title{text-align:center;margin-top:revert}#companyInfo .filter-and-tools{display:flex}#companyInfo .filter-and-tools .field-list{height:120px;border-bottom:none}#companyInfo .filter-and-tools .filter{flex:1}#companyInfo .filter{display:flex}#companyInfo .filter .btn-ok{margin-top:5px;margin-left:10px}#companyInfo .fleets-tools{text-align:right;margin:5px 5px 5px auto}#companyInfo .fleets-tools .select-all-container{display:inline-block}#companyInfo .fleet-tabs-content .dx-datagrid tr.dx-row.dx-data-row.dx-column-lines td{height:35px}#companyInfo .mobile-count{padding:4px 10px;border:1px solid}#companyInfo .filter-date-container{display:flex;width:400px}#companyInfo .map-preview{flex:1}#companyInfo .dx-datagrid .dx-header-filter-empty{color:#ffffff80}#companyInfoHistoryPopup .content{width:100%;height:calc(100% - 38px)}#companyInfoHistoryPopup .content .tab-grid-container{height:calc(100% - 38px)}#companyInfoHistoryPopup .tabGrid-first-div.headerGridWithPeriod .exportTabGrid{float:right;right:4px;top:-70px}#commentHistoryPopup .content{width:100%;height:calc(100% - 38px)}#commentHistoryPopup .content .tab-grid-container{height:calc(100% - 38px)}#commentHistoryPopup .tabGrid-first-div .exportTabGrid{float:right;right:4px;top:-38px}.loader-active.non-blocking{position:absolute;left:50%;bottom:75px;display:flex;flex-direction:column}.loader-active.non-blocking .loader{position:relative;width:40px;height:40px}.loader-active.non-blocking .btn-cancel{padding-top:5px;position:relative}#loginPage{height:100%;background:linear-gradient(0deg,rgba(0,106,164,.6),rgba(0,106,164,.6)),url(./homepage-background.17b0257a.webp) center no-repeat;background-size:cover}#loginPage-logo{background-image:url(./logo-alt.9867ab4d.svg);background-repeat:no-repeat;position:fixed;top:10px;right:20px;width:60px;height:60px;margin:0;padding:0}#loginPage-title{position:fixed;top:20px;left:20px;font-size:30px;font-weight:700}#loginPage-content{padding:10px;width:400px;height:230px;border:solid 1px;background:rgba(250,250,250,.2);margin-left:auto;left:auto;position:relative}#loginPage-button,#loginPage-pwd,#loginPage-login{height:inherit;padding:0;margin:10px auto;-webkit-border-radius:0px;border-radius:0}#loginPage-button{background:#1B2135;width:100px}#loginPage-button:hover{background:#006aa4}#loginPage-loginMsg,#loginPage-loginSubMsg,#loginPage-authentication{color:#eee}#loginPage-lostEverything{color:#eee;cursor:pointer}.risk-level-container{display:flex;justify-content:center}.risk-level{width:20px;height:20px;display:inline-block;border-radius:50%;border:1px solid;position:relative;top:5px}.mas-inbox-container{position:relative;padding-top:70px;height:100%;display:flex;flex-wrap:nowrap;.header-content {h2 {color: var(--color-dark);}} .ui-header-menu {.ui-icon-edit {background-color: var(--color-background); color: var(--color-dark); &:hover {background-color: var(--color-background); color: var(--color-dark);}}} .ui-list-scroller {.list-item {&.split {background-color: var(--color-background); h3 {font-weight: 700;} .split-1 {background-color: var(--color-background); color: var(--color-dark);} .split-2 {background-color: var(--color-background); color: var(--color-dark);}}}} .mas-inbox-panel-control {width: 15%; overflow: auto; .dx-treeview {.dx-treeview-node {padding-left: 15px; .request-focused {background-color: var(--color-active);}} .dx-treeview-node-is-leaf {padding-left: 0px;} .dx-treeview-item {cursor: pointer;}} .menu-btn {padding-left: 25px; &.active {background-color: var(--color-active); color: var(--color-full-white); border-bottom: none;} .menu-title {margin: 0; padding-top: 1.5em !important; padding-left: 1em !important; padding-right: 2em !important; display: inline;} .menu-counter {display: inline; font-size: 1em; position: absolute; right: 5px; top: 25px; height: 25px; width: 25px; text-align: center; z-index: 1;}}} .mas-inbox-items-list {width: 30%; display: flex; flex-direction: column; flex-wrap: nowrap; color: transparent; .count {right: 8px; left: auto;} .header-group {min-height: auto; height: auto; background-color: var(--color-background); .item-selection-action-bar {border-bottom: 1px solid var(--color-dark); width: 100%; [type="checkbox"],#select-all,#select-allEvents {position: absolute; top: 15px; left: 10px;} .icon-action {padding-left: 30px; height: 40px; .btn {transition: none; color: var(--color-dark); background-color: var(--color-background);}} .pagination {float: right;} .pagination .index {position: absolute; top: 5px; right: 150px;} .index {color: #242941; margin: 0; position: absolute; top: 2px; right: 150px;}}} .search-fields {display: block; padding: 10px; background-color: var(--color-background); border-bottom: 1px solid var(--color-dark); .field-text {float: none; padding: 0;}} &.search-mode {display: flex; flex-flow: column; overflow-y: initial;} .text-label {color: var(--color-dark); margin-right: 10px;} .field-input {width: 100%; background-color: var(--color-background);} .text-input,.select-input {background-color: var(--color-full-white); border-color: var(--color-dark); color: var(--color-dark);} .field-text .btn {background-color: var(--color-full-white); color: var(--color-dark); border: none; &:hover {color: var(--color-dark); background-color: var(--color-full-white);}} .mas-inbox-list-item-container {text-align: left; display: flex; align-items: center; color: var(--color-dark); height: auto; border: none; width: 100%; padding: var(--space-md); text-align-last: left; color: var(--color-dark); background-color: var(--color-background-list-item, #eeeeee); .mas-inbox-list-item-checker {margin-right: var(--space-md);} &.active {color: var(--color-full-white);} &:hover {background-color: inherit;} .mas-inbox-list-item-content {display: flex; flex-wrap: nowrap; flex-direction: column; background-color: transparent; padding: 0; color: inherit; height: auto; .mas-inbox-item-title h4 {font-size: 1em; margin: 0; font-weight: 700; overflow: hidden; text-overflow: ellipsis;} p {font-size: .8em;}} &:nth-child(even) {background-color: var(--color-background-list-item-darken);}} .mas-inbox-items-list-header {align-self: center; display: flex; align-items: center; background-color: var(--color-background);}} .mas-inbox-item-details {display: none; width: 55%; overflow-y: auto; height: 100%; position: relative; &.displayed {display: block;} .no-data-disclaimer {display: flex; justify-content: center; align-items: center; height: 100%;}}}:root{--color-main: #ccc;--color-active: #006aa4;--color-background: #eeeeee;--color-scrollbar: #747474;--color-tablet: #9bdbff;--color-full-white: #ffffff;--color-dark: #242941;--color-background-dark-blue: #1b2133;--color-background-blue: #242941;--color-light-grey: #d9d9d9;--color-field-text-placeholder-color: #989898;--color-field-text-color: #000;--color-field-text-background: #fff;--color-color-field-btn: #242941;--color-color-field-btn-hover: #eeeeee;--color-background-field-btn: #eeeeee;--color-background-field-btn-hover: #006aa4;--color-background-list-item: var(--color-background);--color-background-list-item-darken: #d5d5d5;--color-background-list-item-active: var(--color-active);--space-xs: .3rem;--space-sm: .5rem;--space-md: 10px;--space-lg: 1.3rem;--space-xl: 1.6rem;--space-xxl: 2rem}#rightPanel{&.page-active{z-index:1000!important}}.page{::-webkit-scrollbar {width: 8px; height: 8px; background-color: transparent;} ::-webkit-scrollbar-thumb{border: none; background-color: var(--color-scrollbar);} ::-webkit-scrollbar-track{background-color: var(--color-background); -webkit-box-shadow: none;} .field-nrange .text-input,.field-range .text-input,.field-text .text-input {border-radius: 0px;} .field-text .btn.date-edit,.field-text .btn.clear-input,.field-text .btn.position-edit,.field-text .btn.field-converter,.field-checkbox .checkbox-label:after {border-radius: 0px;}}body{font-family:Open sans,Arial,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:400;font-size:14px}.mt-md{margin-top:var(--space-md)}.ml-md{margin-left:var(--space-md)}.mr-md{margin-right:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.text-center{text-align:center}.whitespace-break-spaces{white-space:break-spaces}.wordwrap-break-word{word-wrap:break-word}.no-data{font-size:1.2rem;text-align:center;color:var(--color-dark);padding:var(--space-md);font-style:italic;background-color:var(--color-background)}#mas-navigation-menu{position:absolute;top:0;z-index:1000}#mas-navigation-menu.menu-visible{z-index:2000;& .menu__overlay{z-index:2010}& .menu__box{z-index:2050}& .menu__btn{z-index:2090}}.menu-visible .menu__btn>span{background-color:#000;transform:rotate(45deg)}.menu-visible .menu__btn>span:before{top:0;background-color:#000;transform:rotate(0)}.menu-visible .menu__btn>span:after{top:0;background-color:#000;transform:rotate(90deg)}.menu__overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1010;background-color:transparent}.menu__btn{border-radius:3px;border:none;background-color:#fafafa80;padding:5px;margin:0;position:fixed;top:20px;left:20px;width:24px;height:24px;z-index:1090;&>span{top:11px}&>span,&>span:before,&>span:after{display:block;position:absolute;width:14px;height:3px;background-color:#000;transition-duration:.25s}&>span:before{content:"";top:-5px}&>span:after{content:"";top:5px}}.menu__box{display:block;position:fixed;top:0;left:0;z-index:1050;width:250px;height:100%;margin:0;padding:50px 0;list-style:none;background-color:#eee;box-shadow:2px 2px 6px #0006;transform:translate(-250px);transition:transform .3s cubic-bezier(.645,.045,.355,1);.menu-visible & {transform: translate(0);} & ul {padding-left: 0; padding-right: 0;} & .menu__subpages {display: none; &.active {display: block;} & .menu__item {padding-left: 42px;}}}.menu__section{border-bottom:1px solid #ccc}.menu__item{display:block;padding:5px 20px;position:relative;color:#333;font-family:Roboto,sans-serif;font-size:1.5rem;text-decoration:none;cursor:pointer;&.parent__item{position:relative;&:after,&:before{content:"";top:16px;display:block;position:absolute;width:8px;height:2px;background-color:#000;transition-duration:.25s}&:after{right:15px;transform:rotate(45deg)}&:before{right:10px;transform:rotate(-45deg)}&.open{&:after{right:15px;transform:rotate(-45deg)}&:before{right:10px;transform:rotate(45deg)}}}&:hover{text-decoration:none}&.current{font-weight:700;background-color:#007abd;color:#fff;text-decoration:none}& .icon{position:relative;font-size:18px;padding-left:25px;&:after{font-family:core-cmp-icons-font;left:0px;top:0 px;position:absolute;text-align:center;font-weight:400;font-style:normal;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased}}}