:root {
    --leaflet-tile-filter: brightness(0.7) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.6);
}

.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
    filter: var(--leaflet-tile-filter, none);
}

    


:root {
    --color-nordicco-green: #53c0ab;
    --color-nordicco-lightgreen: #afe5db;
    --color-nordicco-blue: #00a0dc;
    --color-nordicco-orange: #ed721a;
    --color-nordicco-dark: #3c3c3b;
    --color-nordicco-grey: #636361;
    --color-nordicco-lightgrey: #63636180;
    --color-nordicco-light: #e1e1e1;
    --color-nordicco-light60: #e1e1e180;
    --color-nordicco-white: #fefefe;
    --border-radius-box: 12px;
    --border-radius-button: 4px;
    --fa-primary-color: var(--color-nordicco-green);
    --fa-secondary-color: var(--color-nordicco-dark);
    --color-nordicco-blue-1: #D6F4FF;
    --color-nordicco-blue-2: #ACE8FF;
    --color-nordicco-blue-3: #83DDFF;
    --color-nordicco-blue-4: #59D2FF;
    --color-nordicco-blue-5: #00B4F5;
    --color-nordicco-blue-6: #00A0DC;
    --color-nordicco-blue-7: #0080B0;
    --color-nordicco-blue-8: #006084;
    --color-nordicco-blue-9: #00506E;
    --color-nordicco-green-1: #D6F4EE;
    --color-nordicco-green-2: #ADEADE;
    --color-nordicco-green-3: #84DFCD;
    --color-nordicco-green-4: #5AD4BC;
    --color-nordicco-green-5: #53C0AB;
    --color-nordicco-green-6: #2EB399;
    --color-nordicco-green-7: #299E87;
    --color-nordicco-green-8: #217E6C;
    --color-nordicco-green-9: #195F51;
    --color-nordicco-orange-1: #FCE8D9;
    --color-nordicco-orange-2: #FBDCC6;
    --color-nordicco-orange-3: #F8C49F;
    --color-nordicco-orange-4: #F5AD79;
    --color-nordicco-orange-5: #F29552;
    --color-nordicco-orange-6: #FF892B;
    --color-nordicco-orange-7: #EE7219;
    --color-nordicco-orange-8: #CD5F10;
    --color-nordicco-orange-9: #93440B;
    --color-nordicco-red-1: #FEE1DD;
    --color-nordicco-red-2: #FCC2BA;
    --color-nordicco-red-3: #FBA498;
    --color-nordicco-red-4: #F86753;
    --color-nordicco-red-5: #F74830;
    --color-nordicco-red-6: #DF2208;
    --color-nordicco-red-7: #C01C07;
    --color-nordicco-red-8: #9C1806;
    --color-nordicco-red-9: #751205;
}

.logo {
    background-color: var(--color-nordicco-white);
    -webkit-mask-image: url(/images/Northern-Sky-logo-lightgray.svg);
    mask-image: url(/images/Northern-Sky-logo-lightgray.svg);
    height: 32px;
    width: 220px;
    margin: 15px auto;
}

.text-nordicco-green, .text-primary {
    color: var(--color-nordicco-green);
}
.text-nordicco-lightgreen {
    color: var(--color-nordicco-lightgreen);
}

.text-nordicco-blue, .text-secondary {
    color: var(--color-nordicco-blue);
}

.text-nordicco-orange {
    color: var(--color-nordicco-orange);
}

.text-nordicco-dark, .text-dark {
    color: var(--color-nordicco-dark);
}

.text-nordicco-grey, .text-grey {
    color: var(--color-nordicco-grey);
}

.text-lightgrey {
    color: var(--color-nordicco-lightgrey);
}

.text-nordicco-light {
    color: var(--color-nordicco-light);
}

.btn-success,
.text-nordicco-white {
    color: var(--color-nordicco-white);
}

.text-blue-1 {
    color: var(--color-nordicco-blue-1);
}

