/* Minification failed. Returning unminified contents.
(42,44): run-time error CSS1033: Expected closing bracket, found '&'
(42,49): run-time error CSS1031: Expected selector, found ';'
(42,49): run-time error CSS1025: Expected comma or open brace, found ';'
(42,57): run-time error CSS1031: Expected selector, found ']'
(42,57): run-time error CSS1025: Expected comma or open brace, found ']'
(48,45): run-time error CSS1033: Expected closing bracket, found '&'
(48,50): run-time error CSS1031: Expected selector, found ';'
(48,50): run-time error CSS1025: Expected comma or open brace, found ';'
(48,58): run-time error CSS1031: Expected selector, found ']'
(48,58): run-time error CSS1025: Expected comma or open brace, found ']'
(2066,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2076,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
body
{
}

#map .ol-zoom .ol-zoom-out
{
    margin-top: 204px;
}

#map .ol-zoomslider
{
    background-color: transparent;
    top: 2.3em;
}

#map .ol-touch .ol-zoom .ol-zoom-out
{
    margin-top: 212px;
}

.tabbar
{
    background-color: #004E8B;
}

.ol-attribution
{
    text-align: right;
    bottom: 4.5em !important;
    font-family: arial !important;
    font-size: 10pt !important;
    left: 0.5em !important;
    right: auto !important;
    max-width: calc(100% - 1.3em);
}

#map .ol-touch .ol-zoomslider
{
    top: 2.75em;
}

#map .ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
#map .ol-zoom-in.ol-has-tooltip:focus [role=tooltip]
{
    top: 3px;
}

#map .ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
#map .ol-zoom-out.ol-has-tooltip:focus [role=tooltip]
{
    top: 232px;
}

.select2, .select2-container, select2-selection
{
    font-family: Arial;
    font-size: 10pt;
}

.ol-tooltip
{
    position: relative;
    font-family: arial;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
    font-size: 12px;
}

.ol-tooltip-measure
{
    opacity: 1;
    font-weight: bold;
}

.ol-tooltip-static
{
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
    font-family: arial;
}

    .ol-tooltip-measure:before,
    .ol-tooltip-static:before
    {
        border-top: 6px solid rgba(0, 0, 0, 0.5);
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: "";
        position: absolute;
        bottom: -6px;
        margin-left: -7px;
        left: 50%;
    }

    .ol-tooltip-static:before
    {
        border-top-color: #ffcc33;
    }

.link
{
    padding: 3px 5px 3px 0px
}

select, input[type="text"]
{
    padding: 5px
}

.deletedrow
{
    color: red !important;
    font-weight: bold !important;
    background-color: lightgray;
}

.dimension
{
    background-color: #000066;
    color: white;
    border-collapse: collapse;
    padding: 4px 5px 4px 5px;
    border-color: none;
    border: none;
}

#v2trackLogo
{
    background-image: url("/images/v2trackviewerlogo.png");
    width: 230px;
    height: 68px;
    margin-right: 3px;
    border: 0px
}

.OpenFltGroup a, .ClosedFltGroup a
{
    text-decoration: none !important;
    cursor: pointer !important;
    /*color:black !important;*/
}

/* enable absolute positioning */
.inner-addon
{
    position: relative;
}

    /* style glyph */
    .inner-addon .glyphicon
    {
        position: absolute;
        padding: 13px;
        pointer-events: none;
        opacity: 0.6
    }

/* align glyph */
.left-addon .glyphicon
{
    left: 0px;
}

.right-addon .glyphicon
{
    right: 0px;
}

/* add padding  */
.left-addon input
{
    padding-left: 30px;
}

.right-addon input
{
    padding-right: 30px;
}


.width250
{
    width: 250px;
}

html
{
    height: 100%;
    width: 100%;
}

.ui-resizable-helper
{
    border: 3px dotted #00F;
    z-index: 99999999 !important;
}

.stopMouse
{
    pointer-events: none;
}

.ui-resizable-e
{
    /*width: 5px;*/
}


form
{
    margin: 0;
}

a img
{
    outline: none;
}

s

.olImageLoadError
{
    background-color: transparent !important;
}

.windowfooterbuttons
{
    text-align: right;
    height: 35px !important;
    padding-right: 10px;
    margin-right: 10px;
    padding-top: 5px;
}

.style101
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #004E8B;
}

.olControlLayerSwitcher
{
    left: 5px;
    top: 20px;
}

.olLayerGoogleCopyright
{
    /* display: none;*/
}

.padding
{
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
}

.Mouse .olLayerGooglePoweredBy
{
    /*display: none;*/
}

.olLayerGoogleV3
{
    /*  display: none;*/
}

.gmnoprint
{
    display: none;
}

.olControlOverviewMapContainer
{
    position: absolute;
    bottom: 0;
    right: 0;
}

.olControlOverviewMapElement
{
    background-color: #00008B;
    -moz-border-radius: 1em 0 0;
    padding: 10px 18px 10px 10px;
}

.olControlOverviewMapExtentRectangle
{
    overflow: hidden;
    background-image: url(img/blank.gif);
    cursor: move;
    border: 2px dotted red;
}

