/* Combined file ~/filestore/apps/AWFMaps/UI/Map.css on 18/03/2024 18:13:54 */
.panelMap {
    height: 100%;
    position: relative;
}

/* Hide tablist in certain popups */
.mapPopup.aton .tabsList, .mapPopup.baseStationRapport .tabsList {
    display: none;
}

/* Popup hymedis */
.mapPopup.hymedis .profile {
    font-size: 0.8em;
    vertical-align: baseline;
}

.mapPopup.hymedis .icon-arrow-up-right {
    color: green;
}

.mapPopup.hymedis .icon-arrow-down-right {
    color: darkred;
}

.mapPopup.hymedis .icon-graph-line {
    color: darkgray;
}

    .mapPopup.hymedis .icon-graph-line:hover {
        color: inherit;
        cursor: pointer;
    }

/* Popup */
.mapPopup .popupItem {
    margin: 3px 0px;
}

.mapPopup .popupTitle {
    margin: 0 0 5px 0;
    padding: 0 15px 0 0; /* make sure title does not overlap with close button */
    min-height: 10px; /* make sure that the close button is visible in blue background */
}

.mapPopup .popupHeader {
    text-transform: uppercase;
    font-size: smaller;
    color: #252525;
}

.mapPopup .popupValue {
    color: #00004d;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.mapPopup .informationBlock {
    padding: 5px; /*margin: 5px 0px;*/
    color: black;
}

    .mapPopup .informationBlock:not(:first-child) {
        border-top: 5px solid #3D4A70;
    }

.mapPopup .informationRow.oneColumn > .popupItem {
    vertical-align: top;
    display: inline-block;
    width: 320px;
}

.mapPopup .informationRow.twoColumns > .popupItem {
    vertical-align: top;
    display: inline-block;
    width: 160px;
}

.mapPopup .lbl {
    display: inline-block;
    width: 80px;
    font-weight: bold;
}