.text-blue-2 {
    color: var(--color-nordicco-blue-2);
}

.text-blue-3 {
    color: var(--color-nordicco-blue-3);
}

.text-blue-4 {
    color: var(--color-nordicco-blue-4);
}

.text-blue-5 {
    color: var(--color-nordicco-blue-5);
}

.text-blue-6 {
    color: var(--color-nordicco-blue-6);
}

.text-blue-7 {
    color: var(--color-nordicco-blue-7);
}

.text-blue-8 {
    color: var(--color-nordicco-blue-8);
}

.text-blue-9 {
    color: var(--color-nordicco-blue-9);
}

.text-green-1 {
    color: var(--color-nordicco-green-1);
}

.text-green-2 {
    color: var(--color-nordicco-green-2);
}

.text-green-3 {
    color: var(--color-nordicco-green-3);
}

.text-green-4 {
    color: var(--color-nordicco-green-4);
}

.text-green-5 {
    color: var(--color-nordicco-green-5);
}

.text-green-6 {
    color: var(--color-nordicco-green-6);
}

.text-green-7 {
    color: var(--color-nordicco-green-7);
}

.text-green-8 {
    color: var(--color-nordicco-green-8);
}

.text-green-9 {
    color: var(--color-nordicco-green-9);
}

.text-orange-1 {
    color: var(--color-nordicco-orange-1);
}

.text-orange-2 {
    color: var(--color-nordicco-orange-2);
}

.text-orange-3 {
    color: var(--color-nordicco-orange-3);
}

.text-orange-4 {
    color: var(--color-nordicco-orange-4);
}

.text-orange-5 {
    color: var(--color-nordicco-orange-5);
}

.text-orange-6 {
    color: var(--color-nordicco-orange-6);
}

.text-orange-7 {
    color: var(--color-nordicco-orange-7);
}

.text-orange-8 {
    color: var(--color-nordicco-orange-8);
}

.text-orange-9 {
    color: var(--color-nordicco-orange-9);
}

.text-red-1 {
    color: var(--color-nordicco-red-1);
}

.text-red-2 {
    color: var(--color-nordicco-red-2);
}

.text-red-3 {
    color: var(--color-nordicco-red-3);
}

.text-red-4 {
    color: var(--color-nordicco-red-4);
}

.text-red-5 {
    color: var(--color-nordicco-red-5);
}

.text-red-6 {
    color: var(--color-nordicco-red-6);
}

.text-red-7 {
    color: var(--color-nordicco-red-7);
}

.text-red-8 {
    color: var(--color-nordicco-red-8);
}

.text-red-9 {
    color: var(--color-nordicco-red-9);
}

.btn-success,
.bg-green, 
.bg-nordicco-green, 
.bg-primary {
    background-color: var(--color-nordicco-green);
}
.bg-nordicco-lightgreen {
    background-color: var(--color-nordicco-lightgreen);
}

.btn-primary,
.bg-blue,
.bg-nordicco-blue,
.bg-secondary {
    background-color: var(--color-nordicco-blue);
}

.bg-orange, bg-nordicco-orange {
    background-color: var(--color-nordicco-orange);
}

.bg-nordicco-dark, .bg-dark {
    background-color: var(--color-nordicco-dark);
}

.bg-nordicco-grey, .bg-grey {
    background-color: var(--color-nordicco-grey);
}

.bg-nordicco-light .bg-light {
    background-color: var(--color-nordicco-light);
}

.bg-nordicco-white {
    background-color: var(--color-nordicco-white);
}

.dot {
    height: 14px;
    width: 14px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
}

