/* Minification failed. Returning unminified contents.
(35,44): run-time error CSS1033: Expected closing bracket, found '&'
(35,49): run-time error CSS1031: Expected selector, found ';'
(35,49): run-time error CSS1025: Expected comma or open brace, found ';'
(35,57): run-time error CSS1031: Expected selector, found ']'
(35,57): run-time error CSS1025: Expected comma or open brace, found ']'
(40,45): run-time error CSS1033: Expected closing bracket, found '&'
(40,50): run-time error CSS1031: Expected selector, found ';'
(40,50): run-time error CSS1025: Expected comma or open brace, found ';'
(40,58): run-time error CSS1031: Expected selector, found ']'
(40,58): run-time error CSS1025: Expected comma or open brace, found ']'
(1795,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1804,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;
    }