/* Tabs */
.mapPopup ul.tabsList {
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

    .mapPopup ul.tabsList li {
        display: inline-block;
        margin: 0 5px;
        padding: 0 3px 3px 3px;
        border-bottom: 3px solid #3D4A70;
    }

        .mapPopup ul.tabsList li:hover {
            border-bottom: 3px solid #f3f3f3;
            cursor: pointer;
        }

        .mapPopup ul.tabsList li.active {
            border-bottom: 3px solid white;
        }

.mapPopup .tabContent {
    display: none;
    max-height: 300px;
    overflow-y: auto;
    background-color: white;
}

    .mapPopup .tabContent.active {
        display: block;
    }

/* layer control css */
.filterContainer {
    margin-left: 10px;
}

.layerSelector canvas {
    cursor: pointer;
    margin-left: 5px;
}

.layerSelector .icon {
    font-size: 14px;
    color: #5C3A2A;
    cursor: pointer;
    margin-left: 5px;
}

    .layerSelector.activeSettings .icon-cog,
    .layerSelector .icon:hover {
        color: black;
    }

.layerSelector .icon-cog.disabled {
    color: lightgrey;
    cursor: auto;
}

.sidebar-tab .loading {
    text-align: center;
}

.loadingLayers {
    text-align: center;
}

/* sidebar */
.panelMap .sidebar {
    display: none;
}

.panelMap * {
    box-sizing: initial;
    -webkit-box-sizing: initial;
}

.sidebar label {
    font-weight: normal;
}

.sidebar-buttons-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #212121;
}

    .sidebar-buttons-container .sidebar-buttons {
        margin-top: 25px;
        -webkit-user-select: none; /* webkit (safari, chrome) browsers */
        -moz-user-select: none; /* mozilla browsers */
        -khtml-user-select: none; /* webkit (konqueror) browsers */
        -ms-user-select: none; /* IE10+ */
    }

        .sidebar-buttons-container .sidebar-buttons i {
            font-size: 16px;
        }

    .sidebar-buttons-container a,
    .sidebar-buttons-container a:hover,
    .sidebar-buttons-container a:visited,
    .sidebar-buttons-container a:active {
        color: white;
        text-decoration: none;
    }

    .sidebar-buttons-container .sidebar-button.sidebar-button-home {
        font-size: 32px;
        height: 34px;
        width: 34px;
        padding: 10px 8px;
    }

    .sidebar-buttons-container .sidebar-button {
        position: relative;
        margin-top: 0px;
        text-align: center;
        padding: 10px;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

        .sidebar-buttons-container .sidebar-button > i {
            line-height: 30px;
        }

        .sidebar-buttons-container .sidebar-button:hover,
        .sidebar-buttons-container .sidebar-button.active {
            background-color: white;
            color: black;
        }

        .sidebar-buttons-container .sidebar-button i:hover {
            color: black
        }

.sidebar-tab.sidebar-tab-settings.sidebar-tab-settings-hymedis {
    width: 250px;
}

.sidebar-tab-settings .labels-control .label-entry {
    margin: 1px 0;
    display: flex;
    align-items: flex-start;
}

.sidebar-tab {
    overflow: auto;
    -webkit-box-shadow: 2px 0px 2px 0px rgba(125, 125, 125, 0.5);
    -moz-box-shadow: 2px 0px 2px 0px rgba(125, 125, 125, 0.5);
    box-shadow: 2px 0px 2px 0px rgba(125, 125, 125, 0.5);
    z-index: 10000; /* make sure shadow is shown on top of leafletmap */
    padding: 0 4px;
    width: 200px;
    position: absolute;
    left: 50px;
    top: 0;
    bottom: 0;
    display: none;
    background: white;
}
    .sidebar-tab-mapControl input[type=checkbox],
    .sidebar-tab-mapControl input[type=radio] {
        margin-right: 2px;
    }

    .sidebar-tab-settings input[type=checkbox],
    .sidebar-tab-settings input[type=radio] {
        margin: 2px 5px 0px;
    }

    .sidebar-tab h1 {
        font-size: 1.2em !important;
    }

    .sidebar-tab h3 {
        font-size: 1em !important;
        margin: 15px 0 5px 0;
    }

    .sidebar-tab .sidebar-tab-button-close {
        position: absolute;
        top: 15px;
        right: 5px;
        cursor: pointer;
    }

    .sidebar-tab.sidebar-tab-bookmarks input[type=text],
    .sidebar-tab.sidebar-tab-bookmarks .btnAddBookmark {
        width: 192px;
    }

    .sidebar-tab.sidebar-tab-bookmarks .addBookmarkContainer {
        padding-left: 4px;
    }

        .sidebar-tab.sidebar-tab-bookmarks .addBookmarkContainer > div {
            margin-top: 5px;
        }

/*Hymedis profile button group*/
.profile-button-group {
    margin-bottom: 10px;
}

.profile-button-group .k-button:not(.k-state-active) {
    color: #333;
    background-color: #ebebeb;
    border: 1px solid #aeaeae;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.profile-button-group .k-button.k-state-active {
    color: white;
    background-color: #00a79f;
    border: 1px solid #00a79f;
    box-shadow: none;
}

.sidebar-tab-settings .icon-arrow-circle-left.btnClose {
    position: absolute;
    top: 14px;
    left: 5px;
    cursor: pointer;
}

.sidebar-tab-settings .sidebar-tab-header,
.sidebar-tab .sidebar-tab-header {
    text-align: center;
    padding: 0 15px;
    margin-top: 13px;
}

/* sidebar bookmarks */
.sidebar-tab-bookmarks .bookmarkHeader {
    margin-left: 5px;
}

.sidebar-tab-bookmarks .bookmarkEntry {
    margin-left: 5px;
}

    .sidebar-tab-bookmarks .bookmarkEntry > i.icon-save,
    .sidebar-tab-bookmarks .bookmarkEntry > i.icon-bin {
        color: #5C3A2A;
    }

    .sidebar-tab-bookmarks .bookmarkEntry > i.icon-bin {
        font-size: 15px;
        margin-right: 5px;
    }

        .sidebar-tab-bookmarks .bookmarkEntry > i.icon-bin:hover, .sidebar-tab-bookmarks .bookmarkEntry > i.icon-save:hover {
            cursor: pointer;
            color: black;
        }

/* search */
/* popup-container */
.ol-popupfeature .mapPopup {
    width: 350px;
    font-size: 12px;
}

    .ol-popupfeature .mapPopup ul.tabsList {
        padding: 3px 0;
    }

        .ol-popupfeature .mapPopup ul.tabsList a {
            text-decoration: none;
            color: #084c8e;
        }

            .ol-popupfeature .mapPopup ul.tabsList li.active a,
            .ol-popupfeature .mapPopup ul.tabsList a:hover {
                text-decoration: underline;
            }

    .ol-popupfeature .mapPopup .informationBlock:not(:first-child) {
        border-top: 1px solid #3D4A70;
    }

    .ol-popupfeature .mapPopup ul.tabsList li {
        margin: 0 3px;
        border-bottom: none;
    }

        .ol-popupfeature .mapPopup ul.tabsList li:hover {
            border-bottom: none;
            cursor: pointer;
        }

        .ol-popupfeature .mapPopup ul.tabsList li.active {
            border-bottom: none;
        }

.sidebar-tab-search .multi-search-bar {
    margin: 0 3px;
    width: 180px;
}

.results-container-summary {
    display: none;
    margin: 0px 1px;
    padding: 8px;
    background: white;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.results-container {
    display: none;
    background: white; /*overflow: hidden;
    position: relative;*/
    margin: 0px 1px 0 1px;
    padding: 5px 15px 5px 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    max-height: 300px;
}

    .results-container ul:last-of-type {
        border-bottom: none;
    }

    .results-container ul > li.search-result {
        padding: 6px 0; /* override zero padding (see ul.no-style > li)  */
        cursor: pointer;
        position: relative;
        border-bottom: 1px solid black;
    }

        .results-container ul > li.search-result:last-child {
            border-bottom: none;
        }

        .results-container ul > li.search-result:nth-child(even) {
            background-color: rgb(239, 239, 239);
        }

        .results-container ul > li.search-result:hover {
            background-color: rgb(229, 229, 229);
        }


    .results-container li.search-result .result-property .result-property-header {
        font-size: 12px;
        text-transform: uppercase;
    }

    .results-container li.search-result .result-property > .left {
        display: inline-block;
    }

    .results-container li.search-result .result-property > .right {
        display: inline-block;
        text-align: right;
        position: absolute;
        right: 5px;
    }



    .results-ontainer ul > li:hover,
    .results-container ul > li.active {
        background-color: #E4E4E4;
    }

.multi-search-bar.k-textbox {
    background: white;
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    z-index: 100;
}

    .multi-search-bar.k-textbox:hover {
        background: white;
    }

.multi-search-bar {
    position: relative;
    border: 1px solid black;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

    .multi-search-bar .btnClear {
        display: none;
        cursor: pointer;
    }

    .multi-search-bar .multi-search-bar-text-container {
        width: 325px;
        display: inline-block;
        padding: 0px;
        position: relative;
    }

        .multi-search-bar .multi-search-bar-text-container .layer-title {
            position: absolute;
            top: 3px;
            right: 0;
            font-size: 8.5pt;
            background-color: white
        }

        .multi-search-bar .multi-search-bar-text-container .multi-search-bar-text {
            border: none;
            height: 24px;
            width: 100%;
        }

    .multi-search-bar .multi-search-bar-select {
        display: none; /* disabled TODO nde: remove this */
        border: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #E4E4E4;
        width: 75px;
        height: 30px;
    }

        .multi-search-bar .multi-search-bar-text:focus,
        .multi-search-bar .multi-search-bar-select:focus {
            outline: none;
        }

/*MOBILE OVERRIDES */
.layout.mobile .sidebar-tab-settings .sidebar-tab-header {
    padding-left: 35px;
}

.layout.mobile .sidebar-tab-settings .icon-arrow-circle-left.btnClose {
    left: 15px;
}

.layout.mobile .layerSelector {
    margin: 5px 0;
}

    .layout.mobile .layerSelector canvas {
        margin-left: 10px;
    }

    .layout.mobile .layerSelector .icon {
        margin-left: 10px;
    }

    .layout.mobile .layerSelector [class^="icon-"], .layout.mobile .layerSelector [class*="icon-"] {
        font-size: 18px;
    }

.layout.mobile .multi-search-bar.k-textbox {
    width: 100%;
}

.layout.mobile .multi-search-bar .multi-search-bar-text-container {
    width: auto;
    display: block;
    margin-right: 16px;
}

.layout.mobile .multi-search-bar .btnClear {
    position: absolute;
    top: 9px;
    right: 5px;
}

/** Fucked by bootstrap **/
.layout.mobile .sidebar-buttons-container .sidebar-button {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.layout.mobile label {
    font-weight: normal
}
/**
    END MOBILE OVERRIDES
    */

.marker-rotatable {
    display: inline-block;
}

.highlight-bracket {
    font-size: 16pt;
    font-weight: bold;
    position: absolute;
    line-height: 1;
    top: 0;
    color: black;
}

    .highlight-bracket.highlight-bracket-left {
        left: -10px;
    }

    .highlight-bracket.highlight-bracket-right {
        right: -10px;
    }


/* AIS layer */
.icon-marker-ais {
    font-size: 14px;
}

    .icon-marker-ais.classA {
        color: black;
    }

    .icon-marker-ais.classB {
        color: #0084c7;
    }

    .icon-marker-ais.inland {
        color: blue;
    }

    .icon-marker-ais.highlight {
        color: red;
        font-size: 20px;
    }

a.markerLink, a.markerLink:hover {
    text-decoration: none;
    color: black;
}

[class^="icon-marker-nts-"], [class*=" icon-marker-nts-"] {
    padding: 3px;
    font-size: 18px;
    background-color: #0084c7;
    color: white;
}


ul.no-style {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.no-style > li {
        margin: 0;
        padding: 0;
    }

.AWFMaps.Map {
    display: block !important;
}

.AWFMaps.MapControl {
    display: block !important;
}

.AWFMaps.MapSelector {
    display: block !important;
}

/*.ol-map {
    margin-left: 50px;
}*/

.ol-zoom {
    left: auto;
    right: 8px
}

.ol-mouse-position {
    background: var(--ol-partial-background-color);
    bottom: 20px;
    top: auto;
    font-size: 12px;
}

.ol-search {
    top: 8px;
    left: 8px;
    font-size: 12px;
}

    .ol-search ul {
        max-height: 300px;
    }

.ol-control button {
    font-size: 14px;
}

.ol-popup h1 {
    font-size: 14px !important;
}

.ol-popup table {
    font-size: 12px;
    overflow-y: auto;
    max-height: 150px;
    display: block;
}

.ol-popup td:first-child {
    font-size: 10px;
    text-transform: uppercase;
}

.ol-popup td {
    padding: 0 5px;
}

.ol-popup.ol-fixed {
    right: 2.5em !important;
}

.ol-map-locate {
    top: 56px;
    left: auto;
    right: 8px;
}

.ol-notification,
.ol-notification > div,
.ol-notification > div:hover {
    top: 0;
    bottom: auto;
    border-radius: 0 0 4px 4px;
}

    .ol-notification .ol-close {
        background-color: var(--ol-partial-background-color);
        color: var(--ol-foreground-color);
        font-size: 12px;
        padding: 10px;
    }

    .ol-notification.ol-collapsed > div {
        top: -5em;
        bottom: auto;
        opacity: 0;
    }

.ol-scale-line + .ol-scale-line {
    bottom: 30px;
}
/* Combined file ~/filestore/apps/AWFMaps/Icons/fonts.css on 18/03/2024 18:13:54 */
@font-face {
	font-family: 'imap3';
	src:url('/filestore/apps/AWFMaps/Icons/fonts/imap3.eot?-dvrfks');
	src:url('/filestore/apps/AWFMaps/Icons/fonts/imap3.eot?#iefix-dvrfks') format('embedded-opentype'),
		url('/filestore/apps/AWFMaps/Icons/fonts/imap3.woff?-dvrfks') format('woff'),
		url('/filestore/apps/AWFMaps/Icons/fonts/imap3.ttf?-dvrfks') format('truetype'),
		url('/filestore/apps/AWFMaps/Icons/fonts/imap3.svg?-dvrfks#imap3') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'imap3';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
    font-size:inherit;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-marker-aton-virtual:before {
	content: "\e618";
}
.icon-marker-aton-real:before {
	content: "\e619";
}
.icon-marker-radar:before {
	content: "\e617";
}
.icon-vts-scheldt:before {
	content: "\e616";
}
.icon-marker-nts-ftm:before {
	content: "\e614";
}
.icon-marker-nts-icem:before {
	content: "\e615";
}
.icon-select-area:before {
	content: "\e611";
}
.icon-marker-ais:before {
	content: "\e60f";
}
.icon-cal-month:before {
	content: "\e60d";
}
.icon-cal-week:before {
	content: "\e60e";
}
.icon-cal-day:before {
	content: "\e60c";
}
.icon-graph-line:before {
	content: "\e607";
}
.icon-map-marker:before {
	content: "\f041";
}
.icon-arrow-circle-left:before {
	content: "\f0a8";
}
.icon-desktop:before {
	content: "\f108";
}
.icon-mobile-phone:before {
	content: "\f10b";
}
.icon-arrow-circle-o-left:before {
	content: "\f190";
}
.icon-users:before {
	content: "\e612";
}
.icon-user:before {
	content: "\e613";
}
.icon-loading:before {
	content: "\e610";
}
.icon-add:before {
	content: "\e608";
}
.icon-cog:before {
	content: "\e606";
}
.icon-search:before {
	content: "\e605";
}
.icon-bookmark:before {
	content: "\e604";
}
.icon-layers:before {
	content: "\e600";
}
.icon-arrow-up-right:before {
	content: "\e601";
}
.icon-arrow-down-right:before {
	content: "\e602";
}
.icon-eq:before {
	content: "\e603";
}
.icon-cross:before {
	content: "\e609";
}
.icon-minus:before {
	content: "\e60a";
}
.icon-bin:before {
	content: "\e60b";
}
.icon-save:before {
	content: "\e61a";
}
.icon-spin{
 -webkit-font-smoothing: antialiased;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
/* spin animation */
@-moz-keyframes spin {
  0% {
	-moz-transform: rotate(0deg);
  }
  100% {
	-moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
	-webkit-transform: rotate(0deg);
  }
  100% {
	-webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
	-o-transform: rotate(0deg);
  }
  100% {
	-o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
	-ms-transform: rotate(0deg);
  }
  100% {
	-ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(359deg);
  }
}/* Combined file ~/filestore/apps/AWFMaps/Icons/fonts-color.css on 18/03/2024 18:13:54 */
[class^="icon-"].color-FFFFFF, [class*=" icon-"].color-FFFFFF,
[class^="icon-"].color-white, [class*=" icon-"].color-white{
	color: #FFFFFF;
}
[class^="icon-"].color-0084C7, [class*=" icon-"].color-0084C7{
	color:#0084C7;
}
[class^="icon-"].color-963232,[class*=" icon-"].color-963232{
    color:#963232;
}

[class^="icon-"].color-386591,[class*=" icon-"].color-285078{
    color:#386591;
}
button:disabled [class^="icon-"].color-ffffff, button:disabled [class*=" icon-"].color-ffffff {
    color:#f3f3f3;
}