.olControlOverviewMapRectReplacement
{
    overflow: hidden;
    cursor: move;
    background-image: url(img/overview_replacement.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.ol-scale-line
{
    position: absolute;
    font-family: Arial;
    bottom: 35px;
    left: 8px
}

.olControlMousePositionDiv
{
    background-color: #000 !important;
    color: white !important;
    font-family: Arial;
    font-size: smaller;
    font-weight: bold;
    opacity: 0.8;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 1px;
    position: absolute;
    left: 7px;
    text-align: left;
    bottom: 5px;
    height: 18px;
    width: auto;
    z-index: 99999;
}

.LabelDiv
{
    position: absolute;
    width: auto;
    height: auto;
    padding: 0px;
}

.front
{
    z-index: 9999;
    position: absolute;
}

#map
{
    min-width: 500px;
    width: 520px;
    height: 610px;
    border: 1px solid black;
    -ms-touch-action: none;
}

.red
{
    color: red;
}

.LabelBoxActive
{
    z-index: 4000;
    background: transparent;
    background-color: transparent;
    Overflow: hidden;
    Overflow-y: hidden;
    Overflow-x: hidden;
    left: 10px;
}


.LabelBox
{
    z-index: 1000;
    background: transparent;
    background-color: transparent;
    Overflow: hidden;
    Overflow-y: hidden;
    Overflow-x: hidden;
    left: 10px;
}

.olPopupContent
{
    Overflow: hidden;
    Overflow-y: hidden;
    Overflow-x: hidden;
    margin-left: 0px;
    white-space: nowrap;
    z-index: 9999999;
}

p > .olPopupContent
{
    left: 8px; /* Only Firefox runs this style */
}


.olPopup
{
    overflow: hidden;
    white-space: nowrap;
    z-index: 999999;
    Overflow-y: hidden;
    Overflow-x: hidden;
    Overflow: hidden;
}

.olFramedCloudPopupContent, .olFramedCloudPopupContent
{
    Overflow-y: hidden;
    Overflow-x: hidden;
    Overflow: hidden;
}

.olPopupContent, .olFramedCloudPopupContent
{
    overflow: hidden;
    Overflow-y: hidden;
    Overflow-x: hidden;
}

.olDragDown, .olControlDragFeatureOver
{
    cursor: move;
}

#nounderline a
{
    text-decoration: none;
}

a.nounderline
{
    text-decoration: none;
}

.tooltip
{
    font-weight: bold;
    font-family: Arial,Tahoma;
    border: 1px #006699 solid;
    background-color: #ffffff;
    padding: 4px;
}

.arial
{
    font-family: Arial,Tahoma;
    font-size: 9pt;
}

.arialtitle
{
    font-family: Arial,Tahoma;
    font-size: 14pt;
    width: 181px;
}

a
{
    text-decoration: none;
    color: #008dc8;
}

    a:hover
    {
        text-decoration: underline;
        color: #00649e;
    }

    a.topmenu:hover
    {
        text-decoration: none;
        color: white;
    }
/* a:visited {
        text-decoration: none;
        color: #4444ff;
    }*/

.sidebar
{
    font-family: Arial,Tahoma;
    text-decoration: none;
    font-size: 10pt;
    height: 150px;
    width: 460px;
}

.sidebartitle
{
    font-family: Arial,Tahoma;
    text-decoration: none;
    font-size: 10pt;
    height: 20px;
    width: 460px;
}

.timerstyle
{
    font-family: Arial,Tahoma;
    text-decoration: none;
    font-size: 9pt;
}

.space
{
    padding: 6px;
}

.sidebartime
{
    font-family: Arial,Tahoma;
    text-decoration: none;
    font-size: 9pt;
    width: 194px;
}

.sidebar2
{
    font-family: Arial,Tahoma;
    text-decoration: none;
    font-size: 9pt;
    height: 64px;
    width: 194px;
}

.style1
{
    height: 100%;
    width: 460px;
}

.style3
{
    width: 460px;
}

#hometab
{
    margin-right: 0px;
}

.style5
{
    width: 460px;
}

.style6
{
    width: 460px;
}

#beep
{
    width: 460px;
}

.style9
{
    width: 184px;
}

#Div1
{
    width: 234px;
}

#etadeviceid
{
    width: 85px;
}

input.btn
{
    color: #050;
    font: bold 84% 'trebuchet ms',helvetica,sans-serif;
    background-color: #ffffff;
    border: 1px solid;
    font-size: 10px;
    border-color: #696 #363 #363 #696;
}

#div_etalist a
{
    color: yellowgreen
}

#div_etalist
{
    /* width */
}



    #div_etalist::-webkit-scrollbar
    {
        width: 15px;
    }

    /* Track */
    #div_etalist::-webkit-scrollbar-track
    {
        box-shadow: inset 0 0 2px grey;
        border-radius: 10px;
    }

    /* Handle */
    #div_etalist::-webkit-scrollbar-thumb
    {
        background: rgba(7, 7, 7, 0.65);
        border-radius: 10px;
    }

        /* Handle on hover */
        #div_etalist::-webkit-scrollbar-thumb:hover
        {
            background: #009eb3;
        }

.ol-ext-dialog
{
    font-family: arial
}

.PopupBox
{
    text-align: center;
    display: none;
    width: 280px;
    color: white;
    background-color: rgba(0, 0, 0, 0.82);
    border-color: #D8D8D8;
    border-width: 2px;
    line-height: 150%;
    border-style: solid;
    border-collapse: collapse;
    -moz-border-radius: 2px 2px 2px 2px;
    padding: 9px 9px 9px 9px;
}

.PopupBoxGraph
{
    text-align: center;
    width: 665px;
}

.PopupBoxData
{
    text-align: center;
    width: 750px;
}

.PopupStyle
{
    text-align: center;
    width: 300px;
    background-color: White;
    border-color: Gray;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    -moz-border-radius: 2px 2px 2px 2px;
    padding: 18px 18px 18px 18px;
}

.popup_displayprofile
{
    font-size: 10px;
}

.style5
{
    background-color: #FFFFFF;
}

.style6
{
    font-size: 5pt;
}

.style8
{
    width: 100%;
}

.style7
{
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    color: #FFFFFF;
}

.style10
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
}

.style101
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #004E8B;
    padding: 7px 4px 7px 5px;
}