.product-color-standard {
    background: linear-gradient(54deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 38%, rgba(196, 196, 196, 1) 48%, rgb(224, 224, 224) 100%);
    border: 1px solid #000;
}
.product-color-white {
    background: linear-gradient(54deg,#fff 0%,#fff 45%, rgba(196, 196, 196, 1) 100%);
    border: 1px solid #000;
}
.product-color-undefined {
    background: transparent;
    border: 1px dashed #63636180;
}

html {
    font-size: 14px;
}

.collapse {
    display: none;
}

.card a:not(.btn) {
    color: var(--color-nordicco-dark);
    text-decoration: none;
}
    .card a:hover, .card a:hover .card-header {
        text-decoration: none;
        background-color: var(--color-nordicco-light);
    }

.card-text-xl {
    font-size: 60px;
    line-height: 70px;
}
.card-text-sm {
    font-size: 14px;
}

.card.is-hidden {
    border-style:dashed !important;
    opacity: 0.8;
}

.xsmall {
    font-size: 8px;
}

#map {
    height: 65vh;
}

.main .navbar {
    background-color: none !important;
    z-index: 200;
    box-shadow: none;
}

.sidebar {
    position: relative;
    z-index: 300;
}
.sidebar-content, .sidebar-link, a.sidebar-link {
    background-color: #0a1218 !important;
}

.sidebar-item.active .sidebar-link:hover, .sidebar-item.active > .sidebar-link {
    background: linear-gradient(90deg, rgb(165 164 165 / 10%), rgb(173 173 173 / 9%) 50%, transparent) !important;
}
.sidebar-open {
    z-index: 610;
}
.sidebar-close {
    z-index: 310;
}

tr.log-timejump-row {
    height: 20px;
    opacity: 0.5;
    background: repeating-linear-gradient( 45deg, #ed721a, #ed721a 10px, #f9cdae 10px, #f9cdae 20px ) !important;
}
    tr.log-timejump-row td {
        background-color: transparent !important;
        box-shadow: none !important;
    }

    /* Map */
    #map.map-full {
        position: fixed !important;
        left: 0px;
        top: 0;
        height: 100vh;
        width: 100vw;
        z-index: 0;
    }

.map-overlay {
    position: relative;
    z-index: 1;
}
    .map-overlay .card,
    .map-overlay .card .card-header {
        background-color: #eeeeee40 !important;
    }
        .map-overlay .card:hover,
        .map-overlay .card a:hover,
        .map-overlay .card .card-body:hover,
        .map-overlay .card .card-header:hover {
            background-color: #908f6c30 !important;
        }

.map-icon {
    text-align: center;
    /* Horizontally center the text (icon) */
    line-height: 0px;
    /* Vertically center the text (icon) */
    white-space: nowrap;
}
.map-icon-online {
    color: #4aac99bd;/* var(--color-nordicco-green);*/
    /*opacity: .8;*/
    font-size: 1.5em;
}
.map-icon-onlineready {
    color: #fc6900;
    opacity: .8;
    font-size: 1.2em;
    border: 1px solid #ed721a;
    background-color: #ed721a5a;
    border-radius: 50%;
    padding: 8px;
}
.map-icon-install {
    color: #0480af; /* var(--color-nordicco-blue);*/
    opacity: .8;
    font-size: 1.2em;
    border: 1px solid #0480af9f;
    background-color: #7ec9e6ba;
    border-radius: 50%;
    padding: 5px;
}
.map-icon-installonline {
    color: #4aac99; /* var(--color-nordicco-blue);*/
    opacity: .9;
    font-size: 1.2em;
    border: 2px solid #4aac99e3;
    background-color: #ccfbf2d6;
    border-radius: 50%;
    padding: 5px;
}
.map-icon-offline {
    color: var(--color-nordicco-dark);
    opacity: .3;
    font-size: 1em;
}

.schedule-job-border-top {
    border-top: 2px solid var(--color-nordicco-orange) !important;
}

@media (min-width: 768px) {
    html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 0px;
}

.btn > span {
    padding-left: 5px;
}

@media (min-width: 992px) {
    .content {
        padding: 1rem 3rem 1.5rem;
    }
}