.olControlScaleBar
{
    top: 20px;
    left: 60px;
    font-family: sans-serif;
    color: #FFF;
}

.olControlScaleBarBar
{
    height: 1px;
    top: 14px;
    background: #FFFFFF;
    color: #FFF;
    border-color: White;
    border-width: 2px;
    background-color: White;
}

.olControlScaleBarGraphics
{
    background: #222222;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.olControlScaleBarNumbers
{
    left: -20px;
}

.olControlScaleBarBarAlt
{
    height: 1px;
    top: 14px;
    color: White;
    background: #FFFfff;
}

.olControlScaleBarMarkerMajor
{
    height: 7px;
    width: 1px;
    top: 11px;
    background: #FFFfff;
    color: White;
}

.olControlScaleBarMarkerMinor
{
    height: 5px;
    width: 1px;
    top: 12px;
    background: #ffffff;
}

.olControlScaleBarNumbersBox
{
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox
{
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}


.olControlScaleBarLabelBoxSingleLine
{
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}

strong
{
    font-weight: bold;
}

.anet, .buzz_content, div, dt, isindex,
{
    display: block;
}

ol, ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

ul, li
{
    margin: 0px;
    padding: 0px;
}

.sectiondiv
{
    width: 100%;
    max-width: 653px
}

.section-header, #AlertTabBar, #AlertTabBar2, #section-header, #repsection-headerDateRange, #section-headerDay1, #repsection-headerDateRange, #repsection-headerThisWeek, #repsection-headerLastWeek, #section-headerLastWeek, #section-headerThisWeek, #section-headerDateRange, #section-headerFavourites, #section-headerDay2, #section-headerDay3, .wrapper #page-title, #section-header2, .wrapper #page-title2, #section-header3, .wrapper #page-title3, #section-header4, .wrapper #page-title4, #section-header5, .wrapper #page-title5, #section-header6, #section-header69, .wrapper #page-title6, #section-header7, .wrapper #page-title7, #section-header10, .wrapper #page-title10, .msgsection-header, #AlertTabBar, #AlertTabBar2, #msgsection-header, #msgsection-headerDay1, #msgsection-headerLastWeek, #msgsection-headerThisWeek, #msgsection-headerDateRange, #msgsection-headerAll, #msgsection-headerDay2, #msgsection-headerDay3, .wrapper #page-title, #msgsection-header2, .wrapper #page-title2, #msgsection-header3, .wrapper #page-title3, #msgsection-header4, .wrapper #page-title4, #msgsection-header5, .wrapper #page-title5, #msgsection-header6, .wrapper #page-title6, #msgsection-header7, .wrapper #page-title7, #msgsection-header10, .wrapper #page-title10
{
    background: transparent url(/images/bg_border_3x1.png) repeat-x scroll 0 100%;
}

.section-header, #AlertTabBar, #AlertTabBar2, #section-header, #repsection-headerDateRange, #nav-reportsecondaryThisWeek, #section-headerThisWeek, #repsection-headerThisWeek, #section-headerLastWeek, #repsection-headerLastWeek, #section-headerDateRange, #section-headerFavourites, #section-headerDay1, #section-headerDay2, #section-headerDay3, #page-title, #section-header2, #page-title2, #section-header3, #page-title3, #section-header4, #page-title4, #section-header5, #page-title5, #section-header6, #section-header69, #page-title6, #section-header7, #page-title7, #section-header10, #page-title10, .msgsection-header, #AlertTabBar, #AlertTabBar2, #msgsection-header, #msgsection-headerThisWeek, #msgsection-headerLastWeek, #msgsection-headerDateRange, #msgsection-headerAll, #msgsection-headerDay1, #msgsection-headerDay2, #msgsection-headerDay3, #page-title, #msgsection-header2, #page-title2, #msgsection-header3, #page-title3, #msgsection-header4, #page-title4, #msgsection-header5, #page-title5, #msgsection-header6, #page-title6, #msgsection-header7, #page-title7, #msgsection-header10, #page-title10
{
    height: 26px;
    /*    margin: 0 0 15px;*/
}

    .section-header, .AlertTabBar ul, #AlertTabBar li, .AlertTabBar2 ul, #nav-reportsecondaryThisWeek li, #nav-reportsecondaryLastWeek li, #nav-reportsecondaryDateRange li, #AlertTabBar2 li, #section-header ul, #section-headerDateRange li, #section-headerFavourites li, #section-headerLastWeek li, #section-headerThisWeek li, #section-headerDay1 li, #section-headerDay2 li, #section-headerDay3 li, #section-headerDay1 p, #section-headerDay2 p, #section-headerDay3 p, #section-header li, #section-header p, #section-header, #section-header2 ul, #section-header2 li, #section-header2 p, #section-header2, #section-header3 ul, #section-header3 li, #section-header3 p, #section-header3, #section-header4 ul, #section-header4 li, #section-header4 p, #section-header4, #section-header5 ul, #section-header5 li, #section-header5 p, #section-header5, #section-header6 ul, #section-header6 li, #section-header6 p, #section-header6, #section-header69, #section-header7 ul, #section-header7 li, #section-header7 p, #section-header7, #section-header10, #section-header10 ul, #section-header10 li, #section-header10 p, .msgsection-header, .AlertTabBar ul, #AlertTabBar li, .AlertTabBar2 ul, #AlertTabBar2 li, #msgsection-header ul, #msgsection-headerDateRange li, #msgsection-headerAll li, #msgsection-headerLastWeek li, #msgsection-headerThisWeek li, #msgsection-headerDay1 li, #msgsection-headerDay2 li, #msgsection-headerDay3 li, #msgsection-headerDay1 p, #msgsection-headerDay2 p, #msgsection-headerDay3 p, #msgsection-header li, #msgsection-header p, #msgsection-header, #msgsection-header2 ul, #msgsection-header2 li, #msgsection-header2 p, #msgsection-header2, #msgsection-header3 ul, #msgsection-header3 li, #msgsection-header3 p, #msgsection-header3, #msgsection-header4 ul, #msgsection-header4 li, #msgsection-header4 p, #msgsection-header4, #msgsection-header5 ul, #msgsection-header5 li, #msgsection-header5 p, #msgsection-header5, #msgsection-header6 ul, #msgsection-header6 li, #msgsection-header6 p, #msgsection-header6, #msgsection-header7 ul, #msgsection-header7 li, #msgsection-header7 p, #msgsection-header7, #msgsection-header10, #msgsection-header10 ul, #msgsection-header10 li, #msgsection-header10 p
    {
        border: medium none;
        list-style-type: none;
        padding: 0;
    }

    div.nav-secondary .active, ul.nav-secondary .active, #AlertTabBar .active, #AlertTabBar2 .active, #nav-reportsecondaryThisWeek .active, #nav-reportsecondaryLastWeek .active, #nav-reportsecondaryDateRange .active, #nav-secondary .active, #nav-reportsecondaryThisWeek .active, #nav-secondaryThisWeek .active, #nav-secondaryLastWeek .active, #nav-secondaryDateRange .active, #nav-secondaryFavourites .active, #nav-secondaryDay1 .active, #nav-secondaryDay2 .active, #nav-secondaryDay3 .active, #nav-secondary2 .active, #nav-secondary3 .active, #nav-secondary4 .active, #nav-secondary5 .active, #nav-secondary6 .active, #nav-secondary69 .active, #nav-secondary7 .active, #nav-secondary10 .active, .msg-secondary, #AlertTabBar .active, #AlertTabBar2 .active, #msg-secondary .active, #msg-secondaryThisWeek .active, #msg-secondaryLastWeek .active, #msg-secondaryDateRange .active, #msg-secondaryAll .active, #msg-secondaryDay1 .active, #msg-secondaryDay2 .active, #msg-secondaryDay3 .active, #msg-secondary2 .active, #msg-secondary3 .active, #msg-secondary4 .active, #msg-secondary5 .active, #msg-secondary6 .active, #msg-secondary7 .active, #msg-secondary10 .active
    {
        background: #FFFFFF url(/images/bg_tabs_border_selected_1x25.png) repeat-x scroll 0 -15px;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 1px 1px 0;
    }

        div.nav-secondary .active, #nav-reportsecondaryThisWeek a, #nav-reportsecondaryThisWeek a, #nav-secondaryThisWeek a, #nav-reportsecondaryLastWeek a, #nav-reportsecondaryDateRange a, #AlertTabBarU1 a, #AlertTabBarU2 a, #nav-secondaryLastWeek a, #nav-secondaryDateRange a, #nav-secondaryFavourites a, #nav-secondary .active a, #nav-secondaryDay1 a, #nav-secondaryDay2 a, #nav-secondaryDay3 a, #nav-secondary2 .active a, #nav-secondary3 .active a, #nav-secondary4 .active a, #nav-secondary5 .active a, #nav-secondary6 .active a, #nav-secondary69 .active a, #nav-secondary7 .active a, #nav-secondary10 .active a, .msg-secondary .active, #msg-secondaryThisWeek a, #AlertTabBarU1 a, #AlertTabBarU2 a, #msg-secondaryLastWeek a, #msg-secondaryDateRange a, #msg-secondaryAll a, #msg-secondary .active a, #msg-secondaryDay1 a, #msg-secondaryDay2 a, #msg-secondaryDay3 a, #msg-secondary2 .active a, #msg-secondary3 .active a, #msg-secondary4 .active a, #msg-secondary5 .active a, #msg-secondary6 .active a, #msg-secondary7 .active a, #msg-secondary10 .active a
        {
            border: 1px solid #FFFFFF;
            text-decoration: none;
            border-bottom: 2px solid #FFFFFF;
            color: #006699 !important;
            font-weight: normal;
            padding: 5px 8px 2px;
        }

        .nav-secondary li, #nav-secondaryThisWeek li, #nav-reportsecondaryThisWeek li, #nav-reportsecondaryThisWeek li, #nav-reportsecondaryLastWeek li, #nav-reportsecondaryDateRange li, #AlertTabBarU1 li, #AlertTabBarU2 li, #nav-secondaryLastWeek li, #nav-secondaryDateRange li, #nav-secondaryFavourites li, .nav-secondaryThisWeek li, .nav-secondaryLastWeek li, .nav-secondaryDateRange li, .nav-secondaryFavourites li, #nav-secondary li, #nav-secondaryDay1 li, #nav-secondaryDay2 li, #nav-secondaryDay3 li, #nav-secondary2 li, #nav-secondary3 li, #nav-secondary4 li, #nav-secondary5 li, #nav-secondary6 li, #nav-secondary69 li, #nav-secondary7 li, #nav-secondary10 li, .msg-secondary li, #msg-secondaryThisWeek li, #AlertTabBarU1 li, #AlertTabBarU2 li, #msg-secondaryLastWeek li, #msg-secondaryDateRange li, #msg-secondaryAll li, .msg-secondaryThisWeek li, .msg-secondaryLastWeek li, .msg-secondaryDateRange li, #msg-secondary li, #msg-secondaryDay1 li, #msg-secondaryDay2 li, #msg-secondaryDay3 li, #msg-secondary2 li, #msg-secondary3 li, #msg-secondary4 li, #msg-secondary5 li, #msg-secondary6 li, #msg-secondary7 li, #msg-secondary10 li
        {
            -webkit-border-radius: 3px;
            -moz-border-radius-bottomleft: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            float: left;
            font-size: 130%;
        }

        .nav-secondary a, #nav-secondary a, #nav-reportsecondaryThisWeek a, #AlertTabBarU2 a, #AlertTabBarU1 a, #nav-reportsecondaryThisWeek a, #nav-reportsecondaryDateRange a, #nav-reportsecondaryLastWeek a, #nav-secondaryDay1 a, #nav-secondaryDay2 a, #nav-secondaryDay3 a, #nav-secondaryThisWeek a, #nav-secondaryLastWeek a, #nav-secondaryDateRange a, #nav-secondaryFavourites a, #nav-secondaryDay1 a:visited, #nav-secondaryDay2 a:visited, #nav-secondaryDay3 a:visited, #nav-secondaryThisWeek a:visited, #nav-secondaryLastWeek a:visited, #nav-secondaryDateRange a:visited#nav-secondary a:visited, #nav-secondaryFavourites a:visited#nav-secondary a:visited, #nav-secondary2 a, #nav-secondary2 a:visited, #nav-secondary3 a, #nav-secondary3 a:visited, #nav-secondary4 a, #nav-secondary4 a:visited, #nav-secondary5 a, #nav-secondary5 a:visited, #nav-secondary6 a, #nav-secondary6 a:visited, #nav-secondary7 a, #nav-secondary7 a:visited, #nav-secondary10 a, #nav-secondary10 a:visited, .msg-secondary a, #msg-secondary a, #AlertTabBarU2 a, #AlertTabBarU1 a, #msg-secondaryDay1 a, #msg-secondaryDay2 a, #msg-secondaryDay3 a, #msg-secondaryThisWeek a, #msg-secondaryLastWeek a, #msg-secondaryDateRange a, #msg-secondaryAll a, #msg-secondaryDay1 a:visited, #msg-secondaryDay2 a:visited, #msg-secondaryDay3 a:visited, #msg-secondaryThisWeek a:visited, #msg-secondaryLastWeek a:visited, #msg-secondaryDateRange a:visited#msg-secondary a:visited, #msg-secondary2 a, #msg-secondary2 a:visited, #msg-secondary3 a, #msg-secondary3 a:visited, #msg-secondary4 a, #msg-secondary4 a:visited, #msg-secondary5 a, #msg-secondary5 a:visited, #msg-secondary6 a, #msg-secondary6 a:visited, #msg-secondary7 a, #msg-secondary7 a:visited, #msg-secondary10 a, #msg-secondary10 a:visited
        {
            color: #006699;
            text-decoration: none;
            float: left;
            padding: 6px 12px 4px;
        }


.suggestion_list
{
    background: white;
    border: 1px solid;
    padding: 4px;
}

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

    .suggestion_list a
    {
        text-decoration: none;
        color: navy;
    }

    .suggestion_list .selected
    {
        background: navy;
        color: white;
    }

        .suggestion_list .selected a
        {
            color: white;
        }

#autosuggest
{
    display: none;
}

div.overdiv
{
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
    background-color: #c0c0c0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

div.square
{
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: Menu;
    border: #f9f9f9;
    height: 200px;
    width: 300px;
    z-index: 999999;
}

    div.square div.msg
    {
        color: #3e6bc2;
        font-size: 15px;
        padding: 15px;
    }


.topmenu
{
    background-color: #003A5C;
    text-indent: 0px;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    border-bottom: solid 2px #073048;
    padding: 6px 8px 4px 8px;
    margin-left: 0px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #134a80;
}

    .topmenu:hover
    {
        background-color: #2a4b80;
        border-bottom: solid 2px #32B0FF !important
    }

    .topmenu:active
    {
        position: relative;
        top: 1px;
    }

.topmenuSelected
{
    background-color: #008dc8;
    border-bottom: solid 2px #008dc8 !important
}



    .topmenuSelected:hover
    {
    }

    .topmenuSelected:active
    {
        position: relative;
        border-bottom: solid 2px #2A93D5 !important
    }

.topmenuDisabled
{
    cursor: not-allowed;
    background-color: #003A5C;
    text-indent: 0px;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    border-bottom: solid 2px #073048;
    padding: 5px 8px 4px 8px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #134a80;
}

.nowrap1
{
    vertical-align: top;
}

.topmenuDisabled:hover
{
    color: white;
    border-bottom: solid 2px #bf0d0d !important;
    text-decoration: none;
}

.topmenuDisabled:active
{
    position: relative;
}

.expandmap
{
    -moz-box-shadow: inset 0px 1px 0px 0px #fed897;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fed897;
    box-shadow: inset 0px 1px 0px 0px #fed897;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
    background: -moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
    background-color: #f6b33d;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: -1.86px;
    border: 1px solid #eda933;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    width: 31px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cd8a15;
}

    .expandmap:hover
    {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
        background: -moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
        background-color: #d29105;
    }

    .expandmap:active
    {
        position: relative;
        top: 1px;
    }

.logout
{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: -1.86px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 25px;
    line-height: 25px;
    width: 55px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}

    .logout:hover
    {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
    }

    .logout:active
    {
        position: relative;
        top: 1px;
    }

.mapreset
{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    width: 60px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}

    .mapreset:hover
    {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
    }

    .mapreset:active
    {
        position: relative;
        top: 1px;
    }

.chardinjs-overlay
{
    position: absolute;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.chardinjs-helper-layer
{
    position: absolute;
    z-index: 9999998;
    color: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .chardinjs-helper-layer.chardinjs-left
    {
        border-left: solid white 1px;
        margin-left: -10px;
    }

    .chardinjs-helper-layer.chardinjs-right
    {
        border-right: solid white 1px;
        padding-right: 10px;
    }

    .chardinjs-helper-layer.chardinjs-bottom
    {
        border-bottom: solid white 1px;
        padding-bottom: 10px;
    }

    .chardinjs-helper-layer.chardinjs-top
    {
        border-top: solid white 1px;
        padding-top: 10px;
    }

.chardinjs-tooltip
{
    font-family: Arial;
    font-size: 10pt;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -ms-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
    max-width: 200px;
}

    .chardinjs-tooltip.chardinjs-left
    {
        margin-left: -135px;
        padding-right: 10px;
    }

    .chardinjs-tooltip.chardinjs-right
    {
        margin-right: -135px;
        padding-left: 10px;
    }

    .chardinjs-tooltip.chardinjs-bottom
    {
        margin-bottom: -50px;
        padding-top: 10px;
    }

    .chardinjs-tooltip.chardinjs-top
    {
        margin-top: -50px;
        padding-bottom: 10px;
    }

        .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after, .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after
        {
            content: ".";
            display: inline-block;
            background-color: white;
            height: 1px;
            overflow: hidden;
            position: absolute;
        }

    .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after
    {
        width: 100px;
        top: 50%;
    }

    .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after
    {
        width: 1px;
        height: 50px;
        left: 50%;
    }

    .chardinjs-tooltip.chardinjs-bottom:before
    {
        top: -50px;
    }

    .chardinjs-tooltip.chardinjs-top:after
    {
        bottom: -50px;
    }

    .chardinjs-tooltip.chardinjs-right:before
    {
        left: -100px;
    }

    .chardinjs-tooltip.chardinjs-left:after
    {
        right: -100px;
    }

.chardinjs-show-element
{
    z-index: 9999999;
    opacity: 0.8;
}

.chardinjs-relative-position
{
    position: relative;
}

/* Drop Down Menu*/

#topmenudropdown
{
    left: 0px;
    height: 32px;
    width: 184px;
    font-family: arial, tahoma, verdana;
    font-size: 10pt;
    z-index: -20000;
}

ul, li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.menu_class
{
    border: 1px solid #000066;
}

.support_menu
{
    display: none;
    min-width: 150px;
    border: 1px solid #000066;
    text-align: left;
    margin-top: 1px;
    margin-left: -2px;
}

.mouseoverupgrade:hover
{
    z-index: 99999999999;
}

.support_menu li
{
    background-color: #000066;
}

    .support_menu li a
    {
        color: #FFFFFF;
        text-decoration: none;
        padding: 5px;
        display: block;
    }

        .support_menu li a:hover
        {
            font-weight: bold;
            color: #0070EE;
        }

ul.support_menu
{
    z-index: 99999999999;
}

.noselect
{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#actionMenuClass
{
    color: blue;
    border-bottom: 1px dotted blue;
}

#actionMenuDiv
{
    color: #444;
    border: 1px solid #000;
    padding: 7px;
    display: none;
    position: absolute;
    background-color: #fff;
    border: thin #363;
    font-family: Arial,Verdana;
    font-size: 10pt;
}

.link:hover
{
    color: white;
    cursor: pointer;
    background-color: #2b1bff
}

.assetRow tr, .assetRow td
{
    padding: 0px !important;
    margin: 0px !important;
}

.bgchange
{
    white-space: nowrap !important;
}

    .bgchange:hover
    {
        background-color: #f1f1f1;
        cursor: pointer;
        /*height: 18px;*/
    }

.bgchange
{
}

    .bgchange.td
    {
        white-space: nowrap !important;
    }

.tooltip
{
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
}

.tooltip-measure
{
    opacity: 1;
    font-weight: bold;
}

.tooltip-static
{
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}

    .tooltip-measure:before,
    .tooltip-static:before
    {
        border-top: 6px solid rgba(0, 0, 0, 0.5);
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: "";
        position: absolute;
        bottom: -6px;
        margin-left: -7px;
        left: 50%;
    }

    .tooltip-static:before
    {
        border-top-color: #ffcc33;
    }

#div_popupasset
{
    opacity: 1;
    visibility: hidden;
    font-family: Arial;
    position: absolute;
    opacity: 0.95;
    margin: 4px 4px 4px 4px;
    padding: 10px 7px 7px 7px;
    line-height: 100%;
    font-size: 9pt;
    width: auto;
    background-color: #E0E9F3;
    border-width: thin;
    border-style: solid;
    border-color: rgb(0, 0, 102);
    box-shadow: 5px 5px 15px rgba(128, 128, 128, 0.4);
}

.as_at
{
    font-style: normal;
    font-weight: normal;
    font-size: 9pt;
}

/* region ag-grid */
#assetGrid
{
    font-family: Arial, Tahoma;
    /*height: 200px;*/
}

    #assetGrid .label
    {
        color: blue;
    }

        #assetGrid .label.inactive:not(.following):not(.mfw)
        {
            margin-left: 17px !important;
        }

    #assetGrid .active.label
    {
        font-weight: bold;
    }

    #assetGrid .active.position
    {
        color: #008000;
    }

        #assetGrid .active.position.advisory
        {
            color: orange;
        }

        #assetGrid .active.position.emergency
        {
            color: red;
        }

    #assetGrid .deactivated
    {
        opacity: 0.4;
    }

    #assetGrid.ag-theme-balham .ag-row-selected.ag-row-odd:not(.ag-row-hover)
    {
        background-color: #fcfcfc;
    }

    #assetGrid.ag-theme-balham .ag-row-selected.ag-row-even:not(.ag-row-hover)
    {
        background-color: white;
    }

    #assetGrid.ag-theme-balham .ag-row-selected.ag-row-odd.ag-row-hover
    {
        background-color: #ecf0f1;
    }

    #assetGrid.ag-theme-balham .ag-row-selected.ag-row-even.ag-row-hover
    {
        background-color: #ecf0f1;
    }

    #assetGrid.ag-theme-balham .ag-ltr .ag-row-group-leaf-indent
    {
        margin-left: 0;
        padding-left: 16px;
    }

    #assetGrid.ag-theme-balham .ag-ltr .ag-row-drag,
    #assetGrid.ag-theme-balham .ag-ltr .ag-selection-checkbox,
    #assetGrid.ag-theme-balham .ag-ltr .ag-group-expanded,
    #assetGrid.ag-theme-balham .ag-ltr .ag-group-contracted
    {
        margin-right: 0;
        margin-left: -5px;
    }

    #assetGrid.ag-theme-balham .ag-cell,
    #assetGrid.ag-theme-balham .ag-full-width-row .ag-cell-wrapper.ag-row-group
    {
        padding-left: 3px;
    }

.contextTitle
{
    font-weight: bold;
    opacity: 1 !important;
}

#assetGrid .red
{
    color: red;
}

#assetGrid .waypoint
{
    color: blue;
    font-weight: bold;
}

#assetGrid .between
{
    color: grey;
}

#assetGrid.ag-theme-balham .ag-row
{
    border: none;
}

#assetGrid.ag-theme-balham .ag-cell
{
    line-height: 15px;
}

#assetGrid.ag-theme-balham .ag-group-checkbox,
#assetGrid.ag-theme-balham .ag-group-expanded,
#assetGrid.ag-theme-balham .ag-group-contracted,
#assetGrid.ag-theme-balham .ag-checkbox
{
    -ms-transform: scale(0.7); /* IE */
    -moz-transform: scale(0.7); /* FF */
    -webkit-transform: scale(0.7); /* Safari and Chrome */
    -o-transform: scale(0.7); /* Opera */
    transform: scale(0.7);
    margin: 0;
    height: 15px !important;
}

#assetGrid .ag-row-group .ag-cell
{
    width: 100% !important;
    height: 25px;
    padding-top: 10px;
    padding-bottom: 1px;
}

#assetGrid .hand
{
    cursor: pointer;
}

#assetGrid.ag-theme-balham .ag-header
{
    border-bottom: none;
}

#assetGrid.ag-theme-balham .ag-root-wrapper
{
    border: none;
}

#assetGrid .ag-body-horizontal-scroll-viewport
{
    overflow-x: auto;
}

#assetGrid .fleetGroupHeader
{
    padding-left: 1px;
    font-weight: bold;
    font-style: italic;
    font-size: 11px;
}

#assetGrid .label .following
{
    font-weight: bold;
    color: black;
}

#assetGrid .ag-menu-list
{
    -webkit-border-horizontal-spacing: 0;
}

.padRight
{
    padding-right: 5px;
}

/*endregion ag-grid*/

/*region side panel grid*/

#LeftSide
{
    display: grid;
    height: 100vh;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) 20px;
    grid-template-areas: "header" "browserMessages" "alerts" "notifications" "body" "footer"
}

    #LeftSide .header
    {
        grid-area: header;
    }

    #LeftSide .browserMessages
    {
        grid-area: browserMessages;
    }


    #LeftSide #div_TempAlertBox
    {
        grid-area: alerts;
        max-width: 100%;
        min-width: 0;
    }

    #LeftSide #div_AlertBox
    {
        grid-area: notifications;
    }

    #LeftSide .body
    {
        grid-area: body;
    }

    #LeftSide .assets
    {
        grid-area: assets;
    }

    #LeftSide .slc
    {
        grid-area: slc;
    }

    #LeftSide .events
    {
        grid-area: events;
    }

#div_AlertBox.poppedOut .ui-icon
{
    transform: translatey(3px) rotate(180deg);
    display: inline-block;
}

#div_AlertBox.poppedIn .ui-icon
{
    transform: translatey(3px);
    display: inline-block;
}

#div_AlertBox
{
    margin-left: 0px;
    white-space: nowrap;
    background-color: white;
    overflow: auto;
}

    #div_AlertBox.poppedOut
    {
        position: fixed;
        top: 35px;
        left: 613px;
        width: 30%;
        float: left;
        z-index: 2147483647;
    }

    #div_AlertBox.poppedIn
    {
        position: relative;
    }
/*endregion side panel grid*/

/*region live panel*/

#hometab
{
    display: flex;
    flex-direction: column;
}

    #hometab .title
    {
        flex-grow: 0;
    }

    #hometab #side_bar_sbdefault
    {
        height: 100%;
        flex-grow: 1;
    }

    #hometab .slc
    {
        flex-grow: 0;
    }

    #hometab .recent-events
    {
        flex-grow: 0;
    }

#iframeeventlog
{
    height: 50px;
}

/*endregion live panel*/

.nowrap
{
    white-space: nowrap;
}

@keyframes spinner
{
    to
    {
        transform: rotate(360deg);
    }
}

.spinner::after
{
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid rgba(180, 180, 180, 0.6);
    border-top-color: rgba(0, 0, 0, 0.6);
    animation: spinner 0.6s linear infinite;
    z-index: 9999;
}
/*@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:after {
    content: "";
    box-sizing: border-box;
    position: relative;
    top: 00%;
    left: 50%;
    display:block;
    width: 50px!important;
    height: 50px!important;
    margin-top: -50%;
    margin-left: -20px;
    border-radius: 50%;
    border: 5px solid rgba(180, 180, 180, 0.6);
    border-top-color: rgba(0, 0, 0, 0.6);
    animation: spinner 0.6s linear infinite;
    z-index: 999999999999999
}*/

.dialog-header span
{
    display: inline-block;
    color: #fff;
    background: #336699;
    padding: 7px 25px 0 10px;
    height: 25px;
    width: 230px;
}

.dialog-header
{
    position: relative;
    background: #1f5270;
    padding: 0;
    margin: 0;
    font-size: 1.17em;
}

div.detailsBox
{
    position: absolute;
    left: 0;
    top: 135px;
    background: #202529b8;
    z-index: 100000;
    width: 300px;
    font-family: "Open Sans", "helvetica neue", helvetica, "lucinda sans unicode", "sans serif";
    line-height: 1.4;
    font-size: 12px;
    font-weight: normal;
}

.dialog-header a
{
    position: absolute;
    right: 10px;
    top: 8px;
    background: url(/Scripts/ui/themes/base/images/ui-icons_2e83ff_256x240.png) /*{iconsContent}*/ no-repeat -98px -127px;
    width: 15px;
    height: 15px;
}

table.detailsBox.colour-picker p, div.detailsBox.interiorFence p, div.detailsBox.transectLine p
{
    color: white;
    margin: 10px 20px;
    font-size: 11px;
}

.databoxWrapper .tooltip1
{
    position: relative;
}

    .databoxWrapper .tooltip1 span.tt
    {
        display: none;
    }

    .databoxWrapper .tooltip1:hover span.tt
    {
        position: absolute;
        display: block;
        top: 1em;
        left: 1em;
        border: 1px solid black;
        background-color: white;
        padding-left: 0.2em;
        padding-right: 0.2em;
        color: black;
        width: 160px;
    }

tr.DataboxRow:hover, tr.DataboxRow:hover a
{
    background-color: #00649e !important;
    color: white !important;
}

tr.DataboxRowSelected, tr.DataboxRowSelected a
{
    background-color: #008dc8 !important;
    color: white !important;
}

tr.DataboxRowSelected2, tr.DataboxRowSelected2 a
{
    background-color: #50a730 !important;
    color: white !important;
}

tr.DataboxRow:nth-child(odd)
{
    background: #f8f8f8;
}


tr.DataboxRow
{
    padding: 0;
    background-color: #E9E9E9;
    clear: left;
}

div.DataboxPointsWrapper th.DataboxHead
{
    padding: 0;
    overflow: hidden;
    clear: left;
    margin-top: -5px;
}

table.detailsBox div.labelPoint, div.detailsBox div.labelCoord, div.detailsBox div.labelPaddocks, div.detailsBox div.labelAreas, div.detailsBox div.labelBlock, div.detailsBox div.labelSpan, div.detailsBox div.labelOrder
{
    font-size: 11px;
    padding: 5px 0 0 6px;
    border-left: 1px solid #617B91;
    height: 20px;
    float: left;
}


table.detailsBox div.labelNormal
{
    font-size: 11px;
    padding: 5px 0 0 0;
    border-left: 1px solid #617B91;
    border-right: 1px solid #617B91;
    height: 20px;
    float: left;
}

table.detailsBox table.databoxWrapper
{
    background: #FEFEFE;
    padding: 0;
    max-height: 170px;
    overflow: auto;
    clear: left;
}

.DataboxHead
{
    color: #fff;
    background-color: #476573;
    padding: 0;
    overflow: hidden;
    clear: left;
}

table.detailsBox td.distancePoint
{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 44px;
    vertical-align: middle;
    height: 19px;
    padding-top: 5px;
}

td.distance
{
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    text-align: center;
    height: 19px;
    padding-top: 5px;
}

.databoxPointDelete a
{
    text-decoration: none;
    background: url(/images/clearplot.png) /*{iconsHeader}*/ ) no-repeat center top;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block;
}

a.databoxPointDelete1
{
    text-decoration: none;
    background: url(/images/clearplot.png) /*{iconsHeader}*/ ) no-repeat center top;
    width: 15px;
    height: 15px;
    float: right;
    cursor: pointer;
    margin-right: -10px;
}

#animation_pathPointer
{
    fill: #5c5c5c;
}

.open-new-tab
{
    width: 20px !important;
    padding: 0px;
    cursor: pointer;
}

    .open-new-tab:hover
    {
        background-color: lightgrey !important;
        cursor: pointer !important;
    }

.filter-wrapper
{
    /*    padding-top:10px;*/
}

.ui-dialog-titlebar-custom
{
    display: inline-flex !important;
    align-items: center;
    height: 18px;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

    .ui-dialog-titlebar-custom:hover
    {
        background: #e0e0e0;
    }

#div_MessageBox
{
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    background: linear-gradient(135deg, #055ebf, #003a5c);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 25px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    opacity: 0;
    z-index: 9999;
    pointer-events: none;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.5s ease;
}


    #div_MessageBox.show
    {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }

    #div_MessageBox.hide
    {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }