@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("https://api-st-service-na.azurewebsites.net/appsetting/getfile?name=Roboto-Light.woff2&app=assettracker/fonts/roboto ") format("woff2"),url("../../addin/fonts/roboto/Roboto-Light.woff") format("woff"),url("../../addin/fonts/roboto/Roboto-Light.otf") format("opentype")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("https://api-st-service-na.azurewebsites.net/appsetting/getfile?name=Roboto-Regular.woff2&app=assettracker/fonts/roboto ") format("woff2"),url("../../addin/fonts/roboto/Roboto-Regular.woff") format("woff"),url("../../addin/fonts/roboto/Roboto-Regular.otf") format("opentype")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("https://api-st-service-na.azurewebsites.net/appsetting/getfile?name=Roboto-Medium.woff2&app=assettracker/fonts/roboto ") format("woff2"),url("../../addin/fonts/roboto/Roboto-Medium.woff") format("woff"),url("../../addin/fonts/roboto/Roboto-Medium.otf") format("opentype")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("https://api-st-service-na.azurewebsites.net/appsetting/getfile?name=Roboto-Bold.woff2&app=assettracker/fonts/roboto ") format("woff2"),url("../../addin/fonts/roboto/Roboto-Bold.woff") format("woff"),url("../../addin/fonts/roboto/Roboto-Bold.otf") format("opentype")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: url("https://api-st-service-na.azurewebsites.net/appsetting/getfile?name=Roboto-Black.woff2&app=assettracker/fonts/roboto ") format("woff2"),url("../../addin/fonts/roboto/Roboto-Black.woff") format("woff"),url("../../addin/fonts/roboto/Roboto-Black.otf") format("opentype")
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    src: url("https://api-st-service-na.azurewebsites.net/appsetting/getfile?name=Roboto-LightItalic.woff2&app=assettracker/fonts/roboto ") format("woff2"),url("../../addin/fonts/roboto/Roboto-LightItalic.woff") format("woff"),url("../../addin/fonts/roboto/Roboto-LightItalic.otf") format("opentype")
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: url("https://api-st-service-na.azurewebsites.net/appsetting/getfile?name=Roboto-Italic.woff2&app=assettracker/fonts/roboto ") format("woff2"),url("../../addin/fonts/roboto/Roboto-Italic.woff") format("woff"),url("../../addin/fonts/roboto/Roboto-Italic.otf") format("opentype")
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    src: url("https://api-st-service-na.azurewebsites.net/appsetting/getfile?name=Roboto-BoldItalic.woff2&app=assettracker/fonts/roboto ") format("woff2"),url("../../addin/fonts/roboto/Roboto-BoldItalic.woff") format("woff"),url("../../addin/fonts/roboto/Roboto-BoldItalic.otf") format("opentype")
}

/*@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 900;
    src: url("https://api-st-service-na.azurewebsites.net/appsetting/getfile?name=Roboto-BlackItalic.woff2&app=assettracker/fonts/roboto") format("woff2"),url("../../addin/fonts/roboto/Roboto-BlackItalic.woff") format("woff"),url("../../addin/fonts/roboto/Roboto-BlackItalic.otf") format("opentype")
}*/

.label-01 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.caption-01 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.helper-text {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.helper-text-01 {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.body-short-01 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.body-tall-01 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.body-02 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.heading-00 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.heading-01 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.heading-02 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.heading-03 {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-04 {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-mobile-04 {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-05 {
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 2.25rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-mobile-05 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 2rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-06 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.data-lg {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.data-md {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.data-sm {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.ag {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0
}

.geo-button-colors {
    color: #202328;
    fill: #66788C;
    border-color: #C7CBD2;
    background-color: #FFF
}

.geo-button-colors--hover {
    color: #202328;
    fill: #66788C;
    border-color: #66788C;
    background-color: #F4F6F8
}

.geo-button-colors--active {
    color: #FFF;
    fill: #FFF;
    border-color: #66788C;
    background-color: #66788C
}

.geo-button-colors--disabled {
    color: #C7CBD2;
    fill: #C7CBD2;
    border-color: #C7CBD2;
    background-color: #FFF
}

.geo-pressed-colors {
    color: #FFF;
    fill: #FFF;
    border-color: #66788C;
    background-color: #66788C
}

.geo-pressed-colors--hover {
    color: #FFF;
    fill: #FFF;
    border-color: #66788C;
    background-color: #282F36
}

.geo-pressed-colors--active {
    color: #FFF;
    fill: #FFF;
    border-color: #66788C;
    background-color: #282F36
}

.geo-action-colors {
    color: #FFF;
    fill: #FFF;
    border-color: #0078D3;
    background-color: #0078D3
}

.geo-action-colors--hover {
    color: #FFF;
    fill: #FFF;
    border-color: #25477B;
    background-color: #25477B
}

.geo-action-colors--active {
    color: #FFF;
    fill: #FFF;
    border-color: #002D4F;
    background-color: #002D4F
}

.geo-action-colors--disabled {
    color: #FFF;
    fill: #FFF;
    border-color: #D8DEE9;
    background-color: #D8DEE9
}

.geo-pressed-colors--disabled {
    color: #ffffff;
    fill: #ffffff;
    border-color: #66788c;
    background-color: #66788c;
    opacity: 0.3
}

.geo-button {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    padding: 7px 9px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-align: center;
    color: #202328;
    fill: #66788c;
    border-color: #c7cbd2;
    background-color: #ffffff;
    display: inline-block
}

    .geo-button:hover, .geo-button:focus, .geo-button:active, .geo-button--active {
        outline: none;
        text-decoration: none
    }

    .geo-button:disabled, .geo-button--disabled {
        pointer-events: none;
        cursor: default
    }

    .geo-button:hover, .geo-button:focus {
        color: #202328;
        fill: #66788c;
        border-color: #66788c;
        background-color: #f4f6f8
    }

    .geo-button:active, .geo-button--active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c
    }

    .geo-button:disabled, .geo-button--disabled {
        color: #c7cbd2;
        fill: #c7cbd2;
        border-color: #c7cbd2;
        background-color: #ffffff
    }

.geo-button--action {
    color: #ffffff;
    fill: #ffffff;
    border-color: #0078d3;
    background-color: #0078d3
}

    .geo-button--action:hover, .geo-button--action:focus {
        color: #ffffff;
        fill: #ffffff;
        border-color: #25477b;
        background-color: #25477b
    }

    .geo-button--action:active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #002d4f;
        background-color: #002d4f
    }

    .geo-button--action:disabled, .geo-button--action.geo-button--disabled {
        color: #ffffff;
        fill: #ffffff;
        border-color: #d8dee9;
        background-color: #d8dee9
    }

.geo-button--reverse {
    color: #0078D3;
    fill: #0078D3;
    border-color: transparent;
    background-color: transparent
}

    .geo-button--reverse:hover, .geo-button--reverse:focus {
        color: #0078D3;
        fill: #0078D3;
        border-color: transparent;
        background-color: transparent
    }

    .geo-button--reverse:active {
        color: #0078D3;
        fill: #0078D3;
        border-color: transparent;
        background-color: transparent
    }

    .geo-button--reverse:disabled, .geo-button--reverse.geo-button--disabled {
        visibility: hidden
    }

.geo-button--negative {
    color: #FFF;
    fill: #FFF;
    border-color: #DE3030;
    background-color: #DE3030
}

    .geo-button--negative:hover, .geo-button--negative:focus {
        color: #FFF;
        fill: #FFF;
        border-color: #9D1616;
        background-color: #9D1616
    }

    .geo-button--negative:active {
        color: #FFF;
        fill: #FFF;
        border-color: #751111;
        background-color: #751111
    }

    .geo-button--negative:disabled, .geo-button--negative.geo-button--disabled {
        color: #FFF;
        fill: #FFF;
        border-color: #FDE5E5;
        background-color: #FDE5E5
    }

.geo-button--pressed {
    color: #ffffff;
    fill: #ffffff;
    border-color: #66788c;
    background-color: #66788c
}

    .geo-button--pressed:hover, .geo-button--pressed:focus {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #282f36
    }

    .geo-button--pressed:active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #282f36
    }

    .geo-button--pressed:disabled, .geo-button--pressed.geo-button--disabled {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c;
        opacity: 0.3
    }

.geo-button--dark {
    color: #FFF;
    fill: #FFF;
    border-color: #C7CBD2;
    background-color: #3C5063
}

    .geo-button--dark:hover, .geo-button--dark:focus {
        color: #FFF;
        fill: #FFF;
        border-color: #66788C;
        background-color: #0B2032
    }

    .geo-button--dark:active {
        color: #FFF;
        fill: #FFF;
        border-color: #C7CBD2;
        background-color: #0B2032
    }

    .geo-button--dark:disabled, .geo-button--dark.geo-button--disabled {
        color: #FFF;
        fill: #FFF;
        border-color: #C7CBD2;
        background-color: #3C5063;
        opacity: 0.3
    }

.geo-button--separate {
    border-color: #FFF
}

    .geo-button--separate:hover, .geo-button--separate:focus, .geo-button--separate:active {
        border-color: #FFF
    }

.geo-button--icon {
    padding: 3.5px;
    line-height: 0
}

.geo-button--icon--large {
    padding: 7px;
    line-height: 0;
    min-width: 32px;
    min-height: 32px
}

.geo-button--positive {
    background: #3b863b;
    border-color: #3b863b;
    color: #ffffff;
    fill: #ffffff
}

    .geo-button--positive:active {
        background: #408140;
        color: #ffffff;
        fill: #ffffff
    }

    .geo-button--positive:hover, .geo-button--positive:focus {
        background: #449b44;
        color: #ffffff;
        fill: #ffffff
    }

    .geo-button--positive.buttonDisabled, .geo-button--positive[disabled] {
        background: #3b863b;
        border-color: #3b863b;
        color: #ffffff;
        fill: #ffffff
    }

        .geo-button--positive.buttonDisabled:active, .geo-button--positive[disabled]:active, .geo-button--positive.buttonDisabled:hover, .geo-button--positive[disabled]:hover {
            background: #3b863b;
            border-color: #3b863b;
            color: #ffffff;
            fill: #ffffff
        }

.geotabButtonIcons {
    cursor: pointer;
    position: absolute;
    overflow: hidden
}

    .geotabButtonIcons.inline {
        position: relative;
        top: 3px
    }

    .geotabButtonIcons.upside-down {
        transform: rotate(180deg)
    }

.nonClickable {
    pointer-events: none
}

.geotabIcons_status {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2221.994%22%20x2%3D%2220.917%22%20y1%3D%2233.955%22%20y2%3D%2215.815%22%20gradientTransform%3D%22translate(-1094.705%20-480.222)%20scale(14.49371)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fffeff%22%20stop-opacity%3D%22.333%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fffeff%22%20stop-opacity%3D%22.216%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2373d216%22%20stroke%3D%22%234e9a06%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.772%22%20d%3D%22M44.857%2036.819a8.088%208.088%200%201%201-16.175%200%208.088%208.088%200%200%201%2016.175%200z%22%20transform%3D%22matrix(1.47121%200%200%201.4712%20-40.748%20-39.871)%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.852%22%20d%3D%22M44.857%2036.819a8.088%208.088%200%201%201-16.175%200%208.088%208.088%200%200%201%2016.175%200z%22%20opacity%3D%22.3%22%20transform%3D%22matrix(1.33443%200%200%201.33078%20-35.752%20-34.7)%22%2F%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M-429.81%2016.873c0%2074.37-76.428-43.029-137.84%202.653-59.982%2044.616-152.03%2083.708-152.03%209.338%200-76.11%2064.183-146.72%20144.13-146.72%2079.944%200%20145.75%2060.358%20145.75%20134.73z%22%20transform%3D%22matrix(.0785%200%200%20.07819%2058.42%2012.18)%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19.356%206.607l-7.262%2014.294-5.235-4.698%201.868-3.745c-.68.474%201.61%201.93%202.415%202.895%22%2F%3E%3C%2Fsvg%3E")
}

.geotabIcons_broom {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22b%22%20cx%3D%2222.571%22%20cy%3D%2230.857%22%20r%3D%2215.571%22%20gradientTransform%3D%22matrix(1%200%200%20.65138%200%2010.758)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c4a000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4a000%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22f%22%20x1%3D%229.105%22%20x2%3D%2210.147%22%20y1%3D%2238.828%22%20y2%3D%2230.141%22%20gradientTransform%3D%22matrix(.52162%20-.30116%20.48034%20.83197%20-11.694%2014.132)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%2219.616%22%20x2%3D%2218.486%22%20y1%3D%2239.253%22%20y2%3D%2229.909%22%20gradientTransform%3D%22matrix(.52162%20-.30116%20.48062%20.83246%20-11.712%2014.1)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22h%22%20x1%3D%2215.097%22%20x2%3D%2214.045%22%20y1%3D%2236.968%22%20y2%3D%2229%22%20gradientTransform%3D%22matrix(.52162%20-.30116%20.50804%20.87995%20-14.128%2012.982)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22i%22%20x1%3D%2214.045%22%20x2%3D%2214.045%22%20y1%3D%2237.576%22%20y2%3D%2229%22%20gradientTransform%3D%22matrix(.52162%20-.30116%20.48264%20.83595%20-9.959%2012.976)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22j%22%20x1%3D%2216.929%22%20x2%3D%2214.045%22%20y1%3D%2234.011%22%20y2%3D%2229%22%20gradientTransform%3D%22matrix(.52162%20-.30116%20.51889%20.89874%20-13.007%2011.31)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2212.233%22%20x2%3D%2216.871%22%20y1%3D%2212.363%22%20y2%3D%2217.111%22%20gradientTransform%3D%22matrix(.5818%20.15787%20-.15589%20.58917%20-.457%2016.111)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c17d10%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239b650c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22l%22%20x1%3D%2210.615%22%20x2%3D%222.007%22%20y1%3D%2228.123%22%20y2%3D%2227.235%22%20gradientTransform%3D%22matrix(.70874%200%200%20.70874%20-12.276%2012.735)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23b30000%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ff5c5c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c30000%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22k%22%20x1%3D%2211.997%22%20x2%3D%2217.774%22%20y1%3D%2219.592%22%20y2%3D%2216.235%22%20gradientTransform%3D%22matrix(.61128%200%200%20.60588%20-2.438%2019.604)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23dac203%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fdec69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fdef7e%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22e%22%20cx%3D%2220.764%22%20cy%3D%2219.541%22%20r%3D%2214.8%22%20gradientTransform%3D%22matrix(.27068%20-.1304%20.33996%20.70568%20-3.1%2021.222)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fef088%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde63a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dac203%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%229.562%22%20x2%3D%2214.767%22%20y1%3D%226.953%22%20y2%3D%2214.2%22%20gradientTransform%3D%22matrix(.60231%200%200%20.60231%20-2.238%2019.689)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22matrix(.93854%200%200%20.93854%20.042%20-18.756)%22%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M38.143%2030.857a15.572%2010.143%200%201%201-31.143%200%2015.572%2010.143%200%201%201%2031.143%200z%22%20color%3D%22%23000%22%20opacity%3D%22.474%22%20transform%3D%22matrix(.86479%200%200%20.49733%20-5.28%2027.779)%22%2F%3E%3Cpath%20fill%3D%22url(%23c)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%238f5902%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.606%22%20d%3D%22M1.928%2020.76c1.042-.529%202.485.002%203.018.938l2.512%205.713c.534.936.382%202.03-.34%202.452-.723.422-1.734.009-2.268-.927l-3.565-5.033c-.533-.936-.379-2.625.643-3.143z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23d)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.606%22%20d%3D%22M2.247%2021.337c.856-.473%201.699-.116%202.226.807l2.679%206.075-1.465.855-3.792-5.313c-.527-.923-.528-1.938.352-2.424z%22%20opacity%3D%22.423%22%2F%3E%3Cpath%20fill%3D%22url(%23e)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23c4a000%22%20stroke-width%3D%22.602%22%20d%3D%22M6.665%2033.418c-.48%202.582.382%208.404%203.77%2011.862%202.618.085%208.426-2.058%2012.366-6.142-5.563-2.72-9.358-9.47-12.308-8l-3.828%202.28z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23f)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.602%22%20d%3D%22M7.603%2034.365c1.415%203.777%201.5%207.703%204.327%2010.793%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%22.602%22%20d%3D%22M7.35%2033.791c-.55.306-.096%207.541%203.364%2010.842%204.448-.113%209.35-3.853%2011.078-5.323-5.722-3.604-8.99-8.891-11.131-7.573L7.35%2033.79z%22%20opacity%3D%22.462%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.602%22%20d%3D%22M12.126%2033.104c.522-.451%203.463%203.667%209.034%207.458%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23h)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.602%22%20d%3D%22M8.611%2033.46c2.236%203.22%201.785%207.483%205.325%2010.891%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23i)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.602%22%20d%3D%22M11.606%2033.407s4.925%207.873%206.735%209.098%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23j)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.602%22%20d%3D%22M9.387%2033.061c2.076%201.757%205.241%208.53%206.812%2010.527%22%2F%3E%3Cpath%20fill%3D%22url(%23k)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23c4a000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.609%22%20d%3D%22M2.887%2030.568l6.904-3.95c.36%201.435-.206%201.951%201.081%204.305l-4.764%202.726c-.875-2.095-2.147-2.054-3.22-3.081z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%22.602%22%20d%3D%22M6.22%2032.485c-.49-.856-1.543-1.347-2.216-1.883L9.28%2027.63c-.012.892.342%201.86.527%202.722L6.22%2032.486z%22%20opacity%3D%22.247%22%2F%3E%3Crect%20width%3D%227.839%22%20height%3D%222.084%22%20x%3D%22-12.633%22%20y%3D%2230.493%22%20fill%3D%22url(%23l)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23690000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.602%22%20rx%3D%22.602%22%20ry%3D%22.602%22%20transform%3D%22rotate(-30)%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%238f5902%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.6022214%22%20d%3D%22M3.663%2022.614a.781.781%200%201%201-1.509-.404.781.781%200%201%201%201.51.404z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.467%2044.116s.907-.302%201.31-.567c-.745-1.171-2.05-3.551-3.254-5.346.719%203.94%201.944%205.913%201.944%205.913zM16.519%2043.214l1.22-.654c-1.17-1.118-4.498-6.093-4.498-6.093l3.278%206.747zM19.24%2041.606l1.468-1.05c-1.917-.799-6.98-5.951-6.98-5.951%201.436%201.814%204.077%205.187%205.512%207.001zM21.345%2040.118l1.02-.849c-1.997-.905-7.527-5.97-7.527-5.97s3.659%205.541%206.507%206.819zM12.444%2044.728s.721-.168%201.23-.274c-.878-.746-2.289-2.673-3.067-5.187.32%204.153%201.837%205.461%201.837%205.461zM10.634%2044.968l.752-.008c-1.384-1.517-1.89-3.232-2.67-5.666-.079%202.822%201.918%205.674%201.918%205.674z%22%20opacity%3D%22.317%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.geotabIcons_mainMenuReport {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%22-41.032%22%20x2%3D%22-64.261%22%20y1%3D%2214.119%22%20y2%3D%2214.272%22%20gradientTransform%3D%22translate(61.25%20-.415)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234fa42a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234fff2a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234fa42a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%224.3%22%20stroke-width%3D%221.6%22%20d%3D%22M2.729%202.848h22.424v22.186H2.729z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234fa42a%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.278%22%20d%3D%22M6.561%206.324h15.115v14.955H6.561z%22%2F%3E%3Ctext%20x%3D%22-28%22%20y%3D%229.254%22%20font-family%3D%22Sans%22%20font-size%3D%2240%22%20letter-spacing%3D%220%22%20word-spacing%3D%220%22%2F%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M7.86%208.706l3.975-.017%201.66%202.167%202.018-2.076h3.856l-3.678%204.443v.06l4.742%206.413-4.414-.042-2.464-4.171-1.758%202.88-3.7-.033%203.424-5.134.017-.027z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.536%2013.962V3.759H24.18v20.406H3.536V13.962zm18.737%207.609c.264-.494.358-14.87.102-15.54-.128-.331-1.083-.375-8.305-.375H5.908v8.029c0%204.415.072%208.099.159%208.186.087.087%203.713.158%208.06.158%207.568%200%207.91-.02%208.146-.459z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.332%2013.843V7.08h13.526v13.526H7.332v-6.763zm13.148%205.754c-.092-.163-1.177-1.656-2.41-3.319l-2.241-3.022%201.835-2.198%201.835-2.198-2.109-.07-2.108-.072-.879.94-.879.939-.857-1.047-.858-1.046h-2c-1.101%200-2.002.07-2.002.154s.803%201.143%201.784%202.35l1.784%202.195-1.663%202.456c-.915%201.35-1.664%202.535-1.665%202.633-.002.098.853.178%201.899.178h1.9l.855-1.335c.646-1.01.907-1.256%201.072-1.009.12.18.597.994%201.061%201.81.464.815%201.022%201.586%201.239%201.713.217.126%201.336.233%202.485.237%201.606.006%202.052-.061%201.922-.289z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.536%2013.962V3.759H24.18v20.406H3.536V13.962zm18.75%207.459c.355-.93.306-15.121-.052-15.479-.21-.21-2.384-.285-8.305-.285h-8.02v8.028c0%204.416.07%208.1.157%208.187.087.087%203.72.158%208.074.158h7.916l.231-.609z%22%2F%3E%3C%2Fsvg%3E")
}

.geotabIcons_pdf {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236a0000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2215.139%22%20x2%3D%2218.633%22%20y1%3D%2210.443%22%20y2%3D%2231.32%22%20gradientTransform%3D%22matrix(1.73%200%200%201.939%20245.97%20385.974)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f8f8f7%22%2F%3E%3Cstop%20offset%3D%22.599%22%20stop-color%3D%22%23e8e8e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e2e2de%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2220.794%22%20x2%3D%2235.596%22%20y1%3D%2218.379%22%20y2%3D%2239.6%22%20gradientTransform%3D%22matrix(1.343%200%200%201.235%20246.554%20404.243)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-254.286%20-410.076)%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%22254.287%22%20y%3D%22410.086%22%20fill%3D%22none%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%20ry%3D%22.002%22%2F%3E%3Crect%20width%3D%2238.997%22%20height%3D%2245.003%22%20x%3D%22259.275%22%20y%3D%22412.317%22%20fill%3D%22url(%23c)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23888a85%22%20rx%3D%22.567%22%20ry%3D%22.567%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M293.774%20420.82h-30v2h30zM295.384%20425.973h-32.763v2.26h32.763zM295.384%20432.753h-32.763v2.26h32.763zM295.384%20439.533h-32.763v2.26h32.763z%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%2F%3E%3Crect%20width%3D%2237.026%22%20height%3D%2243.022%22%20x%3D%22260.273%22%20y%3D%22413.32%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M254.785%20424.292v21.454h46.844v-21.454h-46.844z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20font-family%3D%22Bitstream%20Vera%20Sans%22%20font-size%3D%2212.448%22%20font-weight%3D%22bold%22%3E%3Cpath%20style%3D%22-inkscape-font-specification%3ABitstream%20Charter%20Bold%22%20d%3D%22M260.745%20427.96h5.398c1.605%200%202.836.401%203.692%201.203.862.795%201.292%201.932%201.293%203.409%200%201.483-.431%202.626-1.293%203.428-.856.795-2.087%201.193-3.692%201.193h-2.146v4.905h-3.252v-14.137m3.252%202.642v3.948h1.799c.631%200%201.118-.17%201.461-.511.344-.347.515-.836.515-1.468%200-.631-.172-1.117-.515-1.458-.344-.341-.831-.511-1.461-.511h-1.799M276.669%20430.715v8.626h1.166c1.329%200%202.343-.369%203.041-1.108.704-.739%201.056-1.812%201.056-3.219%200-1.401-.349-2.468-1.048-3.2-.698-.732-1.715-1.098-3.05-1.098h-1.166m-3.252-2.755h3.43c1.915%200%203.34.155%204.275.464a5.514%205.514%200%200%201%202.416%201.553%206.165%206.165%200%200%201%201.318%202.206c.287.833.431%201.777.431%202.831%200%201.067-.144%202.02-.431%202.86a6.157%206.157%200%200%201-1.318%202.206%205.647%205.647%200%200%201-2.433%201.562c-.946.303-2.365.455-4.258.455h-3.43v-14.137M287.778%20427.96h8.777v2.755h-5.525v2.632h5.195v2.755h-5.195v5.994h-3.252v-14.137%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23700000%22%20stroke-width%3D%221.62%22%20d%3D%22M254.746%20445.649l46.834-.151v-21.079%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.geotabIcons_excel {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%22-41.032%22%20x2%3D%22-64.261%22%20y1%3D%2214.119%22%20y2%3D%2214.272%22%20gradientTransform%3D%22translate(61.25%20-.415)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234fa42a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234fff2a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234fa42a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%224.3%22%20stroke-width%3D%221.6%22%20d%3D%22M2.729%202.848h22.424v22.186H2.729z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234fa42a%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.278%22%20d%3D%22M6.561%206.324h15.115v14.955H6.561z%22%2F%3E%3Ctext%20x%3D%22-28%22%20y%3D%229.254%22%20font-family%3D%22Sans%22%20font-size%3D%2240%22%20letter-spacing%3D%220%22%20word-spacing%3D%220%22%2F%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M7.86%208.706l3.975-.017%201.66%202.167%202.018-2.076h3.856l-3.678%204.443v.06l4.742%206.413-4.414-.042-2.464-4.171-1.758%202.88-3.7-.033%203.424-5.134.017-.027z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.536%2013.962V3.759H24.18v20.406H3.536V13.962zm18.737%207.609c.264-.494.358-14.87.102-15.54-.128-.331-1.083-.375-8.305-.375H5.908v8.029c0%204.415.072%208.099.159%208.186.087.087%203.713.158%208.06.158%207.568%200%207.91-.02%208.146-.459z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.332%2013.843V7.08h13.526v13.526H7.332v-6.763zm13.148%205.754c-.092-.163-1.177-1.656-2.41-3.319l-2.241-3.022%201.835-2.198%201.835-2.198-2.109-.07-2.108-.072-.879.94-.879.939-.857-1.047-.858-1.046h-2c-1.101%200-2.002.07-2.002.154s.803%201.143%201.784%202.35l1.784%202.195-1.663%202.456c-.915%201.35-1.664%202.535-1.665%202.633-.002.098.853.178%201.899.178h1.9l.855-1.335c.646-1.01.907-1.256%201.072-1.009.12.18.597.994%201.061%201.81.464.815%201.022%201.586%201.239%201.713.217.126%201.336.233%202.485.237%201.606.006%202.052-.061%201.922-.289z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.536%2013.962V3.759H24.18v20.406H3.536V13.962zm18.75%207.459c.355-.93.306-15.121-.052-15.479-.21-.21-2.384-.285-8.305-.285h-8.02v8.028c0%204.416.07%208.1.157%208.187.087.087%203.72.158%208.074.158h7.916l.231-.609z%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain
}

.geotabIcons_mainMenuSummary {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2216.268%22%20x2%3D%2216.268%22%20y1%3D%224.741%22%20y2%3D%2235.18%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2041)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22e%22%20x1%3D%2220.605%22%20x2%3D%2220.605%22%20y1%3D%2222.309%22%20y2%3D%2238.99%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2041)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3ClinearGradient%20id%3D%22f%22%20x1%3D%2229.111%22%20x2%3D%2229.111%22%20y1%3D%2211.748%22%20y2%3D%2235.465%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2041)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2216.268%22%20x2%3D%2216.268%22%20y1%3D%224.741%22%20y2%3D%2235.18%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2041)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffa23f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffd721%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2220.605%22%20x2%3D%2220.605%22%20y1%3D%2222.309%22%20y2%3D%2238.99%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2041)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23832800%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e1003f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2229.111%22%20x2%3D%2229.111%22%20y1%3D%2211.748%22%20y2%3D%2235.465%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2041)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230072bc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2355a0d7%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20.334.502c-1.885%200-3.674.318-5.341.895l-2.069.74.432%201.915-.957.34C5.54%206.767.73%2013.523.73%2021.372c0%209.777%207.578%2017.907%2017.042%2017.907%205.674%200%2010.687-2.944%2013.77-7.348l.37-.525.958.587%201.975%201.173%201.328-1.853a18.356%2018.356%200%200%200%203.334-10.558c0-7.483-4.468-13.937-10.867-16.58l-.494-.185.556-1.389-2.316-.926A16.357%2016.357%200%200%200%2020.334.502z%22%20color%3D%22%23000%22%20font-family%3D%22Sans%22%20font-weight%3D%22400%22%20overflow%3D%22visible%22%20style%3D%22text-indent%3A0%3Btext-align%3Astart%3Bline-height%3Anormal%3Btext-transform%3Anone%3Bblock-progression%3Atb%3Bmarker%3Anone%3B-inkscape-font-specification%3ASans%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M13.092%205.819C7.197%207.86%202.946%2013.726%202.946%2020.647c0%208.619%206.606%2015.612%2014.756%2015.612%204.881%200%209.191-2.525%2011.888-6.378l-13.114-7.935-3.384-16.127z%22%20transform%3D%22translate(.29%20.987)%20scale(.98795)%22%2F%3E%3Cpath%20fill%3D%22url(%23e)%22%20d%3D%22M25.507%203.022a14.025%2014.025%200%200%200-5.194-1.012%2014.09%2014.09%200%200%200-4.609.785l3.382%2015.896%206.421-15.669z%22%20transform%3D%22translate(.29%20.987)%20scale(.98795)%22%2F%3E%3Cpath%20fill%3D%22url(%23f)%22%20d%3D%22M27.748%205.535l-6.722%2015.798%2013.258%207.92a15.993%2015.993%200%200%200%202.911-9.233c0-6.58-3.924-12.204-9.447-14.485z%22%20transform%3D%22translate(.29%20.987)%20scale(.98795)%22%2F%3E%3Cpath%20d%3D%22M17.205%2023.31l12.187%207.373c.043-.06.088-.115.13-.174l-12.376-7.488.059.29zm4.585-.813l6.555-15.401a14.703%2014.703%200%200%201%204.417%202.86%2014.772%2014.772%200%200%200-5.057-3.5l-6.641%2015.607.727.434zm-17.95-.47c0-6.652%203.98-12.306%209.557-14.467l-.174-.824C7.4%208.752%203.2%2014.548%203.2%2021.386c0%204.525%201.855%208.584%204.792%2011.406-2.567-2.779-4.152-6.576-4.152-10.765zm15.636-3.384l-3.03-14.256a13.91%2013.91%200%200%201%204.552-.776c1.512%200%202.97.269%204.343.726l.148-.365a13.836%2013.836%200%200%200-5.13-1.001c-1.593%200-3.13.283-4.554.776l3.341%2015.704.33-.808z%22%20opacity%3D%22.2%22%2F%3E%3C%2Fsvg%3E")
}

.geotabIcons_stopIcon {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20fill%3D%22%2399f%22%20stroke%3D%22%23000%22%20d%3D%22M8%208h14v14H8z%22%2F%3E%3C%2Fsvg%3E")
}

.geotabIcons_drivingIcon {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20fill%3D%22%2399f%22%20stroke%3D%22%23000%22%20d%3D%22M25%2015L7%2021V9z%22%2F%3E%3C%2Fsvg%3E")
}

.geotabIcons_customStopIcon {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20fill%3D%22%2399f%22%20stroke%3D%22%23000%22%20d%3D%22M15%205l2%207h8l-6%204%202%207-6-4-6%204%202-7-6-4h8z%22%2F%3E%3C%2Fsvg%3E")
}

.geotabIcons_ChargingIcon {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.7%2028.1%22%3E%3Cpath%20fill%3D%22%23ffb435%22%20d%3D%22M11.5%2022.7c-.233%200-.349-.116-.465-.233-.116-.233-.233-.349-.116-.582l1.75-5.7h-1.4c-.349%200-.698-.465-.582-.931l3.14-8.26c.116-.233.465-.465.698-.465h5.58c.465%200%20.698.465.465.931l-2.79%204.77h2.09c.582%200%20.814.698.465%201.05l-8.38%209.19c-.116.116-.233.233-.465.233z%22%2F%3E%3Cpath%20d%3D%22M20.1%206.84c.233%200%20.349.233.233.349l-3.26%205.35h2.79c.233%200%20.349.349.233.465l-8.38%209.19c-.116.116-.116.116-.233.116-.233%200-.349-.233-.233-.349l1.86-6.17h-1.86c-.116%200-.349-.233-.233-.349l3.14-8.38c0-.116.233-.233.349-.233h5.58m0-.698h-5.58c-.465%200-.814.349-1.05.698l-3.02%208.26c-.349.698.233%201.4.814%201.4h.931l-1.63%205.24c-.116.349%200%20.582.116.814.233.349.465.465.814.465.233%200%20.582-.116.698-.349l8.38-9.19c.582-.582.116-1.63-.698-1.63h-1.51l2.56-4.3c.349-.582-.116-1.4-.814-1.4z%22%2F%3E%3C%2Fsvg%3E")
}

.geotabIcons_community {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%224%204%2024%2024%22%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%22284.545%22%20x2%3D%22284.545%22%20y1%3D%22973.857%22%20y2%3D%22967.982%22%20gradientTransform%3D%22translate(-262%20-956)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e1c574%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d2c1a1%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M20.719%2016.036c.217.591.43%201.107.691%201.49.016.008.033.01.047.018.045.027%201.119.693%202.189.002.012-.008.021-.008.033-.014.262-.389.482-.9.703-1.497.146-.421.115-.785.115-1.294%200-.386.072-.984-.02-1.318-.291-1.128-1.051-1.44-1.932-1.44-.889%200-1.645.311-1.936%201.44-.088.335-.021.947-.021%201.318.002.509-.029.874.131%201.295z%22%2F%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%22286.049%22%20x2%3D%22286.049%22%20y1%3D%22977.449%22%20y2%3D%22973.908%22%20gradientTransform%3D%22translate(-262%20-956)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23008458%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23007f63%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M26.379%2019.072c-.535-.256-1.277-.846-2.342-1.164a.307.307%200%200%201-.09.104%202.445%202.445%200%200%201-1.35.404c-.799%200-1.404-.381-1.443-.404a.266.266%200%200%201-.084-.096%206.69%206.69%200%200%200-.627.225c1.324.539%202.293%201.299%203.02%201.662%201.254.604%201.717%201.244%201.9%201.646h1.354a.931.931%200%200%200%20.938-.904v-.209c.005-.004-.01-.666-1.276-1.264z%22%2F%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%22-286.869%22%20x2%3D%22-286.869%22%20y1%3D%22973.859%22%20y2%3D%22967.982%22%20gradientTransform%3D%22matrix(-1%200%200%201%20-277.438%20-956)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e1c574%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d2c1a1%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23c)%22%20d%3D%22M11.388%2014.741c0-.371.065-.983-.023-1.318-.29-1.13-1.045-1.441-1.935-1.441-.882%200-1.64.313-1.931%201.441-.093.334-.021.932-.021%201.318%200%20.509-.03.873.116%201.295.22.597.441%201.107.703%201.496.013.006.024.006.034.014%201.07.691%202.145.027%202.19-.002.013-.008.031-.01.046-.016.261-.383.474-.9.69-1.491.161-.422.131-.787.131-1.296z%22%2F%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%22-285.365%22%20x2%3D%22-285.365%22%20y1%3D%22977.45%22%20y2%3D%22973.909%22%20gradientTransform%3D%22matrix(-1%200%200%201%20-277.438%20-956)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23008458%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23007f63%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M4.322%2020.336v.209a.93.93%200%200%200%20.938.904h1.353c.183-.402.647-1.043%201.901-1.646.726-.363%201.693-1.121%203.02-1.662a7.194%207.194%200%200%200-.626-.225.291.291%200%200%201-.086.096c-.039.023-.643.404-1.444.404-.416%200-.88-.102-1.348-.404a.286.286%200%200%201-.089-.104c-1.062.318-1.808.908-2.34%201.164-1.27.598-1.285%201.26-1.279%201.264z%22%2F%3E%3ClinearGradient%20id%3D%22e%22%20x1%3D%22305.988%22%20x2%3D%22305.988%22%20y1%3D%22-364.964%22%20y2%3D%22-355.337%22%20gradientTransform%3D%22matrix(1%200%200%20-1%20-290%20-347)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e1c574%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d2c1a1%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23e)%22%20d%3D%22M19.02%2010.662c-.461-1.821-1.646-2.325-3.031-2.325h-.002c-1.383%200-2.569.504-3.029%202.325-.152.545-.036%201.505-.036%202.14%200%20.815-.041%201.401.192%202.093.38%201.054.762%201.961%201.221%202.605a3.08%203.08%200%200%200%201.654.465%203.065%203.065%200%200%200%201.652-.465c.461-.645.842-1.551%201.223-2.605.232-.691.191-1.277.191-2.093%200-.634.117-1.594-.035-2.14z%22%2F%3E%3ClinearGradient%20id%3D%22f%22%20x1%3D%22305.989%22%20x2%3D%22305.989%22%20y1%3D%22-370.63%22%20y2%3D%22-364.847%22%20gradientTransform%3D%22matrix(1%200%200%20-1%20-290%20-347)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2300ad4d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230097b6%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23f)%22%20d%3D%22M22.006%2019.801c-.885-.441-2.129-1.467-3.93-1.953a.306.306%200%200%201-.086.094%203.67%203.67%200%200%201-1.972.586c-.01%200-.019-.004-.03-.004s-.021.004-.031.004c-.59%200-1.27-.146-1.971-.586a.307.307%200%200%201-.086-.094c-1.8.486-3.043%201.512-3.931%201.953-1.989.963-2.011%202.031-2.011%202.033v.34c0%20.691.566%201.457%201.475%201.457h13.111c.908%200%201.477-.766%201.477-1.457v-.34c-.001-.002-.023-1.07-2.015-2.033z%22%2F%3E%3C%2Fsvg%3E")
}

.geotabIcons_privateTrip {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%223%202%20233%20437%22%3E%3Cpath%20fill%3D%22%237daed3%22%20d%3D%22M235.325%20337.387l-2.637-7.724c-1.474-4.262-6.118-7.718-10.383-7.718h-9.588c-7.182-20.18-15.99-44.546-18.543-50.25-3.973-8.88-16.69-12.885-23.672-14.827%200%200-11.693-4.447-50.629-4.447-38.931%200-50.614%204.432-50.614%204.432-8.181%202.742-19.554%206.611-24.072%2015.235-2.123%204.047-11.05%2029.104-18.336%2049.857h-9.377c-4.265%200-8.92%203.456-10.377%207.718l-2.652%207.723c-1.466%204.277.807%207.732%205.073%207.732h9.273l-1.93%205.568c-.747%201.256-1.271%207.039-1.271%208.602v70.36a8.174%208.174%200%200%200%208.18%208.175h29.987a8.175%208.175%200%200%200%208.181-8.175v-15.005h115.878v15.006a8.176%208.176%200%200%200%208.18%208.174h29.994a8.174%208.174%200%200%200%208.178-8.174V359.28c0-1.556-.536-7.339-1.282-8.594%200%200-.746-2.1-1.952-5.57h9.309c4.265%200%206.536-3.454%205.082-7.73M61.77%20380.498H49.377c-11.119%200-22.205-1.492-22.205-8.545v-8.531c0-8.245%204.798-8.545%209.952-8.545%205.036%200%2015.02%204.269%2021.58%207.21%207.164%203.198%2015.184%205.875%2015.184%2011.208.007%204.926-2.773%207.203-12.118%207.203m-17.283-55.433a280.354%20280.354%200%200%201%2014.206-43.64c1.164-2.897%202.303-11.843%2061.19-11.843s60.28%2010.216%2060.424%2010.33c1.809%205.433%209.009%2021.788%2014.77%2045.146%200%200-24.869%208.46-75.215%208.46-50.328%200-75.375-8.452-75.375-8.452m121.374%2048.222c0-5.34%208.02-8.003%2015.181-11.2%206.568-2.934%2016.558-7.21%2021.58-7.21%205.168%200%209.948.3%209.948%208.537v8.531h.018c0%207.06-11.094%208.552-22.198%208.552h-12.41c-9.334%200-12.118-2.277-12.118-7.21%22%2F%3E%3Cpath%20fill%3D%22%23e9004c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M120.9%202.177a90.22%2090.22%200%200%200-90.186%2090.196c0%2049.794%2090.185%20144.4%2090.185%20144.4s90.192-94.606%2090.192-144.4a90.218%2090.218%200%200%200-90.192-90.196z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M166.145%2046.936a64.198%2064.198%200%201%200-45.39%20109.578h.022a64.201%2064.201%200%200%200%2045.368-109.578zm-82.817%207.976a52.998%2052.998%200%200%201%2070.65-3.773l-74.42%2074.422a52.996%2052.996%200%200%201%203.77-70.649zm74.868%2074.868a52.554%2052.554%200%200%201-37.418%2015.47h-.013a52.593%2052.593%200%200%201-33.24-11.728l74.416-74.418a53.01%2053.01%200%200%201-3.745%2070.676z%22%2F%3E%3C%2Fsvg%3E")
}

.icon {
    width: 32px;
    height: 32px;
    float: left;
    margin-left: -36px;
    margin-top: 2px;
    background-size: auto 100%
}

    .icon.geotabButtonIcons {
        display: block
    }

    .icon.inline {
        position: relative;
        top: 0.3em;
        float: none;
        margin: 0 0.2em;
        display: inline-block;
        width: 1.5em;
        height: 1.5em
    }

.svgIcon {
    width: 11px;
    height: 11px
}

    .svgIcon > use {
        pointer-events: none
    }

    .svgIcon.small {
        width: 8px;
        height: 8px
    }

    .svgIcon.big {
        width: 12px;
        height: 12px
    }

    .svgIcon.bigger {
        width: 14px;
        height: 14px
    }

    .svgIcon.large {
        width: 16px;
        height: 16px
    }

    .svgIcon.huge {
        width: 20px;
        height: 20px
    }

        .svgIcon.huge.vertical {
            height: 25px
        }

    .svgIcon.margin-right {
        margin-right: 4px
    }

.geotabButton-svgIcon {
    text-align: center
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.space-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    word-wrap: normal
}

@media (min-width:1100px) {
    .hidden-lg {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:480px) and (max-width:767px) {
    .hidden-sm {
        display: none !important
    }
}

@media (max-width:480px) {
    .hidden-xs {
        display: none !important
    }
}

.expand .hidden-expand {
    display: none !important
}

.expand .visible-expand {
    display: block !important
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.sm-part-1, .sm-part-2, .sm-part-3, .sm-part-4, .sm-part-5, .sm-part-6, .sm-part-7, .sm-part-8, .sm-part-9, .sm-part-10, .sm-part-11, .sm-part-12 {
    float: left
}

.sm-part-1 {
    width: 8.333333333%
}

.sm-part-2 {
    width: 16.666666667%
}

.sm-part-3 {
    width: 25%
}

.sm-part-4 {
    width: 33.333333333%
}

.sm-part-5 {
    width: 41.666666667%
}

.sm-part-6 {
    width: 50%
}

.sm-part-7 {
    width: 58.333333333%
}

.sm-part-8 {
    width: 66.666666667%
}

.sm-part-9 {
    width: 75%
}

.sm-part-10 {
    width: 83.333333333%
}

.sm-part-11 {
    width: 91.666666667%
}

.sm-part-12 {
    width: 100%
}

.sm-col {
    flex-direction: column
}

.sm-row {
    flex-direction: row
}

@media (max-width:480px) {
    .xs-part-1, .xs-part-2, .xs-part-3, .xs-part-4, .xs-part-5, .xs-part-6, .xs-part-7, .xs-part-8, .xs-part-9, .xs-part-10, .xs-part-11, .xs-part-12 {
        float: left
    }

    .xs-part-1 {
        width: 8.333333333%
    }

    .xs-part-2 {
        width: 16.666666667%
    }

    .xs-part-3 {
        width: 25%
    }

    .xs-part-4 {
        width: 33.333333333%
    }

    .xs-part-5 {
        width: 41.666666667%
    }

    .xs-part-6 {
        width: 50%
    }

    .xs-part-7 {
        width: 58.333333333%
    }

    .xs-part-8 {
        width: 66.666666667%
    }

    .xs-part-9 {
        width: 75%
    }

    .xs-part-10 {
        width: 83.333333333%
    }

    .xs-part-11 {
        width: 91.666666667%
    }

    .xs-part-12 {
        width: 100%
    }

    .xs-row {
        flex-direction: row
    }

    .xs-col {
        flex-direction: column
    }
}

@media (min-width:768px) {
    .md-part-1, .md-part-2, .md-part-3, .md-part-4, .md-part-5, .md-part-6, .md-part-7, .md-part-8, .md-part-9, .md-part-10, .md-part-11, .md-part-12 {
        float: left
    }

    .md-part-1 {
        width: 8.333333333%
    }

    .md-part-2 {
        width: 16.666666667%
    }

    .md-part-3 {
        width: 25%
    }

    .md-part-4 {
        width: 33.333333333%
    }

    .md-part-5 {
        width: 41.666666667%
    }

    .md-part-6 {
        width: 50%
    }

    .md-part-7 {
        width: 58.333333333%
    }

    .md-part-8 {
        width: 66.666666667%
    }

    .md-part-9 {
        width: 75%
    }

    .md-part-10 {
        width: 83.333333333%
    }

    .md-part-11 {
        width: 91.666666667%
    }

    .md-part-12 {
        width: 100%
    }

    .md-col {
        flex-direction: column
    }

    .md-row {
        flex-direction: row
    }
}

@media (min-width:1100px) {
    .lg-part-1, .lg-part-2, .lg-part-3, .lg-part-4, .lg-part-5, .lg-part-6, .lg-part-7, .lg-part-8, .lg-part-9, .lg-part-10, .lg-part-11, .lg-part-12 {
        float: left
    }

    .lg-part-1 {
        width: 8.333333333%
    }

    .lg-part-2 {
        width: 16.666666667%
    }

    .lg-part-3 {
        width: 25%
    }

    .lg-part-4 {
        width: 33.333333333%
    }

    .lg-part-5 {
        width: 41.666666667%
    }

    .lg-part-6 {
        width: 50%
    }

    .lg-part-7 {
        width: 58.333333333%
    }

    .lg-part-8 {
        width: 66.666666667%
    }

    .lg-part-9 {
        width: 75%
    }

    .lg-part-10 {
        width: 83.333333333%
    }

    .lg-part-11 {
        width: 91.666666667%
    }

    .lg-part-12 {
        width: 100%
    }

    .lg-col {
        flex-direction: column
    }

    .lg-row {
        flex-direction: row
    }
}

.table {
    display: table
}

.row {
    display: table-row
}

.cell {
    display: table-cell
}

.wide {
    width: 100%
}

.tall {
    height: 100%
}

.table.table-bordered {
    position: relative;
    border: 1px solid #ddd;
    border-collapse: collapse;
    width: calc(99%);
    background: #fefefe
}

    .table.table-bordered .row {
        position: relative;
        transition-duration: 0.28s;
        transition-timing-function: cubic-bezier(0.4,0,0.2,1);
        transition-property: background-color
    }

        .table.table-bordered .row:hover {
            background-color: #ddd
        }

        .table.table-bordered .row.warning {
            background-color: #FFF2D2
        }

        .table.table-bordered .row .cell {
            height: 45px;
            position: relative;
            vertical-align: top;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            padding: 12px 18px
        }

            .table.table-bordered .row .cell img {
                width: 100%;
                max-width: 320px
            }

.fullSize {
    width: 100%;
    height: 100%
}

.geo-navigator-list__title {
    margin: 0;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.16px;
    background: #3C5063;
    padding: 7px 25px 7px 18px;
    color: #FFF
}

.geo-navigator-list__sub-title {
    font-size: 12px
}

.geo-navigator-list__close-button {
    top: 9px;
    right: 9px;
    padding: 0;
    width: 11px;
    height: 11px;
    position: absolute;
    background: transparent;
    border: none
}

.geo-navigator-list__close-button-icon {
    fill: #FFF;
    top: 0;
    right: 0
}

.geo-navigator-list__content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    border: none;
    background-color: #FFF;
    padding: 0px 9px;
    text-decoration: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    color: #202328;
    outline: none;
    cursor: pointer;
    user-select: none
}

    .geo-navigator-list__content:focus, .geo-navigator-list__content:hover {
        background-color: #F4F6F8;
        text-decoration: none;
        outline: none
    }

    .geo-navigator-list__content:active {
        background-color: #0078D3;
        color: #FFF;
        text-decoration: none;
        outline: none
    }

        .geo-navigator-list__content:active .geo-navigator-list__icon--gray {
            fill: #FFF
        }

.geo-navigator-list__content--important {
    color: #DE3030
}

.geo-navigator-list__content--static {
    justify-content: space-around;
    color: #757575;
    border-bottom: 1px solid #C7CBD2
}

    .geo-navigator-list__content--static:focus, .geo-navigator-list__content--static:hover, .geo-navigator-list__content--static:active {
        background-color: #FFF;
        color: #757575
    }

.geo-navigator-list__content--focused {
    background-color: #F4F6F8
}

.geo-navigator-list__content--itemsCenter {
    justify-content: center
}

.geo-navigator-list__content--active {
    background-color: #0078D3;
    color: #FFF
}

    .geo-navigator-list__content--active .geo-navigator-list__icon, .geo-navigator-list__content--active .geo-navigator-list__icon--gray {
        fill: #FFF
    }

    .geo-navigator-list__content--active .geo-navigator-list__icon--check-icon {
        fill: #FFF
    }

    .geo-navigator-list__content--active:focus, .geo-navigator-list__content--active:hover {
        background-color: #25477B;
        color: #FFF
    }

.geo-navigator-list__content--noBorder {
    border: none
}

.geo-navigator-list__content--limitedWidth {
    width: 32px
}

.geo-navigator-list__content--largePadding {
    padding-left: 18px;
    text-align: inherit
}

.geo-navigator-list__content--disabled {
    pointer-events: none;
    background-color: #FFF;
    color: #E9E9E9
}

.geo-navigator-list__arrow {
    margin-right: 0px;
    margin-left: auto;
    background-size: auto 100%;
    transform: rotate(270deg)
}

.geo-navigator-list__action {
    position: absolute;
    left: -9999px;
    clip: rect(1px,1px,1px,1px)
}

    .geo-navigator-list__action:hover + .geo-navigator-list__content, .geo-navigator-list__action:focus + .geo-navigator-list__content {
        background-color: #F4F6F8
    }

    .geo-navigator-list__action:active + .geo-navigator-list__content {
        background-color: #FFF
    }

    .geo-navigator-list__action:checked + .geo-navigator-list__content {
        background-color: #0078D3;
        color: #FFF
    }

        .geo-navigator-list__action:checked + .geo-navigator-list__content .geo-navigator-list__icon, .geo-navigator-list__action:checked + .geo-navigator-list__content .geo-navigator-list__icon--gray {
            fill: #66788C
        }

        .geo-navigator-list__action:checked + .geo-navigator-list__content .geo-navigator-list__icon--check-icon {
            fill: #FFF
        }

        .geo-navigator-list__action:checked + .geo-navigator-list__content:hover, .geo-navigator-list__action:checked:focus + .geo-navigator-list__content, .geo-navigator-list__action:checked + .geo-navigator-list__content--focused {
            background-color: #25477B;
            color: #FFF
        }

            .geo-navigator-list__action:checked + .geo-navigator-list__content:hover .geo-navigator-list__icon, .geo-navigator-list__action:checked:focus + .geo-navigator-list__content .geo-navigator-list__icon, .geo-navigator-list__action:checked + .geo-navigator-list__content--focused .geo-navigator-list__icon, .geo-navigator-list__action:checked + .geo-navigator-list__content:hover .geo-navigator-list__icon--check-icon, .geo-navigator-list__action:checked:focus + .geo-navigator-list__content .geo-navigator-list__icon--check-icon, .geo-navigator-list__action:checked + .geo-navigator-list__content--focused .geo-navigator-list__icon--check-icon {
                fill: #FFF
            }

            .geo-navigator-list__action:checked + .geo-navigator-list__content:hover .geo-navigator-list__icon--gray, .geo-navigator-list__action:checked:focus + .geo-navigator-list__content .geo-navigator-list__icon--gray, .geo-navigator-list__action:checked + .geo-navigator-list__content--focused .geo-navigator-list__icon--gray {
                fill: #66788C
            }

    .geo-navigator-list__action:checked:active + .geo-navigator-list__content {
        background-color: #FFF;
        color: #202328
    }

        .geo-navigator-list__action:checked:active + .geo-navigator-list__content .geo-navigator-list__icon--gray {
            fill: #66788C
        }

    .geo-navigator-list__action:disabled + .geo-navigator-list__content {
        pointer-events: none;
        background-color: #FFF;
        color: #E9E9E9
    }

.geo-navigator-list__separator {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #C7CBD2
}

.geo-navigator-list__icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    fill: #575757;
    margin-right: 9px
}

.geo-navigator-list__icon--gray {
    fill: #66788C
}

.geo-navigator-list__icon--check-icon {
    fill: transparent;
    width: 16px;
    height: 16px
}

.geo-navigator-list__icon--left {
    margin-right: 5px
}

.geo-navigator-list__icon--right {
    margin-left: 5px
}

.geo-navigator-list__icon--big {
    width: 16px;
    height: 16px
}

.geo-navigator-list__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px;
    line-height: 16px
}

.geo-navigator-list__action:hover + .geo-navigator-list__content, .geo-navigator-list__action:focus + .geo-navigator-list__content {
    background-color: #F4F6F8
}

.geo-navigator-list__action:active + .geo-navigator-list__content {
    background-color: #0078D3;
    color: #FFF
}

    .geo-navigator-list__action:active + .geo-navigator-list__content .geo-navigator-list__icon--gray {
        fill: #FFF
    }

.geo-navigator-list__action:checked + .geo-navigator-list__content {
    background-color: #0078D3;
    color: #FFF
}

    .geo-navigator-list__action:checked + .geo-navigator-list__content .geo-navigator-list__icon, .geo-navigator-list__action:checked + .geo-navigator-list__content .geo-navigator-list__icon--gray {
        fill: #FFF
    }

    .geo-navigator-list__action:checked + .geo-navigator-list__content .geo-navigator-list__icon--check-icon {
        fill: #FFF
    }

    .geo-navigator-list__action:checked + .geo-navigator-list__content:hover, .geo-navigator-list__action:checked:focus + .geo-navigator-list__content, .geo-navigator-list__action:checked + .geo-navigator-list__content--focused {
        background-color: #25477B;
        color: #FFF
    }

        .geo-navigator-list__action:checked + .geo-navigator-list__content:hover .geo-navigator-list__icon, .geo-navigator-list__action:checked:focus + .geo-navigator-list__content .geo-navigator-list__icon, .geo-navigator-list__action:checked + .geo-navigator-list__content--focused .geo-navigator-list__icon, .geo-navigator-list__action:checked + .geo-navigator-list__content:hover .geo-navigator-list__icon--gray, .geo-navigator-list__action:checked:focus + .geo-navigator-list__content .geo-navigator-list__icon--gray, .geo-navigator-list__action:checked + .geo-navigator-list__content--focused .geo-navigator-list__icon--gray, .geo-navigator-list__action:checked + .geo-navigator-list__content:hover .geo-navigator-list__icon--check-icon, .geo-navigator-list__action:checked:focus + .geo-navigator-list__content .geo-navigator-list__icon--check-icon, .geo-navigator-list__action:checked + .geo-navigator-list__content--focused .geo-navigator-list__icon--check-icon {
            fill: #FFF
        }

.geo-navigator-list__action:active:checked + .geo-navigator-list__content:hover .geo-navigator-list__icon--gray {
    fill: #66788C
}

.geo-navigator-list__action:checked:active + .geo-navigator-list__content {
    background-color: #FFF;
    color: #202328;
    fill: #FFF
}

.geo-navigator-list__action:disabled + .geo-navigator-list__content {
    pointer-events: none;
    background-color: #FFF;
    color: #E9E9E9
}

.geo-list {
    display: flex;
    flex-direction: column;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    list-style: none;
    padding: 0px;
    margin: 0px
}

.geo-list__item {
    display: flex;
    font-size: 14px;
    justify-content: start;
    align-items: center;
    height: 40px;
    padding: 12px 16px;
    font-weight: 400;
    line-height: 16px
}

.geo-list__item--base-line {
    align-items: baseline
}

.geo-list__item--second-level {
    padding-left: 25px
}

.geo-list__item--static {
    justify-content: space-around;
    color: #757575;
    border-bottom: 1px solid #C7CBD2;
    margin-bottom: 4px
}

.geo-list__item--flex-height {
    height: auto
}

.geo-list__pre-content {
    margin-right: 7px
}

.geo-list__content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.geo-report-list__header {
    display: flex;
    padding: 0px;
    margin: 0px;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    background-color: #3C5063;
    border-top: 1px solid #C7CBD2
}

.geo-report-list__legend {
    margin: 0px 16px;
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.geo-report-list__button-set {
    display: flex;
    align-items: center
}

    .geo-report-list__button-set .geo-select-button__icon {
        flex-shrink: 0
    }

.geo-report-list__more {
    display: flex;
    align-items: center;
    background-color: #FFF;
    color: #66788C;
    fill: #66788C;
    min-width: 24px;
    min-height: 24px;
    border-radius: 4px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0px
}

    .geo-report-list__more:hover {
        background-color: #F4F6F8
    }

    .geo-report-list__more:focus {
        background-color: #F4F6F8
    }

.geo-report-list__more-icon {
    width: 16px;
    height: 16px
}

.geo-report-list__item {
    margin-right: 4px
}

.geo-report-list__button-icon {
    width: 6px;
    height: 6px;
    margin-right: 0px;
    margin-left: auto;
    background-size: auto 100%;
    transform: rotate(270deg)
}

.geo-switcher-item .geo-navigator-list__label {
    margin-right: 9px;
    font-size: 12px;
    color: #757575
}

.advanced-filter {
    border-top: 1px solid #C7CBD2;
    border-bottom: 1px solid #C7CBD2
}

.geo-page-toolbar {
    display: flex;
    height: 56px;
    padding: 12px;
    background-color: #EFF2F7
}

.geo-page-toolbar__separator {
    margin: auto
}

.geo-page-toolbar__item {
    margin: 0;
    margin-right: 7px;
    text-decoration: none;
    flex-shrink: 0
}

.disabled {
    opacity: 0.35;
    cursor: default
}

.geo-button .icon {
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin: 0;
    padding: 0
}

    .geo-button .icon.bigger {
        width: 22px;
        height: 22px;
        top: 5px;
        left: 8px
    }

    .geo-button .icon.textlessIcon {
        padding-right: 0;
        margin-right: -3px;
        margin-left: 0
    }

.geotabPreContent {
    margin-right: 4px
}

.geotabPostContent {
    margin-left: 4px
}

.geotabSwitchButton {
    position: absolute;
    left: -9999px;
    clip: rect(1px,1px,1px,1px)
}

    .geotabSwitchButton[disabled] + .geotabButton {
        opacity: 0.35;
        cursor: default
    }

        .geotabSwitchButton[disabled] + .geotabButton:hover, .geotabSwitchButton[disabled] + .geotabButton:active {
            border-color: #C5DBEC;
            background-color: #E8F3FD;
            color: #25477B;
            fill: #25477B
        }

    .geotabSwitchButton:checked + .geotabButton {
        color: #ffffff;
        fill: #ffffff;
        border-color: #2c7ab1;
        background-color: #2c7ab1
    }

    .geotabSwitchButton:focus:not(:checked) + .geotabButton {
        border-color: #5293c6;
        background: #d1e7fb;
        color: #25477B;
        fill: #25477B
    }

    .geotabSwitchButton:focus:checked + .geotabButton, .geotabSwitchButton:hover:checked + .geotabButton {
        border-color: #25477B;
        background-color: #246390;
        color: #ffffff;
        fill: #ffffff
    }

.horizontalButtonSet, .adjustableButtonSet {
    display: block;
    overflow: hidden;
    position: relative
}

    .horizontalButtonSet .geotabSwitchButton:focus + .geotabButton, .adjustableButtonSet .geotabSwitchButton:focus + .geotabButton {
        z-index: 3
    }

    .horizontalButtonSet.flexible, .adjustableButtonSet.flexible {
        width: 100%
    }

    .horizontalButtonSet .geotabSwitchButton:first-child + .geotabButton, .adjustableButtonSet .geotabSwitchButton:first-child + .geotabButton {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .horizontalButtonSet .geotabSwitchButton:last-of-type + .geotabButton:last-of-type, .adjustableButtonSet .geotabSwitchButton:last-of-type + .geotabButton:last-of-type {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        margin-right: 0
    }

.verticalButtonSet .geo-button:hover, .verticalButtonSet .geo-button:focus, .verticalButtonSet .geo-button:active, .verticalButtonSet .geo-button.active {
    z-index: 3
}

.verticalButtonSet .geotabSwitchButton:focus + .geo-button {
    z-index: 3
}

.verticalButtonSet .geotabSwitchButton:first-child + .geotabButton {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.verticalButtonSet .geotabButton:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.verticalButtonSet .geotabButton:not(:last-child) {
    margin-bottom: -1px
}

.verticalButtonSet .horizontalButtonSet {
    margin-bottom: -1px
}

@media (max-width:400px) {
    .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .adjustableButtonSet {
            flex: 1 1 100%;
            width: 100%
        }

        .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:not(.geotabButton-empty), .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton + .geotabButton:not(.geotabButton-empty) {
            flex: 1 1 auto;
            width: 100%
        }

        .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton, .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton + .geotabButton {
            align-content: stretch;
            display: block;
            margin: 0;
            position: relative;
            z-index: 3;
            text-align: center;
            border-radius: 0
        }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:first-of-type, .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton:first-child + .geotabButton {
                border-top-left-radius: 3px
            }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:nth-of-type(1), .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton + .geotabButton:nth-of-type(1) {
                border-top-right-radius: 3px
            }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:nth-of-type(1n + 1):nth-last-of-type(-n+1) {
                border-bottom-left-radius: 3px
            }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:last-of-type, .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton:last-of-type + .geotabButton:last-child {
                border-bottom-right-radius: 3px
            }
}

@media (min-width:401px) and (max-width:600px) {
    .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .adjustableButtonSet {
            flex: 1 1 50%;
            width: 50%
        }

        .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:not(.geotabButton-empty), .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton + .geotabButton:not(.geotabButton-empty) {
            flex: 1 1 auto;
            width: 50%
        }

        .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton, .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton + .geotabButton {
            align-content: stretch;
            display: block;
            margin: 0;
            position: relative;
            z-index: 3;
            text-align: center;
            border-radius: 0
        }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:first-of-type, .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton:first-child + .geotabButton {
                border-top-left-radius: 3px
            }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:nth-of-type(2), .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton + .geotabButton:nth-of-type(2) {
                border-top-right-radius: 3px
            }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:nth-of-type(2n + 1):nth-last-of-type(-n+2) {
                border-bottom-left-radius: 3px
            }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:last-of-type, .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton:last-of-type + .geotabButton:last-child {
                border-bottom-right-radius: 3px
            }
}

@media (min-width:601px) and (max-width:800px) {
    .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .adjustableButtonSet {
            flex: 1 1 33.333333333%;
            width: 33.333333333%
        }

        .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:not(.geotabButton-empty), .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton + .geotabButton:not(.geotabButton-empty) {
            flex: 1 1 auto;
            width: 33.333333333%
        }

        .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton, .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton + .geotabButton {
            align-content: stretch;
            display: block;
            margin: 0;
            position: relative;
            z-index: 3;
            text-align: center;
            border-radius: 0
        }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:first-of-type, .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton:first-child + .geotabButton {
                border-top-left-radius: 3px
            }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:nth-of-type(3), .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton + .geotabButton:nth-of-type(3) {
                border-top-right-radius: 3px
            }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:nth-of-type(3n + 1):nth-last-of-type(-n+3) {
                border-bottom-left-radius: 3px
            }

            .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabButton:last-of-type, .adjustableButtonSet.adjustableButtonSet.adjustableButtonSet > .geotabSwitchButton:last-of-type + .geotabButton:last-child {
                border-bottom-right-radius: 3px
            }

    .adjustableButtonSet.set-2x {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .adjustableButtonSet.set-2x > .adjustableButtonSet {
            flex: 1 1 50%;
            width: 50%
        }

        .adjustableButtonSet.set-2x > .geotabButton:not(.geotabButton-empty), .adjustableButtonSet.set-2x > .geotabSwitchButton + .geotabButton:not(.geotabButton-empty) {
            flex: 1 1 auto;
            width: 50%
        }

        .adjustableButtonSet.set-2x > .geotabButton, .adjustableButtonSet.set-2x > .geotabSwitchButton + .geotabButton {
            align-content: stretch;
            display: block;
            margin: 0;
            position: relative;
            z-index: 3;
            text-align: center;
            border-radius: 0
        }

            .adjustableButtonSet.set-2x > .geotabButton:first-of-type, .adjustableButtonSet.set-2x > .geotabSwitchButton:first-child + .geotabButton {
                border-top-left-radius: 3px
            }

            .adjustableButtonSet.set-2x > .geotabButton:nth-of-type(2), .adjustableButtonSet.set-2x > .geotabSwitchButton + .geotabButton:nth-of-type(2) {
                border-top-right-radius: 3px
            }

            .adjustableButtonSet.set-2x > .geotabButton:nth-of-type(2n + 1):nth-last-of-type(-n+2) {
                border-bottom-left-radius: 3px
            }

            .adjustableButtonSet.set-2x > .geotabButton:last-of-type, .adjustableButtonSet.set-2x > .geotabSwitchButton:last-of-type + .geotabButton:last-child {
                border-bottom-right-radius: 3px
            }
}

.geo-date-range {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-left: 10px
}

.geo-date-input {
    width: 169px;
    margin-left: 10px;
    border: 1px solid #66788C;
    padding: 10px 8px;
    border-radius: 4px;
    height: 32px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    background-color: #FFF;
    margin-bottom: 4px;
    outline: none
}

    .geo-date-input:last-child {
        margin-top: 4px;
        margin-bottom: 12px
    }

    .geo-date-input:hover, .geo-date-input:focus {
        background-color: #F4F6F8
    }

.geo-separator {
    border-color: #C7CBD2;
    border-style: solid none none none;
    border-width: 1px;
    width: 100%;
    margin-top: 0
}

.geo-separator--vertical {
    border-right: 1px solid #C7CBD2
}

@media (max-width:767px) {
    .geo-separator--vertical {
        border-right: none
    }
}

.geo-switcher {
    display: inline-flex;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    padding: 2px;
    background-color: #FFF;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #202328;
    fill: #66788C
}

.geo-switcher__input {
    position: absolute;
    left: -9999px
}

    .geo-switcher__input:checked + .geo-switcher__label {
        background-color: #0078D3;
        color: #FFF
    }

        .geo-switcher__input:checked + .geo-switcher__label:hover, .geo-switcher__input:checked:focus + .geo-switcher__label {
            background-color: #25477B
        }

    .geo-switcher__input:checked:active + .geo-switcher__label {
        background-color: #002D4F
    }

    .geo-switcher__input:disabled + .geo-switcher__label {
        cursor: default;
        color: #c7cbd2;
        fill: #c7cbd2;
        border-color: #c7cbd2;
        background-color: #ffffff
    }

    .geo-switcher__input:disabled:checked + .geo-switcher__label, .geo-switcher__input:disabled:checked + .geo-switcher__label:hover {
        color: #ffffff;
        fill: #ffffff;
        border-color: #d8dee9;
        background-color: #d8dee9
    }

.geo-switcher__label {
    cursor: pointer;
    flex-grow: 1;
    border-radius: 4px;
    padding: 5px 10px;
    text-align: center
}

.geo-switcher__label--empty {
    height: 26px
}

.geo-switcher__label--with-padding {
    padding: 8px 16px
}

.geo-switcher__label:hover {
    background-color: #F4F6F8
}

.geo-switcher__label:active {
    background-color: #FFF
}

.geo-switcher__label:first-of-type {
    margin-right: 1.5px
}

.geo-switcher__label:last-of-type {
    margin-left: 1.5px
}

.geo-switcher--focused, .geo-switcher:focus-within {
    border-color: #66788C
}

.geo-switcher--auto-size {
    width: auto
}

.geo-switcher--stretched {
    display: flex
}

.geo-switcher--adjustable {
    flex-wrap: wrap
}

.geo-switcher__input:checked + .geo-switcher__label {
    background-color: #0078D3;
    color: #FFF;
    fill: #FFF
}

    .geo-switcher__input:checked + .geo-switcher__label:hover, .geo-switcher__input:checked:focus + .geo-switcher__label {
        background-color: #25477B
    }

.geo-switcher__input:checked:active + .geo-switcher__label {
    background-color: #002D4F
}

.geo-select-button-mixin {
    display: flex;
    width: 100%;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    align-items: center;
    background-color: #FFF;
    color: #202328;
    fill: #66788C;
    border: 1px solid #FFF;
    padding: 12px 16px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.geo-select-button-focused-mixin {
    text-decoration: none;
    outline: none;
    background-color: #F4F6F8
}

.geo-select-button-active-mixin {
    background-color: #0078D3;
    color: #FFF;
    fill: #FFF
}

.geo-select-button-active-focused-mixin {
    background-color: #25477B;
    color: #FFF
}

.geo-select-button {
    display: flex;
    width: 100%;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    align-items: center;
    background-color: #ffffff;
    color: #202328;
    fill: #66788c;
    border: 1px solid #ffffff;
    padding: 12px 16px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.geo-select-button--alert {
    color: #DE3030;
    fill: #DE3030
}

.geo-select-button__icon {
    width: 18px;
    height: 18px;
    margin-right: 7px;
    background-size: auto 100%
}

.geo-select-button__icon--low {
    height: 16px
}

.geo-select-button__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.geo-select-button:hover, .geo-select-button:focus {
    text-decoration: none;
    outline: none;
    background-color: #F4F6F8;
    border-color: #F4F6F8
}

.geo-select-button:active {
    background-color: #0078D3;
    border-color: #0078D3;
    color: #FFF;
    fill: #FFF
}

.geo-select-button:disabled, .geo-select-button--disabled {
    opacity: 0.3
}

.geo-select-button--focused {
    background-color: #F4F6F8
}

.geo-select-button--active {
    background-color: #0078D3;
    border-color: #0078D3;
    color: #FFF
}

    .geo-select-button--active:focus, .geo-select-button--active:hover, .geo-select-button--active.geo-select-button--focused {
        background-color: #25477B;
        border-color: #25477B;
        color: #FFF
    }

.geo-select-button--set {
    display: block
}

.geo-select-switcher {
    position: absolute;
    left: -9999px
}

    .geo-select-switcher:checked + .geo-select-button {
        background-color: #0078d3;
        color: #ffffff;
        fill: #ffffff
    }

.geo-button-set {
    display: flex;
    padding: 0px;
    margin: 0px;
    flex-direction: column;
    font-size: 12px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    overflow: hidden;
    padding: 2px;
    background-color: #FFF
}

.geo-button-set__radio {
    position: absolute;
    left: -9999px
}

.geo-button-set__label {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 5px;
    background-color: #FFF;
    color: #202328;
    cursor: pointer;
    border-radius: 4px
}

.geo-button-set__label--include-paddings {
    padding: 8px 10px
}

.geo-button-set--focused {
    border-color: #66788C
}

.geo-button-set--horizontal {
    flex-direction: row
}

.geo-button-set:focus-within {
    border-color: #66788C
}

.geo-button-set__radio:focus + .geo-button-set__label, .geo-button-set__radio:hover + .geo-button-set__label {
    background: #F4F6F8
}

.geo-button-set__radio:active + .geo-button-set__label {
    background: #FFF
}

.geo-button-set__radio:checked + .geo-button-set__label {
    background-color: #0078D3;
    color: #FFF;
    fill: #FFF
}

.geo-button-set__radio:checked:focus + .geo-button-set__label, .geo-button-set__radio:checked:hover + .geo-button-set__label {
    background-color: #25477B;
    color: #FFF;
    fill: #FFF
}

.geo-button-set__radio:checked:active + .geo-button-set__label {
    background-color: #002D4F;
    color: #FFF;
    fill: #FFF
}

.geo-button-set__radio:disabled + .geo-button-set__label {
    pointer-events: none;
    background-color: #FFF;
    color: #E9E9E9
}

.geo-button-checkbox__input {
    position: absolute;
    left: -9999px
}

.geo-button-checkbox__label {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    padding: 7px 9px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-align: center;
    color: #202328;
    fill: #66788c;
    border-color: #c7cbd2;
    background-color: #ffffff
}

    .geo-button-checkbox__label:hover, .geo-button-checkbox__label:focus, .geo-button-checkbox__label:active, .geo-button-checkbox__label--active {
        outline: none;
        text-decoration: none
    }

    .geo-button-checkbox__label:disabled, .geo-button-checkbox__label--disabled {
        pointer-events: none;
        cursor: default
    }

    .geo-button-checkbox__label:hover, .geo-button-checkbox__label:focus, .geo-button-checkbox__label:active {
        color: #202328;
        fill: #66788c;
        border-color: #66788c;
        background-color: #f4f6f8
    }

.geo-button-checkbox__label--stretched {
    width: 100%
}

.geo-button-checkbox__input:hover + .geo-button-checkbox__label, .geo-button-checkbox__input:focus + .geo-button-checkbox__label, .geo-button-checkbox__input:active + .geo-button-checkbox__label {
    color: #202328;
    fill: #66788c;
    border-color: #66788c;
    background-color: #f4f6f8
}

.geo-button-checkbox__input:disabled + .geo-button-checkbox__label {
    color: #c7cbd2;
    fill: #c7cbd2;
    border-color: #c7cbd2;
    background-color: #ffffff
}

.geo-button-checkbox__input:checked + .geo-button-checkbox__label {
    color: #ffffff;
    fill: #ffffff;
    border-color: #0078d3;
    background-color: #0078d3
}

    .geo-button-checkbox__input:checked + .geo-button-checkbox__label:hover, .geo-button-checkbox__input:checked + .geo-button-checkbox__label:focus, .geo-button-checkbox__input:checked + .geo-button-checkbox__label:active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #25477b;
        background-color: #25477b
    }

.geo-button-checkbox__input:checked:hover + .geo-button-checkbox__label, .geo-button-checkbox__input:checked:focus + .geo-button-checkbox__label, .geo-button-checkbox__input:checked:active + .geo-button-checkbox__label {
    color: #ffffff;
    fill: #ffffff;
    border-color: #25477b;
    background-color: #25477b
}

.geo-button-checkbox__input:checked:disabled + .geo-button-checkbox__label {
    color: #ffffff;
    fill: #ffffff;
    border-color: #d8dee9;
    background-color: #d8dee9
}

.geo-secondary-button-with-expand {
    display: flex;
    flex: 0 0 auto;
    overflow: hidden;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    background-color: #FFF;
    border: 1px solid #C7CBD2;
    border-radius: 4px
}

.geo-secondary-button-with-expand__input {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border: none;
    outline: none;
    padding: 7px;
    background-color: #FFF;
    border-radius: 0px;
    width: calc(100% - 32px) !important
}

    .geo-secondary-button-with-expand__input:focus {
        border-color: #0078D3
    }

.geo-secondary-button-with-expand__expand {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #FFF;
    fill: #66788C;
    border: none;
    border-left: 1px solid #C7CBD2;
    border-radius: 0px;
    outline: none;
    cursor: pointer
}

    .geo-secondary-button-with-expand__expand:hover, .geo-secondary-button-with-expand__expand:focus {
        background-color: #F4F6F8
    }

    .geo-secondary-button-with-expand__expand:active {
        background-color: #66788C;
        color: #FFF;
        fill: #FFF
    }

    .geo-secondary-button-with-expand__expand:disabled {
        background-color: #FFF;
        fill: #C7CBD2;
        border-color: #C7CBD2;
        pointer-events: none
    }

.geo-secondary-button-with-expand__arrow {
    width: 6px;
    height: 4.5px
}

.geo-secondary-button-with-expand__open {
    display: none
}

.geo-secondary-button-with-expand__close {
    display: block
}

.geo-secondary-button-with-expand--opened .geo-secondary-button-with-expand__open {
    display: block
}

.geo-secondary-button-with-expand--opened .geo-secondary-button-with-expand__close {
    display: none
}

.geo-secondary-button-with-expand--focused {
    border-color: #66788C
}

.geo-secondary-button-with-expand svg {
    width: 6px;
    height: 4.5px
}

.geo-label-only-input__label {
    height: 40px;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    background-color: #FFF;
    border: 0px;
    padding: 12px 16px;
    outline: none;
    cursor: pointer
}

.geo-label-only-input__input {
    position: absolute;
    left: -9999px
}

    .geo-label-only-input__input:checked + .geo-label-only-input__label {
        background-color: #0078D3;
        color: #FFF
    }

    .geo-label-only-input__input:active + .geo-label-only-input__label {
        background-color: #0078D3;
        color: #FFF
    }

    .geo-label-only-input__input:focus + .geo-label-only-input__label {
        background-color: #F4F6F8
    }

    .geo-label-only-input__input:focus:checked + .geo-label-only-input__label {
        background-color: #25477B
    }

.geo-tag-remove-mixin {
    width: 16px;
    min-width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: inherit;
    border: none;
    outline: none;
    border-radius: 50%;
    padding: 0
}

    .geo-tag-remove-mixin .svgIcon {
        fill: #202328;
        width: 8px;
        height: 8px;
        margin: 4px auto
    }

    .geo-tag-remove-mixin:hover, .geo-tag-remove-mixin:focus {
        background-color: #66788C
    }

        .geo-tag-remove-mixin:hover .svgIcon, .geo-tag-remove-mixin:focus .svgIcon {
            fill: #FFF
        }

.geo-tag-name-mixin {
    display: block;
    color: #202328;
    margin-right: 6px;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.geo-tag-mixin {
    display: flex;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    align-items: center;
    border-radius: 18px;
    background-color: #EFF2F7;
    padding: 4px 7px;
    border: 1px solid #EFF2F7
}

.geo-tag-mixin--no-margin {
    margin: 0px
}

.geo-tag-mixin__name {
    display: block;
    color: #202328;
    margin-right: 6px;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.geo-tag-mixin__remove {
    width: 16px;
    min-width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: inherit;
    border: none;
    outline: none;
    border-radius: 50%;
    padding: 0
}

    .geo-tag-mixin__remove .svgIcon {
        fill: #202328;
        width: 8px;
        height: 8px;
        margin: 4px auto
    }

    .geo-tag-mixin__remove:hover, .geo-tag-mixin__remove:focus {
        background-color: #66788C
    }

        .geo-tag-mixin__remove:hover .svgIcon, .geo-tag-mixin__remove:focus .svgIcon {
            fill: #FFF
        }

.geo-tag-mixin--focusable {
    outline: none;
    cursor: pointer
}

    .geo-tag-mixin--focusable:hover, .geo-tag-mixin--focusable:active, .geo-tag-mixin--focusable:focus {
        background-color: #66788C;
        border-color: #66788C
    }

        .geo-tag-mixin--focusable:hover .geo-tag__name, .geo-tag-mixin--focusable:active .geo-tag__name, .geo-tag-mixin--focusable:focus .geo-tag__name {
            color: #FFF
        }

    .geo-tag-mixin--focusable .geo-tag__name {
        margin-right: 0px;
        color: #202328
    }

.geo-tag {
    display: flex;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    align-items: center;
    border-radius: 18px;
    background-color: #eff2f7;
    padding: 4px 7px;
    border: 1px solid #eff2f7
}

.geo-tag--no-margin {
    margin: 0px
}

.geo-tag__name {
    display: block;
    color: #202328;
    margin-right: 6px;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.geo-tag__remove {
    width: 16px;
    min-width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: inherit;
    border: none;
    outline: none;
    border-radius: 50%;
    padding: 0
}

    .geo-tag__remove .svgIcon {
        fill: #202328;
        width: 8px;
        height: 8px;
        margin: 4px auto
    }

    .geo-tag__remove:hover, .geo-tag__remove:focus {
        background-color: #66788C
    }

        .geo-tag__remove:hover .svgIcon, .geo-tag__remove:focus .svgIcon {
            fill: #FFF
        }

.geo-tag--focusable {
    outline: none;
    cursor: pointer
}

    .geo-tag--focusable:hover, .geo-tag--focusable:active, .geo-tag--focusable:focus {
        background-color: #66788C;
        border-color: #66788C
    }

        .geo-tag--focusable:hover .geo-tag__name, .geo-tag--focusable:active .geo-tag__name, .geo-tag--focusable:focus .geo-tag__name {
            color: #FFF
        }

    .geo-tag--focusable .geo-tag__name {
        margin-right: 0px;
        color: #202328
    }

.geo-button--link {
    color: #0062A9;
    text-decoration: underline;
    background: none;
    padding: 4px;
    border: none
}

    .geo-button--link:hover, .geo-button--link:focus, .geo-button--link:active {
        color: #0062A9;
        background: none;
        text-decoration: none
    }

    .geo-button--link:focus {
        outline: auto
    }

.checkmateFormPage fieldset, .geotabFieldset {
    width: 80%;
    max-width: 800px;
    min-width: 0;
    padding: 18px 25px;
    background-color: #fefefe;
    color: #222;
    border: none;
    margin: 24px 0 0 0
}

    .checkmateFormPage fieldset.inset, .geotabFieldset.inset {
        padding: 10px;
        border-radius: 5px;
        border-color: #ddd
    }

    .checkmateFormPage fieldset.emptyFieldset, .geotabFieldset.emptyFieldset {
        padding: 0;
        margin: 0
    }

    .checkmateFormPage fieldset > legend, .geotabFieldset > legend, .checkmateFormPage fieldset .partLegend, .geotabFieldset .partLegend {
        font-weight: 700;
        color: #25477B;
        fill: #25477B;
        text-transform: uppercase
    }

    .checkmateFormPage fieldset fieldset > legend, .geotabFieldset fieldset > legend {
        padding: 0.5em 2%;
        color: #222;
        text-transform: none
    }

    .checkmateFormPage fieldset fieldset > .checkmateField, .geotabFieldset fieldset > .checkmateField {
        margin: 2px 0;
        padding-top: 0.2em;
        padding-bottom: 0.2em
    }

    .checkmateFormPage fieldset .noSpinner::-webkit-outer-spin-button, .geotabFieldset .noSpinner::-webkit-outer-spin-button, .checkmateFormPage fieldset .noSpinner::-webkit-inner-spin-button, .geotabFieldset .noSpinner::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .checkmateFormPage fieldset .info, .geotabFieldset .info {
        font-size: 1.2em;
        color: #757575;
        margin: 0 10px 10px 10px
    }

.checkmateFormEditField, .geotabFormEditField {
    border: 1px solid #C5DBEC;
    background-color: #fefefe;
    color: #222;
    border-radius: 0.4em;
    padding: 4px;
    font-family: inherit;
    font-size: inherit
}

    .checkmateFormEditField:focus, .geotabFormEditField:focus {
        outline: none;
        border: 1px solid #5293c6;
        border-radius: 0.4em
    }

    .checkmateFormEditField:disabled, .geotabFormEditField:disabled {
        background-color: #f7f7f7;
        color: #757575
    }

.checkmateFormEditField--second, .geotabFormEditField--second {
    margin-top: 0.5em
}

.checkmateFormEditField::-webkit-input-placeholder, .geotabFormEditField::-webkit-input-placeholder {
    color: #757575
}

.checkmateFormEditField:-moz-placeholder, .geotabFormEditField:-moz-placeholder {
    color: #757575
}

.checkmateField, .geotabField {
    border-radius: 0.4em;
    margin: 4px 0;
    padding: 0.5em 2%;
    float: left;
    width: 94%
}

    .checkmateField:hover:not(.alert-error), .geotabField:hover:not(.alert-error) {
        background-color: #f4f4f4
    }

    .checkmateField .helpText, .geotabField .helpText {
        margin: 0;
        padding: 0
    }

    .checkmateField p, .geotabField p, .checkmateField .alert, .geotabField .alert {
        margin: 0
    }

    .checkmateField > *:first-child:not(.fieldWithoutLabel), .geotabField > *:first-child:not(.fieldWithoutLabel) {
        display: inline-block;
        max-width: 27%;
        margin-bottom: 2px;
        color: #757575;
        fill: #757575;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .checkmateField:not(.notEditable) > *:first-child:not(.fieldWithoutLabel), .geotabField:not(.notEditable) > *:first-child:not(.fieldWithoutLabel) {
        margin-top: 3px
    }

    .checkmateField > *:first-child + *, .geotabField > *:first-child + *, .checkmateField > .elementWithoutLabel, .geotabField > .elementWithoutLabel, .checkmateField > .fieldWithoutLabel:not(.singleField), .geotabField > .fieldWithoutLabel:not(.singleField) {
        float: right;
        width: 69%
    }

    .checkmateField .checkmateComplexField .label, .geotabField .checkmateComplexField .label {
        margin: 4px 0;
        color: #757575;
        fill: #757575
    }

@media only screen and (max-width:480px) {
    .checkmateField > *:first-child + *, .geotabField > *:first-child + * {
        width: 56%
    }

    .checkmateField .fullWidth, .geotabField .fullWidth, .checkmateField.fullWidth > *:first-child, .geotabField.fullWidth > *:first-child, .checkmateField .fullWidth > *:first-child, .geotabField .fullWidth > *:first-child {
        width: 100%
    }

    .checkmateField.notEditable > *:first-child + *, .geotabField.notEditable > *:first-child + * {
        width: auto;
        padding-left: 5px
    }

    .checkmateField:not(.notFlexible), .geotabField:not(.notFlexible) {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

        .checkmateField:not(.notFlexible) > *:first-child, .geotabField:not(.notFlexible) > *:first-child {
            min-width: 44%;
            max-width: none;
            width: auto;
            overflow-wrap: break-word;
            word-wrap: break-word;
            word-break: break-word;
            -ms-hyphens: auto;
            -webkit-hyphens: auto;
            hyphens: auto
        }

        .checkmateField:not(.notFlexible) .checkmateFormEditField, .geotabField:not(.notFlexible) .checkmateFormEditField {
            flex: 1 1 56%;
            width: 100%;
            float: none
        }

        .checkmateField:not(.notFlexible) .flexibleWrapper, .geotabField:not(.notFlexible) .flexibleWrapper {
            flex: 1 1 56%
        }

        .checkmateField:not(.notFlexible) .flexible, .geotabField:not(.notFlexible) .flexible {
            display: flex;
            flex-wrap: wrap;
            width: 56%
        }

            .checkmateField:not(.notFlexible) .flexible .checkmateFormEditField + *, .geotabField:not(.notFlexible) .flexible .checkmateFormEditField + * {
                padding: 0.3em
            }

            .checkmateField:not(.notFlexible) .flexible.fullWidth, .geotabField:not(.notFlexible) .flexible.fullWidth {
                width: 100%
            }

        .checkmateField:not(.notFlexible) > textarea.checkmateFormEditField, .geotabField:not(.notFlexible) > textarea.checkmateFormEditField {
            flex: initial
        }

    .checkmateField.notFlexible > *:first-child, .geotabField.notFlexible > *:first-child {
        max-width: none
    }

        .checkmateField.notFlexible > *:first-child + *:not(.noWidth), .geotabField.notFlexible > *:first-child + *:not(.noWidth) {
            width: 100%
        }

    .checkmateField .noWidth, .geotabField .noWidth {
        width: auto;
        float: right
    }

    .geo-form__field-control.geo-form__field-control--full-width-xs {
        width: 100%
    }
}

.checkmateField .passwordMismatch {
    color: #751111
}

.checkmateField .rightLabel {
    color: #757575;
    margin: 0 0 0 10px
}

.vanillaSortableContainer.multiline li.sortableItem {
    flex-wrap: wrap
}

.vanillaSortableContainer li.sortableItem {
    display: flex
}

@media (max-width:480px) {
    .vanillaSortableContainer li.sortableItem {
        padding-left: 0.8em
    }
}

.vanillaSortableContainer .itemText {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden
}

    .vanillaSortableContainer .itemText .itemText_primary {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }

    .vanillaSortableContainer .itemText .itemText_secondary {
        padding-right: 5px;
        color: #757575;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }

.vanillaSortableContainer .checkmateFormEditField {
    flex: 1 1 auto;
    min-width: 0
}

.vanillaSortableContainer .geo-button {
    flex: 0 0 auto;
    margin-left: 0.4em
}

.vanillaSortableContainer .sortableItemButton {
    margin-left: 0.4em
}

#userSettings_customExemptHosHelper {
    margin-top: 5px
}

#helpSupportId .checkmateField {
    margin: 4px 0 0 0
}

#options_viewOrganizer_content {
    position: relative
}

    #options_viewOrganizer_content > #options_MultiEdit_EnableMapViews_container {
        overflow: hidden
    }

        #options_viewOrganizer_content > #options_MultiEdit_EnableMapViews_container > .geo-switcher {
            margin-bottom: 5px;
            width: 100%
        }

    #options_viewOrganizer_content #options_viewOrganizerList {
        margin: -46px 3px 0 3px
    }

    #options_viewOrganizer_content .defaultContainer {
        width: 100%;
        height: 49px;
        border: 2px dashed #C5DBEC
    }

    #options_viewOrganizer_content .defaultContainer {
        border-color: #66788C
    }

#multipleSelection_selectOptions {
    font-size: 1.05em;
    float: left
}

    #multipleSelection_selectOptions .multipleSelectionButton {
        margin-top: 0
    }

.multipleSelection_checkbox {
    float: right;
    margin-top: 11px;
    margin-left: 15px
}

.invalidInputData {
    border-color: #FDE5E5 !important;
    color: #751111
}

.fieldNothingSelected {
    background-color: #FDE5E5;
    border: 1px solid #FDE5E5;
    color: #751111
}

.checkmateEditableField {
    cursor: pointer
}

    .checkmateEditableField:hover {
        background-color: #f4f4f4
    }

.entity-navigator-container .inputBox {
    flex: 1 1 auto;
    margin: 3px 0;
    max-width: 200px
}

.filterCloseButton {
    position: absolute;
    right: 4px;
    top: 5px;
    height: 16px;
    width: 16px;
    padding: 0;
    background-color: transparent;
    border: none
}

.filterCloseCross {
    font-size: 1.3em;
    top: 1px;
    right: 1px
}

.stateItem {
    display: flex;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    align-items: center;
    border-radius: 18px;
    background-color: #eff2f7;
    padding: 4px 7px;
    border: 1px solid #eff2f7;
    color: #000;
    line-height: 16px;
    margin: 12px 0;
    width: 100%;
    position: relative
}

.stateItem--no-margin {
    margin: 0px
}

.stateItem__name {
    display: block;
    color: #202328;
    margin-right: 6px;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.stateItem__remove {
    width: 16px;
    min-width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: inherit;
    border: none;
    outline: none;
    border-radius: 50%;
    padding: 0
}

    .stateItem__remove .svgIcon {
        fill: #202328;
        width: 8px;
        height: 8px;
        margin: 4px auto
    }

    .stateItem__remove:hover, .stateItem__remove:focus {
        background-color: #66788C
    }

        .stateItem__remove:hover .svgIcon, .stateItem__remove:focus .svgIcon {
            fill: #FFF
        }

.stateItem--focusable {
    outline: none;
    cursor: pointer
}

    .stateItem--focusable:hover, .stateItem--focusable:active, .stateItem--focusable:focus {
        background-color: #66788C;
        border-color: #66788C
    }

        .stateItem--focusable:hover .geo-tag__name, .stateItem--focusable:active .geo-tag__name, .stateItem--focusable:focus .geo-tag__name {
            color: #FFF
        }

    .stateItem--focusable .geo-tag__name {
        margin-right: 0px;
        color: #202328
    }

.stateItem--bubble {
    display: inline-flex;
    width: auto;
    margin: 6px 3px 0;
    max-width: 100%
}

.stateItem--static {
    color: #575757
}

.stateItem.closeCrossStateItem {
    padding-right: 25px
}

.filterCloseButton {
    width: 16px;
    min-width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: inherit;
    border: none;
    outline: none;
    border-radius: 50%;
    padding: 0;
    right: 5px
}

    .filterCloseButton .svgIcon {
        fill: #202328;
        width: 8px;
        height: 8px;
        margin: 4px auto
    }

    .filterCloseButton:hover, .filterCloseButton:focus {
        background-color: #66788C
    }

        .filterCloseButton:hover .svgIcon, .filterCloseButton:focus .svgIcon {
            fill: #FFF
        }

.filterCloseCross {
    position: static
}

.node-select-container {
    display: flex;
    flex-direction: column
}

.node-select-container__control {
    width: 100%;
    display: flex
}

.node-select-container__state {
    border-radius: 3px;
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 6px 0
}

.node-select-container__control-element {
    margin: 0 0 6px
}

.node-select-container__control-element--spacing-left {
    margin-left: 8px
}

.node-select-container--limited-space .node-select-container__control {
    flex-wrap: wrap
}

.node-select-container--limited-space .node-select-container__state {
    margin: 0 0 6px
}

.node-select-container--limited-space .node-select-container__control-element--spacing-right {
    margin-right: 8px
}

.node-select-container--limited-space .node-select-container__control-element--spacing-left {
    margin-left: 0
}

.geo-select-element {
    position: relative
}

    .geo-select-element .selected-item {
        display: flex;
        align-items: center;
        width: 100%
    }

    .geo-select-element .selected-item__name {
        flex: 1 1 auto;
        text-align: left
    }

    .geo-select-element .selected-item__icon-wrapper {
        padding-left: 10px;
        display: flex
    }

    .geo-select-element .selected-item__icon {
        width: 6px;
        height: 4.5px
    }

    .geo-select-element .custom-select__selection {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        border-width: 1px;
        border-style: solid;
        border-radius: 4px;
        padding: 7px 9px;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        text-align: center;
        color: #202328;
        fill: #66788c;
        border-color: #c7cbd2;
        background-color: #ffffff;
        display: inline-flex;
        width: 100%
    }

        .geo-select-element .custom-select__selection:hover, .geo-select-element .custom-select__selection:focus, .geo-select-element .custom-select__selection:active, .geo-select-element .custom-select__selection--active {
            outline: none;
            text-decoration: none
        }

        .geo-select-element .custom-select__selection:disabled, .geo-select-element .custom-select__selection--disabled {
            pointer-events: none;
            cursor: default
        }

        .geo-select-element .custom-select__selection:hover, .geo-select-element .custom-select__selection:focus {
            color: #202328;
            fill: #66788c;
            border-color: #66788c;
            background-color: #f4f6f8
        }

        .geo-select-element .custom-select__selection:active {
            color: #ffffff;
            fill: #ffffff;
            border-color: #66788c;
            background-color: #66788c
        }

        .geo-select-element .custom-select__selection:disabled {
            color: #c7cbd2;
            fill: #c7cbd2;
            border-color: #c7cbd2;
            background-color: #ffffff
        }

    .geo-select-element .custom-select__list {
        left: 0;
        right: 0
    }

    .geo-select-element .custom-select__option {
        display: flex;
        width: 100%;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        align-items: center;
        background-color: #ffffff;
        color: #202328;
        fill: #66788c;
        border: 1px solid #ffffff;
        padding: 12px 16px;
        outline: none;
        cursor: pointer;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }

        .geo-select-element .custom-select__option:hover, .geo-select-element .custom-select__option:focus {
            text-decoration: none;
            outline: none;
            background-color: #f4f6f8
        }

    .geo-select-element .custom-select__option--selected {
        background-color: #0078d3;
        color: #ffffff;
        fill: #ffffff
    }

        .geo-select-element .custom-select__option--selected:hover, .geo-select-element .custom-select__option--selected:focus {
            background-color: #25477b;
            color: #ffffff
        }

.g-field-required::after {
    color: #751111;
    vertical-align: unset;
    font-size: 1.1em;
    content: "*"
}

.geo-text-field-mixin {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: inherit;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
    background-color: #FFF;
    color: #202328;
    fill: #202328;
    padding: 7px 9px;
    line-height: 16px;
    cursor: text
}

    .geo-text-field-mixin::placeholder {
        color: #757575
    }

    .geo-text-field-mixin:hover, .geo-text-field-mixin:focus {
        border-color: #0078D3
    }

    .geo-text-field-mixin:active {
        border-color: #0078D3
    }

    .geo-text-field-mixin:disabled {
        cursor: not-allowed;
        background-color: #E9E9E9;
        pointer-events: none
    }

.geo-text-field-mixin--dark {
    color: #FFF;
    background-color: #3C5063;
    border-color: #C7CBD2
}

    .geo-text-field-mixin--dark::placeholder {
        color: #FFF
    }

    .geo-text-field-mixin--dark:hover, .geo-text-field-mixin--dark:focus {
        background-color: #0B2032;
        border-color: #66788C
    }

    .geo-text-field-mixin--dark:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #3C5063;
        border-color: #66788C
    }

        .geo-text-field-mixin--dark:disabled::placeholder {
            color: #66788C
        }

.geo-selection-textarea {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: inherit;
    border: 1px solid #c7cbd2;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
    background-color: #ffffff;
    color: #202328;
    fill: #202328;
    padding: 7px 9px;
    line-height: 16px;
    cursor: text;
    resize: none
}

    .geo-selection-textarea::placeholder {
        color: #757575
    }

    .geo-selection-textarea:hover, .geo-selection-textarea:focus {
        border-color: #0078D3
    }

    .geo-selection-textarea:active {
        border-color: #0078D3
    }

    .geo-selection-textarea:disabled {
        cursor: not-allowed;
        background-color: #E9E9E9;
        pointer-events: none
    }

.geo-selection-textarea--dark {
    color: #FFF;
    background-color: #3C5063;
    border-color: #C7CBD2
}

    .geo-selection-textarea--dark::placeholder {
        color: #FFF
    }

    .geo-selection-textarea--dark:hover, .geo-selection-textarea--dark:focus {
        background-color: #0B2032;
        border-color: #66788C
    }

    .geo-selection-textarea--dark:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #3C5063;
        border-color: #66788C
    }

        .geo-selection-textarea--dark:disabled::placeholder {
            color: #66788C
        }

.geo-text {
    color: #202328
}

.geo-text-input {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: inherit;
    border: 1px solid #c7cbd2;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
    background-color: #ffffff;
    color: #202328;
    fill: #202328;
    padding: 7px 9px;
    line-height: 16px;
    cursor: text
}

    .geo-text-input::placeholder {
        color: #757575
    }

    .geo-text-input:hover, .geo-text-input:focus {
        border-color: #0078D3
    }

    .geo-text-input:active {
        border-color: #0078D3
    }

    .geo-text-input:disabled {
        cursor: not-allowed;
        background-color: #E9E9E9;
        pointer-events: none
    }

.geo-text-input--dark {
    color: #FFF;
    background-color: #3C5063;
    border-color: #C7CBD2
}

    .geo-text-input--dark::placeholder {
        color: #FFF
    }

    .geo-text-input--dark:hover, .geo-text-input--dark:focus {
        background-color: #0B2032;
        border-color: #66788C
    }

    .geo-text-input--dark:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #3C5063;
        border-color: #66788C
    }

        .geo-text-input--dark:disabled::placeholder {
            color: #66788C
        }

.geo-prefixed-input {
    border: none;
    border-radius: 0;
    display: flex
}

.geo-prefixed-input__prefix {
    background-color: #EFF2F7;
    flex: 0 0 auto;
    padding: 7px 9px;
    line-height: 16px;
    border: 1px solid #C7CBD2;
    border-right: none;
    border-radius: 4px 0 0 4px
}

.geo-prefixed-input__input {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: inherit;
    border: 1px solid #c7cbd2;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
    background-color: #ffffff;
    color: #202328;
    fill: #202328;
    padding: 7px 9px;
    line-height: 16px;
    cursor: text;
    width: 100%;
    border-top-left-radius: 0;
    border-left-color: transparent;
    border-bottom-left-radius: 0
}

    .geo-prefixed-input__input::placeholder {
        color: #757575
    }

    .geo-prefixed-input__input:hover, .geo-prefixed-input__input:focus {
        border-color: #0078D3
    }

    .geo-prefixed-input__input:active {
        border-color: #0078D3
    }

    .geo-prefixed-input__input:disabled {
        cursor: not-allowed;
        background-color: #E9E9E9;
        pointer-events: none
    }

.geo-prefixed-input__input--dark {
    color: #FFF;
    background-color: #3C5063;
    border-color: #C7CBD2
}

    .geo-prefixed-input__input--dark::placeholder {
        color: #FFF
    }

    .geo-prefixed-input__input--dark:hover, .geo-prefixed-input__input--dark:focus {
        background-color: #0B2032;
        border-color: #66788C
    }

    .geo-prefixed-input__input--dark:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #3C5063;
        border-color: #66788C
    }

        .geo-prefixed-input__input--dark:disabled::placeholder {
            color: #66788C
        }

.geo-select {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: inherit;
    border: 1px solid #c7cbd2;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
    background-color: #ffffff;
    color: #202328;
    fill: #202328;
    padding: 7px 9px;
    line-height: 16px;
    cursor: text;
    cursor: default;
    -webkit-appearance: menulist
}

    .geo-select::placeholder {
        color: #757575
    }

    .geo-select:hover, .geo-select:focus {
        border-color: #0078D3
    }

    .geo-select:active {
        border-color: #0078D3
    }

    .geo-select:disabled {
        cursor: not-allowed;
        background-color: #E9E9E9;
        pointer-events: none
    }

.geo-select--dark {
    color: #FFF;
    background-color: #3C5063;
    border-color: #C7CBD2
}

    .geo-select--dark::placeholder {
        color: #FFF
    }

    .geo-select--dark:hover, .geo-select--dark:focus {
        background-color: #0B2032;
        border-color: #66788C
    }

    .geo-select--dark:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #3C5063;
        border-color: #66788C
    }

        .geo-select--dark:disabled::placeholder {
            color: #66788C
        }

.geo-select__option {
    color: #202328
}

    .geo-select__option:disabled {
        color: #757575
    }

.geo-select--two-parts-size {
    width: 69%
}

.geo-select--vertical-margin {
    margin: 8px 0px
}

.geo-select--full-width {
    width: 100%
}

.geo-select__group {
    background-color: #E9E9E9
}

.geo-select__group--secondary {
    color: #575757
}

.geo-select__group-option {
    background-color: #FFF
}

.geo-select__group-option--secondary {
    color: #575757
}

.geo-text-input-with-icons {
    display: flex;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    min-width: 200px;
    align-items: center;
    height: 32px;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    background-color: #FFF;
    color: #757575;
    fill: #757575;
    overflow: hidden;
    padding: 0 7px
}

.geo-text-input-with-icons__pre-icon {
    height: 16px;
    width: 16px;
    min-width: 16px;
    margin-right: 7px
}

.geo-text-input-with-icons__pre-icon--noRight {
    height: 16px;
    width: 16px;
    min-width: 16px;
    margin-right: 0
}

.geo-text-input-with-icons__input {
    height: 100%;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    border: 0px;
    border-radius: 0px;
    outline: none;
    padding: 0px;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    background-color: inherit;
    color: inherit
}

.geo-text-input-with-icons__post-icon {
    height: 16px;
    width: 16px;
    min-width: 16px;
    margin-left: 7px
}

.geo-text-input-with-icons--focused {
    border-color: #66788C
}

.geo-text-input-with-icons--disabled {
    background-color: #E9E9E9
}

.geo-text-input-with-icons:focus-within {
    border-color: #66788C
}

.geo-text-input-with-icons--stretched {
    width: 100%;
    min-width: auto
}

.geo-textarea {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: inherit;
    border: 1px solid #c7cbd2;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
    background-color: #ffffff;
    color: #202328;
    fill: #202328;
    padding: 7px 9px;
    line-height: 16px;
    cursor: text;
    max-width: 100%
}

    .geo-textarea::placeholder {
        color: #757575
    }

    .geo-textarea:hover, .geo-textarea:focus {
        border-color: #0078D3
    }

    .geo-textarea:active {
        border-color: #0078D3
    }

    .geo-textarea:disabled {
        cursor: not-allowed;
        background-color: #E9E9E9;
        pointer-events: none
    }

.geo-textarea--dark {
    color: #FFF;
    background-color: #3C5063;
    border-color: #C7CBD2
}

    .geo-textarea--dark::placeholder {
        color: #FFF
    }

    .geo-textarea--dark:hover, .geo-textarea--dark:focus {
        background-color: #0B2032;
        border-color: #66788C
    }

    .geo-textarea--dark:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #3C5063;
        border-color: #66788C
    }

        .geo-textarea--dark:disabled::placeholder {
            color: #66788C
        }

.geo-form:hover {
    background: none
}

.geo-form__fieldset {
    width: 80%;
    max-width: 860px;
    min-width: 0;
    padding: 18px 25px;
    background-color: #FFF;
    color: #202328;
    border: none;
    margin: 5px 0 0 0
}

.geo-form__field {
    font-size: 12px;
    line-height: 16px
}

    .geo-form__field .button-list :not(:first-child) {
        margin-left: 0.25em
    }

@media only screen and (max-width:1150px) {
    .geo-form__field .button-list :not(:first-child) {
        margin-top: 0.5em;
        margin-left: 0
    }
}

.geo-form__field:hover {
    background: none !important
}

.geo-form__field--stick-top {
    margin-top: 0;
    padding-top: 0
}

.geo-form__field--stick-bottom {
    margin-bottom: 0;
    padding-bottom: 0
}

.geo-form__description-text {
    margin: 0 3px 0 0;
    align-self: center
}

.geo-form__short-input {
    min-width: 200px
}

.geo-form__header {
    color: #202328;
    text-transform: uppercase;
    padding: 0.5em 2%
}

.geo-form__maintenance-container {
    display: flex;
    flex-direction: row
}

.geo-form__details {
    flex: 2
}

.geo-form__docs {
    flex: 1
}

.geo-form__file-upload-container {
    width: 100%;
    padding: 1em 2%;
    margin: 9px 0 0 0
}

.checkmateField:not(.singleLabel) > *:first-child:not(.fieldWithoutLabel), .geotabField:not(.singleLabel) > *:first-child:not(.fieldWithoutLabel) {
    width: 27%;
    text-align: left;
    color: #575757
}

.checkmateField:not(.notEditable) > *:first-child:not(.fieldWithoutLabel), .geotabField:not(.notEditable) > *:first-child:not(.fieldWithoutLabel) {
    color: #575757;
    text-align: left
}

@media (max-width:905px) {
    .geo-form__fieldset {
        width: 100%;
        padding: 6px;
        margin-top: 6px
    }

    .geo-form__maintenance-container {
        flex-direction: column
    }

    .checkmateField:not(.singleLabel) > *:first-child:not(.fieldWithoutLabel), .geotabField:not(.singleLabel) > *:first-child:not(.fieldWithoutLabel) {
        width: auto;
        text-align: left
    }
}

.geotab-filter__wrapper {
    display: flex;
    flex: 0 0 auto;
    overflow: hidden;
    background-color: #FFF;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    height: 32px;
    align-items: center;
    color: #757575;
    fill: #757575
}

.geotab-filter__wrapper--focused {
    border-color: #0078D3
}

.geotab-filter__wrapper--full-size {
    flex-grow: 1
}

.geotab-filter__input {
    font-size: 12px;
    line-height: 16px
}

    .geotab-filter__input:focus, .geotab-filter__input:hover {
        border-color: #0078D3
    }

.geotab-filter__expand {
    width: 32px;
    min-width: 32px;
    height: 32px;
    background-color: #FFF
}

    .geotab-filter__expand.closeComboIcon .geo-secondary-button-with-expand__arrow {
        transform: rotate(180deg)
    }

.geotab-filter--header {
    position: relative
}

    .geotab-filter--header .geotab-filter__wrapper {
        background-color: #426499;
        color: #FFF;
        fill: #FFF;
        border-color: #7791BA;
        margin-right: 12px
    }

    .geotab-filter--header .geotab-filter__input {
        background-color: #426499;
        color: #FFF
    }

        .geotab-filter--header .geotab-filter__input:focus, .geotab-filter--header .geotab-filter__input:hover {
            border-color: #0078D3
        }

        .geotab-filter--header .geotab-filter__input::placeholder {
            color: #FFF
        }

    .geotab-filter--header .geotab-filter__expand {
        background-color: #426499;
        fill: #FFF
    }

        .geotab-filter--header .geotab-filter__expand:hover, .geotab-filter--header .geotab-filter__expand:focus {
            background-color: #25477B
        }

.filterMenuContainer .geo-list__item {
    padding: 0;
    height: auto
}

@media (max-width:905px) {
    .geotab-filter--header .geotab-filter__input {
        min-width: 100px
    }
}

@media (max-width:480px) {
    .geotab-filter--header .geotab-filter__input {
        min-width: 90px
    }
}

.lineChartSvg {
    -moz-user-select: none;
    user-select: none
}

.timeLineContainer {
    -moz-user-select: none;
    user-select: none
}

.chartContainer {
    padding-left: 15px;
    padding-top: 20px
}

    .chartContainer .graphsWrapper {
        display: inline-block;
        width: 60%
    }

    .chartContainer .graphLabel {
        font-size: 1.5em;
        line-height: 1.5em;
        padding: 20px 10px
    }

    .chartContainer .additionalInfo {
        display: inline-block;
        vertical-align: top;
        width: 40%;
        height: 100%;
        padding: 20px
    }

        .chartContainer .additionalInfo .additionalInfoRow .value {
            display: inline-block;
            vertical-align: top;
            width: 30%
        }

        .chartContainer .additionalInfo .additionalInfoRow .label {
            display: inline-block;
            vertical-align: top;
            width: 70%
        }

        .chartContainer .additionalInfo .additionalInfoRow .value, .chartContainer .additionalInfo .additionalInfoRow .label {
            font-size: 1.3em;
            line-height: 1.8em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

.graphContainer {
    background-color: #fefefe;
    padding: 10px;
    overflow-x: auto;
    overflow-y: hidden
}

    .graphContainer .graphRenderContainer {
        min-width: 1000px;
        min-height: 150px
    }

        .graphContainer .graphRenderContainer.ewd {
            min-height: 100px
        }

        .graphContainer .graphRenderContainer .svgGraph {
            overflow: hidden
        }

        .graphContainer .graphRenderContainer .graphLabel {
            fill: #25477B
        }

.vzl svg {
    width: 100%;
    height: 100%
}

.popupWindow, .popupWindowCover {
    background-color: #fefefe;
    border: 1px solid #C5DBEC;
    position: absolute;
    z-index: 7000;
    padding: 10px;
    max-height: 800px;
    overflow-y: auto;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    border-radius: 3px
}

.popupWindowHiding {
    visibility: hidden;
    z-index: -1
}

.popupWindow li {
    list-style-type: none
}

.popupWindow fieldset {
    border: none;
    border-top: 1px solid #C5DBEC;
    margin: 0 5px;
    padding: 0;
    width: auto
}

    .popupWindow fieldset > legend {
        font-weight: normal;
        padding: 3px 0;
        color: #25477B;
        text-transform: uppercase
    }

.popupWindow.filterMenuContainer {
    width: 195px;
    z-index: 10002
}

    .popupWindow.filterMenuContainer .filter-progress-container {
        position: relative
    }

    .popupWindow.filterMenuContainer.organizationFilter {
        z-index: 10004
    }

.popupWindow:not(.optionsPopupMenu) {
    min-height: 30px;
    min-width: 170px;
    max-width: 420px
}

    .popupWindow:not(.optionsPopupMenu) ul {
        margin: 0
    }

    .popupWindow:not(.optionsPopupMenu) li, .popupWindow:not(.optionsPopupMenu) ul {
        padding: 0
    }

        .popupWindow:not(.optionsPopupMenu) > *:not(ul), .popupWindow:not(.optionsPopupMenu) li:not(:first-child):not(.mainMenuOption) {
            padding-top: 4px
        }

    .popupWindow:not(.optionsPopupMenu) .verticalButtonSet, .popupWindow:not(.optionsPopupMenu).verticalButtonSet {
        padding-top: 0.6em
    }

        .popupWindow:not(.optionsPopupMenu) .verticalButtonSet:nth-child(1) {
            padding-top: 0
        }

    .popupWindow:not(.optionsPopupMenu) .popupWindowTitle {
        text-align: center;
        margin: 0;
        padding-bottom: 5px
    }

    .popupWindow:not(.optionsPopupMenu) .popupWindowTitle__sub-title {
        color: #757575
    }

    .popupWindow:not(.optionsPopupMenu) .popupClose {
        top: 2px;
        right: 2px;
        padding: 0;
        width: 10px;
        height: 10px;
        position: absolute;
        background: transparent;
        border: none
    }

        .popupWindow:not(.optionsPopupMenu) .popupClose svg {
            fill: #25477B;
            top: 0;
            right: 0
        }

            .popupWindow:not(.optionsPopupMenu) .popupClose svg:hover {
                background-color: #d1e7fb
            }

.reportsListPopup {
    overflow-x: hidden
}

.popupWindow .separator {
    margin: 2px 30px;
    border-width: 0;
    border-bottom: 1px solid #ddd;
    padding: 0;
    height: 0
}

.popupWindow .noPadding {
    padding: 0px !important
}

.popupWindow .hidden {
    display: none
}

@media (max-width:480px) {
    .popupWindow:not(.optionsPopupMenu) {
        max-width: 80%
    }
}

.geo-popup {
    position: absolute;
    z-index: 11000;
    background-color: #FFF;
    padding: 4px 0px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
    max-height: 800px;
    overflow-y: auto;
    border-radius: 4px;
    border: 0px;
    min-height: 30px;
    min-width: 170px;
    max-width: 420px
}

.geo-popup--padding {
    padding: 8px
}

.geo-popup--no-padding {
    padding: 0
}

.geo-popup--flex-width {
    min-width: auto;
    max-width: none
}

.geo-popup--block {
    padding: 4px 0px;
    box-shadow: 0px 2px 6px rgba(11,32,50,0.2);
    border-radius: 4px
}

@media (max-width:520px) {
    .geo-popup {
        max-width: 100%
    }
}

.geo-options-menu__legend-mixin {
    background: #3C5063;
    width: 100%;
    color: #FFF;
    text-transform: unset;
    display: inline-block;
    letter-spacing: 0.4px;
    font-size: 14px;
    font-weight: bold;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 36px;
    padding-left: 8px
}

.geo-options-menu__default-elements {
    display: flex
}

.geo-options-menu.geo-popup {
    padding: 0
}

.geo-options-menu__main-container {
    display: flex;
    flex-direction: column;
    min-width: 680px;
    max-width: 680px
}

.geo-options-menu__main-container--small {
    min-width: 420px;
    max-width: 420px
}

.geo-options-menu__time-period {
    width: 198px;
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column
}

.geo-options-menu__options-list {
    padding: 10px 10px;
    margin: 0;
    list-style-type: none
}

.geo-options-menu__footer {
    padding: 6px 10px;
    text-align: right
}

.geo-options-menu__fieldset {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    padding: 0;
    border: 0;
    margin: 0;
    width: auto
}

.geo-options-menu__toggle-buttons {
    display: none
}

.geo-options-menu__toggle-button {
    width: 100%
}

.geo-options-menu__legend {
    background: #3c5063;
    width: 100%;
    color: #ffffff;
    text-transform: unset;
    display: inline-block;
    letter-spacing: 0.4px;
    font-size: 14px;
    font-weight: bold;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 36px;
    padding-left: 8px
}

.geo-options-menu__fixed-legend {
    background: #3c5063;
    width: 100%;
    color: #ffffff;
    text-transform: unset;
    display: inline-block;
    letter-spacing: 0.4px;
    font-size: 14px;
    font-weight: bold;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 36px;
    padding-left: 8px
}

.geo-options-menu__option {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 16px;
    list-style-type: none
}

.geo-options-menu__option-label {
    width: 41%;
    display: block;
    padding: 7px 12px 3px 0;
    float: left;
    color: #575757
}

.geo-options-menu__option-control {
    width: 59%;
    display: block;
    float: left
}

.geo-options-menu__custom-option {
    width: 100%;
    display: block;
    float: left;
    list-style-type: none
}

.geo-options-menu__post-label {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    width: 110px;
    display: inline-block;
    margin-right: 12px
}

.geo-options-menu__number-input {
    width: 140px;
    margin-right: 4px
}

.geo-options-menu__option-element {
    width: 100%
}

.geo-options-menu--toggled-content {
    display: block
}

    .geo-options-menu--toggled-content:last-child {
        flex: 1 1 auto
    }

@media (max-width:767px) {
    .geo-options-menu__option-label {
        width: auto;
        margin-right: 0;
        margin-bottom: 5px;
        float: none
    }

    .geo-options-menu__custom-option {
        width: auto;
        float: none
    }

    .geo-options-menu__option-control {
        width: auto;
        float: none
    }

    .geo-options-menu__legend {
        display: none
    }

    .geo-options-menu__options-list {
        padding: 0 10px
    }

    .geo-options-menu__option {
        width: auto;
        float: none
    }

    .geo-options-menu__fieldset {
        width: auto
    }

    .geo-options-menu__apply-button {
        width: 100%
    }

    .geo-options-menu__toggle-buttons {
        display: flex;
        margin: 5px
    }

    .geo-options-menu--toggled-content {
        display: none
    }

    .geo-options-menu__default-elements {
        display: flex;
        flex-direction: column
    }

    .geo-options-menu--hidden {
        display: block
    }

    .geo-options-menu__main-container {
        min-width: 255px;
        max-width: 255px
    }

    .geo-options-menu__time-period {
        width: 100%
    }
}

.geo-icon {
    width: 11px;
    height: 11px;
    display: block
}

    .geo-icon > use {
        pointer-events: none
    }

.geo-icon--gray {
    fill: #66788C
}

.geo-icon--micro {
    width: 6px;
    height: 4.5px
}

.geo-icon--tiny {
    width: 7px;
    height: 7px
}

.geo-icon--small {
    width: 8px;
    height: 8px
}

.geo-icon--big {
    width: 12px;
    height: 12px
}

.geo-icon--bigger {
    width: 14px;
    height: 14px
}

.geo-icon--large {
    width: 16px;
    height: 16px
}

.geo-icon--huge {
    width: 20px;
    height: 20px
}

.geo-icon--huger {
    width: 30px;
    height: 30px
}

.geo-icon--left {
    float: left;
    margin-right: 8px
}

.geo-icon--right-margin {
    margin-right: 5px
}

.geo-icon--add-maintenance {
    display: inline-block;
    fill: #0062A9
}

.geo-icon--background-action {
    fill: #0078D3
}

.geo-icon--background-secondary-action {
    fill: #66788C
}

    .geo-icon--background-secondary-action:hover {
        fill: #282F36
    }

.geo-caption {
    display: inline-flex;
    align-items: center
}

.geo-caption--center {
    justify-content: center
}

.geo-caption--full-width {
    width: 100%
}

.geo-caption__content {
    line-height: 16px;
    font-weight: 400;
    white-space: nowrap;
    margin-left: 0;
    margin-right: auto
}

.geo-caption__pre-content {
    margin-right: 8px
}

.geo-caption__post-content {
    margin-left: 8px
}

.geo-caption--hidden {
    display: none
}

.geo-caption--wrapped {
    white-space: normal;
    word-wrap: break-word
}

.geo-page-header {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-bottom: 1px solid #C7CBD2;
    padding-bottom: 16px
}

.geo-page-header__page-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    font-size: 28px;
    line-height: 36px;
    color: #202328;
    flex: 0 1 auto
}

.geo-page-header__page-name--subdued {
    color: #575757
}

.geo-page-header__page-name--small-font {
    font-size: 20px
}

.geo-page-header__page-secondary-name {
    margin: 0 0 0 10px;
    color: #575757;
    line-height: 36px;
    font-weight: 300;
    font-size: 24px;
    flex: 0 1 auto
}

.geo-page-header__page-name-bookmark {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    overflow: hidden;
    line-height: 36px
}

.geo-page-header__bookmark {
    margin-left: 6px
}

.geo-page-header__sub-name {
    font-size: 20px;
    line-height: 28px
}

.geo-page-header__other {
    flex: 1 0 auto
}

.geo-page-header__help-section {
    margin-right: auto
}

.geo-page-header__main-line {
    display: flex;
    justify-content: space-between;
    padding: 16px 16px 0 16px;
    align-items: center;
    height: 61px
}

.geo-page-header__sub-line {
    align-items: flex-start;
    padding: 0 16px
}

.geo-page-header__main-line--custom-mobile {
    padding: 16px 8px
}

.geo-page-header__sub-line--custom-mobile {
    padding: 8px 8px 0 8px;
    border-top: 1px solid #C7CBD2
}

.geo-page-header--hidden {
    display: none
}

.geo-page-header-tools {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.geo-page-header-tools__item {
    margin-left: 8px;
    flex: 0 0 auto
}

.geo-page-header-tools__space {
    flex: 100 100 auto
}

.header-counter {
    display: flex;
    align-items: center;
    font-weight: 300;
    color: #575757;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 30px
}

.header-counter__showing {
    display: block;
    margin-left: 8px
}

.header-counter__amount {
    margin-bottom: -1px;
    display: none
}

.geo-page-header-button__label {
    display: block
}

.geo-page-header-button__icon {
    display: none
}

@media (max-width:1024px) {
    .geo-page-header__page-name {
        font-size: 20px;
        line-height: 28px
    }

    .geo-page-header__main-line {
        height: 44px
    }
}

@media (max-width:768px) {
    .header-counter {
        margin-right: auto;
        margin-left: 8px;
        font-size: 14px
    }

    .header-counter__showing {
        display: none
    }

    .header-counter__amount {
        display: block
    }

    .geo-page-header-button__label {
        display: none
    }

    .geo-page-header-button__icon {
        display: block
    }
}

.geo-options-filter__input {
    display: block;
    width: 100%;
    margin-bottom: 8px
}

.geo-options-filter__input--auto-size {
    width: auto;
    height: auto
}

.geo-options-filter__button {
    float: right;
    margin-left: 5px
}

.geo-options-filter__selected-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-height: 120px;
    overflow-y: auto;
    margin: 8px 0 0 0
}

.geo-options-filter__selected-container--tag-containing .geo-options-filter__label, .geo-options-filter__selected-container--tag-containing .geo-options-filter__selected {
    line-height: 24px
}

.geo-options-filter__label {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #202328
}

.geo-options-filter__selected {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #202328;
    max-width: 100%
}

.geo-options-filter__tag {
    display: flex;
    justify-content: space-between
}

    .geo-options-filter__tag:not(:last-child) {
        margin-bottom: 4px
    }

.horizontal-set {
    display: block;
    overflow: hidden
}

.horizontal-set__item {
    border-radius: 0;
    margin-right: -1px;
    margin-left: 0;
    float: left;
    position: relative;
    z-index: 1
}

    .horizontal-set__item:hover, .horizontal-set__item:active, .horizontal-set__item:focus, .horizontal-set__item.active {
        z-index: 2
    }

    .horizontal-set__item:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .horizontal-set__item:last-child, .horizontal-set__item:last-of-type {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        margin-right: 0
    }

.vertical-set {
    display: block
}

.vertical-set__item {
    width: 100%;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    z-index: 2;
    border-radius: 0
}

    .vertical-set__item:hover, .vertical-set__item:focus, .vertical-set__item:active, .vertical-set__item.active {
        z-index: 3
    }

    .vertical-set__item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .vertical-set__item:last-child {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .vertical-set__item:not(:last-child) {
        margin-bottom: -1px
    }

.adjustable-set {
    display: block;
    overflow: hidden;
    position: relative
}

.adjustable-set__item.adjustable-set__item.adjustable-set__item {
    border-radius: 0;
    margin-right: -1px;
    margin-left: 0;
    float: left;
    position: relative;
    z-index: 1
}

    .adjustable-set__item.adjustable-set__item.adjustable-set__item:hover, .adjustable-set__item.adjustable-set__item.adjustable-set__item:active, .adjustable-set__item.adjustable-set__item.adjustable-set__item:focus {
        z-index: 2
    }

    .adjustable-set__item.adjustable-set__item.adjustable-set__item:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .adjustable-set__item.adjustable-set__item.adjustable-set__item:last-child, .adjustable-set__item.adjustable-set__item.adjustable-set__item:last-of-type {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        margin-right: 0
    }

@media (max-width:400px) {
    .adjustable-set.adjustable-set.adjustable-set {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .adjustable-set.adjustable-set.adjustable-set > .adjustable-set {
            flex: 1 1 100%;
            width: 100%
        }

        .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item {
            flex: 1 1 auto;
            width: 100%
        }

        .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item {
            align-content: stretch;
            display: block;
            margin: 0;
            position: relative;
            z-index: 3;
            text-align: center;
            border-radius: 0
        }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:first-of-type {
                border-top-left-radius: 3px
            }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:nth-of-type(1) {
                border-top-right-radius: 3px
            }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:nth-of-type(1n + 1):nth-last-of-type(-n+1) {
                border-bottom-left-radius: 3px
            }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:last-of-type {
                border-bottom-right-radius: 3px
            }
}

@media (min-width:401px) and (max-width:600px) {
    .adjustable-set.adjustable-set.adjustable-set {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .adjustable-set.adjustable-set.adjustable-set > .adjustable-set {
            flex: 1 1 50%;
            width: 50%
        }

        .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item {
            flex: 1 1 auto;
            width: 50%
        }

        .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item {
            align-content: stretch;
            display: block;
            margin: 0;
            position: relative;
            z-index: 3;
            text-align: center;
            border-radius: 0
        }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:first-of-type {
                border-top-left-radius: 3px
            }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:nth-of-type(2) {
                border-top-right-radius: 3px
            }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:nth-of-type(2n + 1):nth-last-of-type(-n+2) {
                border-bottom-left-radius: 3px
            }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:last-of-type {
                border-bottom-right-radius: 3px
            }
}

@media (min-width:601px) and (max-width:800px) {
    .adjustable-set.adjustable-set.adjustable-set {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .adjustable-set.adjustable-set.adjustable-set > .adjustable-set {
            flex: 1 1 33.333333333%;
            width: 33.333333333%
        }

        .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item {
            flex: 1 1 auto;
            width: 33.333333333%
        }

        .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item {
            align-content: stretch;
            display: block;
            margin: 0;
            position: relative;
            z-index: 3;
            text-align: center;
            border-radius: 0
        }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:first-of-type {
                border-top-left-radius: 3px
            }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:nth-of-type(3) {
                border-top-right-radius: 3px
            }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:nth-of-type(3n + 1):nth-last-of-type(-n+3) {
                border-bottom-left-radius: 3px
            }

            .adjustable-set.adjustable-set.adjustable-set > .adjustable-set__item:last-of-type {
                border-bottom-right-radius: 3px
            }

    .adjustable-set.set-2x {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .adjustable-set.set-2x > .adjustable-set {
            flex: 1 1 50%;
            width: 50%
        }

        .adjustable-set.set-2x > .adjustable-set__item {
            flex: 1 1 auto;
            width: 50%
        }

        .adjustable-set.set-2x > .adjustable-set__item {
            align-content: stretch;
            display: block;
            margin: 0;
            position: relative;
            z-index: 3;
            text-align: center;
            border-radius: 0
        }

            .adjustable-set.set-2x > .adjustable-set__item:first-of-type {
                border-top-left-radius: 3px
            }

            .adjustable-set.set-2x > .adjustable-set__item:nth-of-type(2) {
                border-top-right-radius: 3px
            }

            .adjustable-set.set-2x > .adjustable-set__item:nth-of-type(2n + 1):nth-last-of-type(-n+2) {
                border-bottom-left-radius: 3px
            }

            .adjustable-set.set-2x > .adjustable-set__item:last-of-type {
                border-bottom-right-radius: 3px
            }
}

.geo-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.geo-checkbox__label {
    cursor: pointer;
    display: flex;
    align-items: center
}

.geo-checkbox__label-text {
    margin-left: 5px
}

.geo-checkbox__box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 4px;
    background-color: #FFF;
    border: 1px solid #66788C;
    color: #202328;
    cursor: pointer
}

.geo-checkbox__box--auto-size {
    width: auto;
    height: auto
}

.geo-checkbox__box--horizontal-paddings {
    padding: 0 8px
}

.geo-checkbox__box--small-text {
    font-size: 12px
}

.geo-checkbox__icon {
    width: 10px;
    height: 10px;
    fill: #FFF
}

.geo-checkbox__list-item .geo-checkbox__label {
    display: flex;
    font-size: 14px;
    justify-content: start;
    align-items: center;
    height: 40px;
    padding: 12px 16px;
    font-weight: 400;
    line-height: 16px
}

.geo-checkbox__input:checked + .geo-checkbox__box, .geo-checkbox__input:checked + .geo-checkbox__label > .geo-checkbox__box {
    border-color: #0078D3;
    background-color: #0078D3
}

.geo-checkbox__input:checked + .geo-checkbox__box, .geo-checkbox__input:checked + .geo-checkbox__label .geo-checkbox__icon {
    fill: #FFF;
    color: #FFF
}

.geo-checkbox__input:focus + .geo-checkbox__box, .geo-checkbox__input:focus + .geo-checkbox__label > .geo-checkbox__box {
    outline: dotted 1px #0078D3;
    outline-offset: 1px
}

.geo-checkbox__input:disabled + .geo-checkbox__box, .geo-checkbox__input:disabled + .geo-checkbox__label > .geo-checkbox__box {
    border-color: #C7CBD2
}

.geo-checkbox__input:disabled:checked + .geo-checkbox__box, .geo-checkbox__input:disabled:checked + .geo-checkbox__label > .geo-checkbox__box {
    border-color: #C7CBD2;
    background-color: #C7CBD2
}

.period-player {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    background-color: #fefefe
}

.period-player__play-icon, .period-player__replay-icon, .period-player__pause-icon {
    display: none;
    width: 16px;
    height: 16px
}

.period-player__play, .period-player__speed {
    margin: 0 10px;
    flex: 0 0 auto
}

.player-scale {
    display: flex;
    flex: 1 1 auto;
    align-items: center
}

.player-scale__progress, .player-scale__time {
    flex: 0 0 auto
}

.player-scale__progress-time {
    display: none;
    text-align: right
}

.player-scale__track {
    flex: 1 1 auto;
    padding: 0 20px
}

.period-player--paused .period-player__play-icon {
    display: block
}

.period-player--playing .period-player__pause-icon {
    display: block
}

.period-player--finished .period-player__replay-icon {
    display: block
}

.period-player--small .player-scale {
    flex-direction: column-reverse
}

.period-player--small .player-scale__time {
    display: none
}

.period-player--small .player-scale__play, .period-player--small .player-scale__speed {
    margin: 0 5px
}

.period-player--small .player-scale__progress-time {
    display: block
}

.period-player--small .player-scale__progress {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 5px
}

.period-player--small .player-scale__track {
    padding: 0;
    width: 100%
}

.player-track {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border: 0;
    background: none;
    padding: 5px 0px;
    cursor: pointer
}

.player-track__progress {
    width: 100%;
    height: 3px;
    background-color: #66788C
}

.player-track__active {
    width: 0;
    height: 3px;
    margin-top: -3px;
    background-color: #0078D3
}

.player-track__tracker {
    pointer-events: none;
    position: absolute;
    top: calc(50% - 10px);
    width: 5px;
    height: 20px;
    border-radius: 5px;
    background-color: #0078D3;
    z-index: 2
}

.player-track__pause {
    pointer-events: none;
    position: absolute;
    border-right: 1px solid #66788C;
    border-left: 1px solid #66788C;
    background-color: #fefefe;
    width: 4px;
    height: 13px;
    top: 0;
    z-index: 1
}

.notification {
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative;
    max-width: 700px;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10008;
    opacity: 0.9;
    text-align: center;
    border-radius: 4px;
    padding: 9px 10px 9px 12px
}

    .notification .notification-typeIcon .notification-icon {
        cursor: default
    }

    .notification .notification-message-title {
        margin: 5px auto
    }

    .notification .notification-icon {
        position: relative;
        top: 6px;
        width: 100%;
        height: 15px
    }

    .notification.notification-news {
        border: none;
        background-color: #E5FDE9;
        color: #286000;
        fill: #286000
    }

        .notification.notification-news .notification-message-link {
            color: #286000;
            fill: #286000
        }

            .notification.notification-news .notification-message-link:hover {
                color: #000000
            }

    .notification.notification-info {
        border: none;
        background-color: #FFF2D2;
        color: #784600;
        fill: #784600
    }

    .notification .notification-link {
        padding: 0
    }

    .notification.notification-warning {
        border: none;
        background-color: #FDE5E5;
        color: #751111;
        fill: #751111
    }

        .notification.notification-warning .notification-iconType {
            fill: #DE3030
        }

.notification-title {
    margin: 0;
    word-wrap: break-word;
    flex: 1 100 auto;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 1;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

    .notification-title .notification-message-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

.notification-iconHolder {
    display: flex;
    flex: 0 0 30px;
    height: 26px;
    padding-right: 14px
}

.notification-iconHolder-close {
    position: relative;
    border: 0;
    font-size: 1rem;
    line-height: 1.2;
    padding-bottom: 10px;
    margin-left: 5px;
    max-width: 24px;
    height: 24px;
    border-radius: 100%;
    outline: none;
    cursor: pointer;
    background-color: transparent
}

    .notification-iconHolder-close .notification-closeButton {
        position: absolute;
        top: 22%;
        left: 0;
        padding: 2px;
        border: none
    }

.notification-iconHolder-close--info:hover, .notification-iconHolder-close--info:focus {
    background-color: #784600;
    fill: #FFF2D2
}

.notification-iconHolder-close--warning:hover, .notification-iconHolder-close--warning:focus {
    background-color: #751111;
    fill: #FDE5E5
}

.notification-iconHolder-close--news:hover, .notification-iconHolder-close--news:focus {
    background-color: #286000;
    fill: #E5FDE9
}

.notification-dismissButtonHolder {
    min-width: 1px;
    text-align: right
}

    .notification-dismissButtonHolder .notification-dismissButton {
        max-width: 100%;
        word-wrap: break-word
    }

.notification-counterContainer {
    display: flex;
    width: 30px
}

.notification-counter {
    font-weight: bolder
}

.notification-control {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: 85px;
    min-width: 1px;
    margin-left: 5px
}

@media (max-width:700px) {
    .notification {
        max-width: none
    }

    .notification-title {
        min-width: 40px;
        width: 100%;
        overflow: hidden
    }
}

@media (max-width:400px) {
    .notification-typeIcon, .notification-counterContainer {
        display: none
    }
}

.without-notifications .notification {
    visibility: hidden
}

.contact__main-container {
    display: flex;
    flex-direction: column
}

.contact__main-container--reverse {
    padding-top: 0 !important
}

    .contact__main-container--reverse .contact__support-info {
        border-top: 1px solid #C7CBD2;
        margin-top: 24px;
        padding-top: 24px;
        order: 3
    }

    .contact__main-container--reverse .contact__support-icon {
        margin-right: 12px
    }

    .contact__main-container--reverse .contact__reseller-element {
        padding-top: 0
    }

.contact__resellers-info {
    border-top: 1px solid #C7CBD2;
    margin-top: 18px
}

.contact__resellers-info--only-reseller {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.contact__reseller-element {
    padding-top: 2em;
    display: flex;
    flex-direction: column
}

.contact__reseller-email-element {
    text-decoration: underline;
    color: #25477B
}

.contact__company-logo {
    max-width: 500px;
    max-height: 95px
}

.contact__company-logo-container {
    width: 94%;
    max-width: 500px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2%
}

.contact__access-support-info {
    min-height: 40px;
    width: 100%;
    float: left;
    position: relative
}

.contact__support-row {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 4px 2%
}

.contact__support-icon {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #C7CBD2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    flex-shrink: 0
}

    .contact__support-icon svg.contact-icon {
        fill: #66788C
    }

    .contact__support-icon svg.contact-icon--unfilled {
        stroke: #66788C;
        fill: transparent
    }

.contact__support-description {
    margin: auto;
    margin-left: 0;
    max-width: 460px
}

.contact__additional-info {
    max-width: 500px;
    margin: 8px 0 0 0;
    padding: 4px 2%
}

.contact__additional-info--spaced {
    margin-bottom: 24px
}

.contact__support-info {
    margin-top: 8px
}

.percentRange {
    display: flex;
    align-items: center
}

.percentSwitcherContainer {
    width: auto !important
}

    .percentSwitcherContainer .percentSwitcher {
        flex: 0 0 auto
    }

.percentScaledSlider {
    padding: 0.5em 0 0 5px;
    flex: 1 1 auto
}

    .percentScaledSlider .disabled {
        opacity: 0.5;
        cursor: default
    }

.percentScale {
    display: flex;
    justify-content: space-between
}

    .percentScale .dash {
        text-align: center;
        width: 30px
    }

        .percentScale .dash:last-child {
            width: 25px
        }

.mainMenu {
    -moz-user-select: none;
    z-index: 10006;
    overscroll-behavior: contain;
    margin: 0;
    padding: 0
}

    .mainMenu .geotabButtonIcons {
        right: 3px;
        top: 11px
    }

.mainMenuHeader {
    margin: 0 0;
    height: auto;
    line-height: 2.7em;
    font-size: 1em;
    font-weight: normal;
    background: none;
    color: #25477B;
    -moz-user-select: none;
    user-select: none;
    list-style-type: none
}

    .mainMenuHeader.mainMenuHeaderExpanded {
        box-shadow: inset -10px 13px 10px -10px #e4e4e4
    }

        .mainMenuHeader.mainMenuHeaderExpanded .mainMenuHeaderSubMenu {
            display: block
        }

.mainMenuHeaderSubMenu {
    display: none
}

    .mainMenuHeaderSubMenu .mainMenuSubMenu {
        padding: 10px 0 10px 25px
    }

.mainMenuOption {
    padding-left: inherit;
    list-style-type: none;
    padding-top: 0
}

    .mainMenuOption:last-child > .mainMenuLink {
        border: none
    }

.mainMenuSearchIcon {
    margin: 0;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 1px;
    fill: #25477B;
    position: relative
}

.mainMenuCloseIcon {
    margin: 0;
    width: 12px;
    height: 12px;
    top: 1px;
    left: 0px;
    fill: #25477B;
    position: relative
}

.mainMenuCompanyLogo {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-34 -18 250 40'%3E%3Cpath d='m -7.7234907,-7.840255 h 4.709239 v 2.1978561 a 8.0111716,8.173423 0 0 1 2.68139743,-2.022446 7.8324124,7.9910428 0 0 1 3.21767627,-0.6691145 6.0140719,6.1358756 0 0 1 3.1766873,0.8793749 q 1.4141382,0.8805364 2.2771947,2.5684247 a 7.4213782,7.5716839 0 0 1 6.314661,-3.4477996 q 2.000516,0 3.518266,0.950236 a 5.379873,5.4888323 0 0 1 2.18383,2.4813001 q 0.668357,1.5299033 0.66608,4.97770285 V 11.298053 H 16.279283 V 1.5877578 q 0,-3.252642 -0.797019,-4.4050052 -0.797018,-1.152365 -2.37853,-1.1535267 A 3.6298488,3.7033645 0 0 0 10.9404,-3.2737791 4.0818721,4.1645424 0 0 0 9.5182916,-1.3280033 Q 9.0571587,-0.08502965 9.0537435,2.6599676 V 11.29573 H 4.3126232 V 2.028026 q 0,-2.56958626 -0.3711832,-3.7173041 C 3.6943649,-2.4606191 3.3209049,-3.0321542 2.8290307,-3.4085318 a 2.9478289,3.0075315 0 0 0 -1.800122,-0.5622423 3.5296522,3.6011386 0 0 0 -2.132594,0.7132586 4.1308314,4.2144938 0 0 0 -1.4357708,1.9957269 q -0.4782107,1.2859553 -0.4747956,4.0472152 v 8.5126264 h -4.709239 z' style='fill:%230078d3;stroke-width:8.81342125' /%3E%3Cpolygon points='440.05,4.61 397.7,4.61 350.45,107.98 307.69,4.61 265.42,4.61 328.05,157.08 294.17,229.64 336.87,229.64 ' style='fill:%230078d3;stroke-width:76.63378906' transform='matrix(0.11385974,0,0,0.11616576,-8.2927896,-8.375779)' /%3E%3Cpath d='M 66.992417,1.7178631 H 54.659128 v 1.9260283 h 9.07804 a 7.7777593,7.9352831 0 0 1 0.157127,1.1070598 c 0,2.1664917 -0.401929,3.5209843 -1.196669,4.0297902 -0.794741,0.5088063 -2.937585,0.7678559 -6.351101,0.7678559 -4.468992,0 -7.25628,-0.2729897 -8.27874,-0.8131603 C 47.045324,8.1952658 46.540926,6.7350621 46.540926,4.3745743 l -0.01823,-2.7124705 0.04098,-2.5207966 c 0,-2.3233151 0.462271,-3.795136 1.372011,-4.3701559 0.909736,-0.575021 3.254109,-0.8747284 6.945445,-0.8747284 3.999893,0 6.50822,0.1823808 7.44984,0.5448181 0.941622,0.3624364 1.393647,1.3033795 1.393647,2.8193425 v 0.5320384 h 3.270053 v -0.7783107 c 0,-2.1223475 -0.721871,-3.5105285 -2.145122,-4.1262068 -1.423237,-0.6156793 -4.570319,-0.9153866 -9.401392,-0.9153866 -4.831067,0 -8.073794,0.4727952 -9.670108,1.393989 -1.596312,0.9211947 -2.420656,2.8402535 -2.420656,5.66075756 l -0.02279,1.68440349 0.02279,2.79843345 c 0,3.3560285 0.732117,5.5480763 2.176995,6.5180607 1.444883,0.969984 4.708105,1.448586 9.727041,1.448586 5.306999,0 8.639674,-0.413549 9.905798,-1.227871 1.266124,-0.8143224 1.915124,-2.9715205 1.915124,-6.3984103 a 18.70374,19.082549 0 0 0 -0.0854,-2.0816907 z' style='fill:%2325477b;stroke-width:8.74400139' /%3E%3Cpolygon points='718.09,75.97 718.09,21.27 850.75,21.27 850.75,4.68 688.81,4.68 688.81,169.24 850.75,169.24 850.75,152.67 718.09,152.67 718.09,92.55 845.26,92.55 845.26,75.97 ' style='fill:%2325477b;stroke-width:76.03018951' transform='matrix(0.11385974,0,0,0.11616576,-8.2927896,-8.375779)' /%3E%3Cpath d='m 95.330961,-5.1126827 c 0.749197,-0.6563367 3.402131,-0.9874095 7.880239,-0.9874095 3.90196,0 6.4103,0.2834448 7.45553,0.8422022 1.04524,0.5587574 1.55761,1.8784004 1.55761,3.9496351 l 0.0182,1.79476146 V 1.7190248 c 0,3.8903917 -0.37801,6.1916349 -1.12721,6.8468099 -0.7492,0.6551748 -3.41579,0.9862475 -7.90414,0.9862475 -4.48836,0 -7.131042,-0.3299109 -7.880239,-0.9862475 -0.749187,-0.6563365 -1.129482,-2.9564182 -1.129482,-6.8468099 0,-3.890391 0.379156,-6.1776951 1.12949,-6.8317075 m 18.047901,-1.3300984 c -1.3538,-1.0513001 -4.76731,-1.5845011 -10.14718,-1.5845011 -4.652314,0 -7.876816,0.464663 -9.584714,1.393989 -1.707895,0.929326 -2.590309,2.6880755 -2.590309,5.2274591 l -0.04101,1.79708457 V 1.7190248 c 0,4.3701561 0.671779,7.1221228 1.994825,8.175746 1.323055,1.0536232 4.759336,1.5868242 10.221178,1.5868242 5.49145,0 8.9323,-0.537847 10.23258,-1.5984407 1.30028,-1.0605934 1.96522,-3.8985229 1.96522,-8.4150473 0,-4.1935842 -0.69,-6.8537801 -2.04947,-7.9108881' style='fill:%2325477b;stroke-width:8.74400139' /%3E%3Cpolygon points='1179.7,22.82 1179.7,169.24 1208.95,169.24 1208.95,22.82 1289.88,22.82 1289.88,4.67 1098.03,4.67 1098.03,22.82 ' style='fill:%2325477b;stroke-width:76.03018951' transform='matrix(0.11385974,0,0,0.11616576,-8.2927896,-8.375779)' /%3E%3Cpath d='m 154.35243,5.5327468 h -12.38565 l 6.14842,-11.43071 z m -4.00786,-13.3660322 h -4.57944 L 135.25361,11.284114 h 3.53762 l 2.1952,-4.0228209 h 14.37025 l 2.21344,4.0228209 h 3.49663 L 150.36392,-7.8030815 Z' style='fill:%2325477b;stroke-width:8.74400139' /%3E%3Cpath d='m 167.3222,2.4473846 h 8.23661 c 3.37253,0 5.46527,0.1905114 6.22244,0.5715355 0.75717,0.3810235 1.11696,1.4056052 1.11696,3.0714224 0,1.3335831 -0.37345,2.218766 -1.10786,2.6288311 -0.73438,0.410065 -2.35917,0.6261334 -4.79007,0.6261334 l -2.90456,0.013939 h -6.77352 z m 13.5698,-2.55564738 c -0.76399,0.42052077 -2.50491,0.63310345 -5.16581,0.63310345 H 167.3222 V -5.9049338 h 9.28185 c 2.27719,0 3.76876,0.1858656 4.4337,0.5552726 0.66494,0.369407 0.9826,1.1825671 0.9826,2.4394811 0,1.4462635 -0.38028,2.38952883 -1.12835,2.80191732 m 0.79702,1.37424158 c 2.33868,-0.58082892 3.52966,-1.93415964 3.52966,-4.0088811 0,-2.0747195 -0.56702,-3.4733559 -1.65779,-4.122722 -1.0908,-0.6493669 -3.40328,-0.9676611 -6.89195,-0.9676611 H 163.98952 V 11.284114 h 14.03549 c 2.94898,0 5.05196,-0.412389 6.24977,-1.233681 1.1978,-0.821292 1.81036,-2.2687171 1.81036,-4.2981329 0,-2.4685223 -1.48016,-3.9810009 -4.40181,-4.4967767' style='fill:%2325477b;stroke-width:8.74400139'%0A/%3E%3Cpath d='m 190.75453,-7.265235 h -1.67828 v 4.2261112 h -0.61941 V -7.265235 h -1.67829 v -0.5668888 h 3.9851 z' style='fill:%2325477b;stroke-width:8.74400139'%0A/%3E%3Cpath d='m 196.08545,-3.0391238 h -0.6251 v -4.1296936 l -1.31052,2.8100496 h -0.37232 l -1.29686,-2.8100496 v 4.1296936 h -0.58295 v -4.793 h 0.85166 l 1.25246,2.6718131 1.21146,-2.6718131 h 0.87217 z' style='fill:%2325477b;stroke-width:8.74400139' /%3E%3C/svg%3E%0A") no-repeat;
    background-position: center;
    background-size: contain;
    height: 40px;
    width: calc(100% - 4px)
}

.mainMenuSearchLink {
    color: #25477B;
    fill: #25477B;
    padding: 3px 2px 3px 45px;
    line-height: 2.4em;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    position: relative
}

    .mainMenuSearchLink .icon {
        position: relative;
        height: 35px;
        background-size: auto 32px;
        background-position: 0 0;
        background-repeat: no-repeat;
        margin-top: 0;
        margin-bottom: 1px
    }

    .mainMenuSearchLink:focus {
        background-color: #e8ecf1;
        outline: none
    }

    .mainMenuSearchLink .geotabButtonIcons {
        right: 6px;
        top: 13px
    }

.menuClass.menuCollapsed .mainMenuSearchLogo {
    display: none
}

.mainMenuHidden {
    display: none
}

.mainMenuScrollUp, .mainMenuScrollDown {
    display: none;
    position: absolute;
    width: 100%;
    height: 30px;
    z-index: 99999;
    background-color: #fefefe;
    padding-right: 30px;
    padding-bottom: 10px;
    text-align: right;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer
}

    .mainMenuScrollUp:hover, .mainMenuScrollDown:hover, .mainMenuScrollUp:focus, .mainMenuScrollDown:focus {
        background-color: #f1f1f1
    }

    .mainMenuScrollUp:active, .mainMenuScrollDown:active {
        background-color: #e4e4e4
    }

    .mainMenuScrollUp .svgIcon, .mainMenuScrollDown .svgIcon {
        right: 18px
    }

.mainMenuScrollUp {
    top: 0;
    left: 0
}

.mainMenuScrollDown {
    bottom: 0;
    left: 0
}

.menuClass:not(.menuCollapsed) .mainMenuScrollUp, .menuClass:not(.menuCollapsed) .mainMenuScrollDown {
    display: none !important
}

.menu-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #202328;
    opacity: 0.6
}

@media (max-width:949px) {
    .menu-overlay {
        display: block
    }

    .menu-overlay--hidden {
        display: none
    }
}

.geo-menu-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    background-color: #FFF;
    padding: 6px;
    padding-right: 14px;
    cursor: pointer;
    border: 0px;
    border-left: 6px solid #FFF;
    outline: none;
    fill: #202328;
    color: #202328;
    text-decoration: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

    .geo-menu-item:hover, .geo-menu-item:focus, .geo-menu-item:active {
        text-decoration: none;
        outline: none
    }

    .geo-menu-item:disabled {
        display: none
    }

.geo-menu-item__icon-slot {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #EFF2F7
}

.geo-menu-item__icon-slot--blank {
    background-color: unset
}

.geo-menu-item__icon {
    width: 20px;
    height: 20px;
    background-size: auto 100%;
    fill: #66788C;
    color: #66788C;
    margin: 8px auto 0 auto;
    display: block
}

.geo-menu-item__icon--rotated {
    transform: rotate(180deg)
}

.geo-menu-item__icon--active {
    display: none
}

.geo-menu-item__icon--colored {
    fill: #0078D3
}

.geo-menu-item__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 36px;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    margin-left: 6px
}

.geo-menu-item__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.geo-menu-item__external {
    fill: #66788C;
    margin-left: 6px;
    margin-top: 3px;
    width: 16px;
    min-width: 16px;
    height: 16px
}

.geo-menu-item__expand {
    fill: #66788C;
    width: 12px;
    min-width: 12px;
    height: 8px;
    margin-left: 6px
}

.geo-menu-item__expand--second {
    width: 7px;
    min-width: 7px;
    height: 8px
}

.geo-menu-item__badge {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    background-color: #0078D3;
    color: #FFF;
    border-radius: 50%;
    height: 26px;
    width: 26px
}

.geo-menu-item--secondary {
    padding-left: 20px;
    background-color: #EFF2F7;
    height: 48px
}

.geo-menu-item:hover, .geo-menu-item:focus {
    background-color: #F4F6F8
}

.geo-menu-item--expanded {
    border-left-color: #0078D3;
    background-color: #EFF2F7
}

    .geo-menu-item--expanded .geo-menu-item__expand {
        transform: rotate(180deg)
    }

    .geo-menu-item--expanded:hover, .geo-menu-item--expanded:focus {
        background-color: #D8DEE9
    }

.geo-menu-item--active {
    background-color: #FFFFFF;
    color: #0078D3;
    font-weight: 700
}

    .geo-menu-item--active .geo-menu-item__icon-slot {
        background: #0078D3
    }

    .geo-menu-item--active .geo-menu-item__icon-slot--blank {
        background-color: unset
    }

    .geo-menu-item--active .geo-menu-item__icon {
        fill: #FFF;
        color: #FFF
    }

    .geo-menu-item--active .geo-menu-item__icon--inactive {
        display: none
    }

    .geo-menu-item--active .geo-menu-item__icon--active {
        display: block;
        fill: #0078D3
    }

.geo-menu-item--first-lvl {
    border-left: 0px;
    background-color: #FFF
}

.geo-menu-item--third-lvl {
    border-left: 0px;
    height: 40px
}

.geo-menu-item--active:hover, .geo-menu-item--active:focus {
    background-color: #F4F6F8
}

.geo-small-menu-toggle {
    display: none;
    width: 100%;
    height: 49px;
    background-color: #FFF
}

.geo-small-menu-toggle__icon {
    fill: #0078D3;
    width: 20px;
    height: 20px
}

.geo-navigation__links {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    vertical-align: top;
    padding: 0;
    border-right: 1px solid #C7CBD2;
    overflow: auto;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

.geo-navigation__links--collapsed {
    overflow-y: hidden
}

    .geo-navigation__links--collapsed .geo-menu-item--first-lvl {
        justify-content: flex-end;
        padding: 6px
    }

        .geo-navigation__links--collapsed .geo-menu-item--first-lvl .geo-menu-item__label, .geo-navigation__links--collapsed .geo-menu-item--first-lvl .geo-menu-item__expand {
            display: none
        }

.geo-navigation__sub-menu {
    top: 0;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: 0
}

.geo-navigation__collapse {
    border-right: 1px solid #C7CBD2;
    padding-left: 6px;
    transform: translateZ(0)
}

.geo-navigation__collapse--collapsed {
    justify-content: flex-end
}

    .geo-navigation__collapse--collapsed .geo-menu-item__label, .geo-navigation__collapse--collapsed .geo-menu-item__expand {
        display: none
    }

.geo-navigation__shadow {
    position: absolute;
    width: 10px;
    height: 100%;
    right: -10px;
    top: 0px;
    background: linear-gradient(90deg,rgba(0,0,0,0.09) 0%,rgba(0,0,0,0) 100%);
    pointer-events: none
}

.search-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 56px;
    border-right: 1px solid #C7CBD2;
    background-color: #FFF;
    padding: 0px 8px 0px 6px
}

.search-bar__search-logo {
    flex: 1 1 218px;
    cursor: pointer
}

.search-bar__button {
    min-width: 32px;
    width: 32px;
    height: 32px;
    margin: 0px;
    position: relative;
    padding: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    flex: 0 0 26px
}

.search-bar__icon {
    width: 20px;
    height: 20px;
    fill: #0078D3;
    margin: 0px
}

.search-bar__icon--small {
    width: 10px;
    min-width: 10px;
    height: 10px
}

.search-bar__input-wrapper {
    margin: 0px;
    height: 28px;
    border: 1px #2E2E2E solid;
    border-radius: 4px;
    background-color: #FFF;
    width: 100%;
    color: #757575;
    fill: #757575
}

.search-bar__input-icon {
    height: 16px;
    width: 16px;
    min-width: 16px;
    margin: 0px 6px;
    position: relative;
    top: 3px
}

.search-bar__input {
    border: 0px;
    margin: 0px;
    height: 100%;
    outline: none
}

.search-bar__cancel {
    height: 23px;
    position: relative;
    padding: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    flex: 0 0 12px;
    margin: 0px 0px 0px 6px
}

.search-bar--active {
    background-color: #EFF2F7
}

.search-result {
    position: absolute;
    top: 48px;
    height: calc(100% - 96px);
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    border-right: 1px solid #C7CBD2;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.search-result__list {
    list-style-type: none;
    padding: 0px;
    margin: 0px
}

.search-result__group-name {
    background-color: #3C5063;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    padding: 0px 12px
}

.search-result__link {
    display: flex;
    text-decoration: none;
    background-color: #FFF;
    padding: 8px;
    outline: none
}

    .search-result__link:hover, .search-result__link:focus {
        outline: none;
        text-decoration: none;
        background-color: #F4F6F8
    }

.search-result__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #202328;
    text-align: left;
    fill: #66788C;
    margin-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.search-result__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.search-result__external {
    fill: #66788C;
    margin-left: 8px;
    margin-top: 11px;
    width: 11px;
    min-width: 11px;
    height: 11px
}

.search-result__no-results {
    display: flex;
    width: 100%;
    height: 48px;
    font-size: 14px;
    align-items: center;
    padding-left: 48px
}

.search-result .geotabButtonIcons {
    right: 3px;
    top: 11px
}

.menu-shadow {
    position: fixed;
    height: 8px
}

.menu-shadow--top {
    background: linear-gradient(to top,rgba(255,255,255,0.1),rgba(0,0,0,0.1))
}

.menu-shadow--bot {
    background: linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.1))
}

@media (max-width:949px) {
    .geo-small-menu-toggle {
        display: block
    }

    .geo-navigation__links {
        height: 100%
    }

    .geo-navigation__collapse {
        display: none
    }

    .search-result {
        top: 104px;
        height: calc(100% - 104px)
    }
}

@media (max-width:640px) {
    .geo-small-menu-toggle {
        display: none
    }

    .search-result {
        top: 56px;
        height: calc(100% - 56px)
    }
}

.geo-footer {
    z-index: 11001;
    display: none
}

@media (max-width:640px) {
    .geo-footer {
        display: block;
        background-color: #EFF2F7
    }
}

@media print {
    .geo-footer {
        display: none
    }
}

.bookmark-set {
    height: 50px;
    display: flex;
    justify-content: space-around
}

.bookmark-set__slot {
    min-width: calc(20%)
}

.bookmark-set__link {
    text-decoration: none
}

.bookmark-set__more-trigger {
    border: none;
    background: none;
    padding: 0
}

.bookmark-set__close-trigger {
    display: none
}

.bookmark-set--hidden {
    display: none
}

.bookmark-set--trigger-opened .bookmark-set__close-trigger {
    display: block
}

.bookmark-set--trigger-opened .bookmark-set__open-trigger {
    display: none
}

.bookmark-dialog__ask, .bookmark-dialog__explanation {
    line-height: 24px;
    font-size: 14px;
    margin: 0
}

.bookmark-dialog__examples {
    background-color: #EFF2F7;
    display: flex;
    justify-content: space-around;
    margin: 15px 0
}

.bookmark-dialog__example {
    min-width: calc(25%)
}

.bookmark-dialog__bookmarks {
    display: flex;
    flex-direction: column
}

.bookmark-dialog__bookmark {
    margin: 5px 0
}

.bookmark-option__title {
    font-size: 14px
}

.bookmark-cell {
    fill: #66788C;
    color: #66788C;
    text-align: center;
    padding: 10px 0px
}

.bookmark-cell__icon {
    width: 20px;
    height: 20px
}

.bookmark-cell__title {
    text-align: center;
    font-size: 10px
}

.bookmark-cell--active {
    fill: #0078D3;
    color: #0078D3
}

.link-container {
    display: flex;
    align-items: center
}

@media (max-width:550px) {
    .link-container {
        justify-content: space-between;
        width: 100%;
        margin-top: 10px
    }
}

.color-grid {
    background-color: #FFF;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    padding: 5px
}

.color-grid__cell {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 1px;
    border: 1px solid #C7CBD2
}

.color-grid__row {
    white-space: nowrap;
    height: 32px;
    margin: 2px auto
}

.plate-color-picker {
    position: relative
}

.plate-color-picker__trigger {
    background-color: #FFF;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    padding: 8px;
    height: 32px
}

.plate-color-picker__color {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #C7CBD2
}

.plate-color-picker__expand {
    margin: 4px 5px;
    width: 8px;
    height: 8px;
    fill: #66788C
}

.plate-color-picker__plate {
    position: absolute;
    z-index: 50;
    top: 32px;
    display: none
}

.plate-color-picker--opened .plate-color-picker__expand {
    transform: rotate(180deg)
}

.plate-color-picker--opened .plate-color-picker__plate {
    display: block
}

.plate-picker {
    background-color: #FFF;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    padding: 10px
}

.plate-picker__color {
    width: 32px;
    height: 32px;
    margin: 4px;
    border-radius: 4px
}

.plate-picker__row {
    white-space: nowrap
}

.default-header {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #FFF;
    fill: #FFF;
    overflow: hidden;
    width: 100%;
    background-color: #25477B;
    border-bottom: 1px solid #C7CBD2;
    -moz-user-select: none;
    user-select: none
}

.default-header__brand {
    display: none
}

.default-header__content {
    display: flex;
    width: 100%;
    height: 53px
}

.default-header__link:hover, .default-header__link:focus {
    text-decoration: underline
}

.default-header__filter {
    display: flex;
    margin-left: 12px;
    margin-right: auto;
    flex: 100 0 auto;
    align-items: center;
    max-width: 100%;
    min-width: 1px;
    line-height: 16px;
    border: none
}

.default-header__filter--hidden {
    display: none !important
}

.default-header__skip {
    position: absolute;
    height: 40px;
    left: -300px;
    background-color: #FFF;
    text-align: center;
    color: #202328;
    border: none;
    transition: left 250ms;
    z-index: 3;
    text-decoration: underline;
    padding: 7px 9px;
    cursor: pointer;
    display: block
}

    .default-header__skip:focus {
        background-color: #F4F6F8;
        left: 0
    }

.default-header__login-tab {
    display: flex;
    margin-left: auto
}

.language-selector-container {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10008;
    width: 100%;
    max-width: 650px;
    padding: 0;
    display: none;
    height: 53px
}

.geo-header {
    height: 54px
}

.header-login {
    display: flex;
    height: 100%;
    flex: 1 0 auto
}

.header-input {
    display: flex;
    justify-content: space-around;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 14px;
    font-size: 14px;
    line-height: 16px;
    color: #FFF;
    fill: #FFF;
    text-decoration: none;
    align-items: center;
    height: 100%;
    outline: none;
    border: none;
    background-color: #25477B;
    cursor: pointer
}

.header-input--hidden {
    display: none
}

.header-input__icon {
    width: 20px;
    min-width: 20px;
    height: 20px
}

.header-input__help-icon {
    width: 20px;
    min-width: 20px;
    height: 20px
}

.header-input__expand:focus {
    border-color: #0078D3
}

.header-input__expand {
    position: relative;
    width: 6px;
    min-width: 6px;
    height: 4.5px;
    min-height: 4.5px;
    margin-left: 6px
}

.header-input__text {
    margin-left: 6px
}

.header-input__text--hidden {
    display: none
}

.header-input .menuToggle_show, .header-input .menuToggle_hide {
    width: 20px;
    height: 20px
}

.header-input:hover, .header-input:focus {
    background-color: #426499
}

.header-input--menu-styled {
    background-color: #FFF
}

    .header-input--menu-styled:hover, .header-input--menu-styled:focus {
        background-color: #F4F6F8
    }

.menu-toggle {
    display: none
}

.notifications-button {
    position: relative;
    display: flex;
    margin: 0px;
    max-height: 20px
}

.notifications-button__icon {
    width: 20px;
    height: 20px
}

@media (max-width:949px) {
    .default-header__filter {
        margin-left: 0px
    }

    .loggedInState_namesContent {
        display: none
    }

    .logged_db.geo-list__item {
        display: block
    }

    .header-login__expand {
        border: none;
        margin-top: -2px
    }

    .header-login__user-text, .header-login__user-db, .header-login__text, .header-login__user-expand {
        display: none
    }

    .header-login__icon {
        margin-right: 0px
    }

    .header-input {
        padding: 14px 10px
    }

    .header-input__text, .header-input__expand {
        display: none
    }

    .header-input__icon {
        width: 20px;
        height: 20px;
        margin-right: 0px
    }

    .header-input--hidden-on-small {
        display: none
    }

    .menu-toggle {
        display: block;
        margin-right: 12px
    }
}

@media (max-width:640px) {
    .menu-toggle {
        display: none
    }
}

@media (max-width:375px) {
    .default-header .geo-secondary-button-with-expand {
        max-width: 135px
    }
}

@media (max-width:640px) {
    .default-header .geotab-filter__wrapper {
        display: none
    }

    .default-header .organizationFilter {
        margin: 0 12px
    }
}

.geo-button-badge {
    background-color: #4AA75E;
    position: relative;
    top: -6px;
    border-radius: 16px;
    font-size: 12px;
    padding: 0 4px;
    font-weight: 500;
    text-align: center;
    color: #FFF;
    right: 10px;
    margin-right: -16px;
    min-width: 16px;
    height: 16px
}

.geo-button-badge--theme-prioritized {
    background-color: #DE3030
}

.org-filter-button--open .org-filter-button__icon--open {
    display: none
}

.org-filter-button--open .org-filter-button__icon--close {
    display: inherit
}

.org-filter-button__icon--open {
    display: inherit
}

.org-filter-button__icon--close {
    display: none
}

@media screen and (min-width:calc(641px)) {
    .org-filter-button {
        display: none
    }
}

.filter-state {
    overflow: hidden
}

.filter-state__selection {
    display: flex;
    height: 100%;
    color: #575757;
    margin-left: 9px;
    align-items: center;
    font-size: 16px
}

.filter-state__amount {
    display: none
}

.filter-state__reset {
    display: none
}

@media (max-width:400px) {
    .filter-state__selection {
        margin-left: 7px
    }
}

.address-bar {
    display: flex
}

    .address-bar .address-text-bar {
        flex: 1 1 50%
    }

    .address-bar .address-link {
        flex: 1 1 50%;
        margin-left: 5px;
        background-position: center center;
        padding: 2px;
        background-clip: content-box;
        border: 1px solid #C5DBEC;
        border-radius: 0.4em;
        display: block
    }

        .address-bar .address-link.hidden {
            display: none
        }

.address-error {
    color: #751111;
    font-size: 0.85em;
    vertical-align: top;
    display: none
}

.address-bar .address-link {
    border-color: #C7CBD2
}

.language-selector {
    width: 100%;
    height: 100%;
    position: relative
}

.language-selector__items {
    height: 100%;
    display: flex;
    overflow: hidden
}

.language-selector__button {
    height: 100%;
    line-height: 53px;
    text-align: center;
    padding: 0 4px;
    white-space: nowrap;
    background-color: transparent;
    border: none;
    color: #EFF2F7;
    fill: #EFF2F7;
    overflow: visible;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

    .language-selector__button.active {
        font-weight: bold
    }

    .language-selector__button:hover, .language-selector__button:focus {
        text-decoration: underline
    }

.language-selector__more-button {
    float: right
}

.language-selector__popup .language-selector__button {
    display: flex;
    width: 100%;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    align-items: center;
    background-color: #ffffff;
    color: #202328;
    fill: #66788c;
    border: 1px solid #ffffff;
    padding: 12px 16px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

    .language-selector__popup .language-selector__button:hover, .language-selector__popup .language-selector__button:focus {
        text-decoration: none;
        outline: none;
        background-color: #f4f6f8
    }

    .language-selector__popup .language-selector__button.active {
        font-weight: bold
    }

.language-selector__visible-items {
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    overflow: hidden
}

.unsignedAddinsDisabled .unsignedAddin {
    border: 1px solid #FDE5E5;
    background-color: #FDE5E5;
    color: #751111
}

    .unsignedAddinsDisabled .unsignedAddin:hover, .unsignedAddinsDisabled .unsignedAddin:focus {
        background-color: #fbcdcd;
        border-color: #FDE5E5;
        color: #751111
    }

.custom-page-editor__files {
    padding-top: 6px
}

.regionSwitcherContainer {
    display: flex;
    align-items: center;
    justify-content: start
}

    .regionSwitcherContainer .regionCheckboxContainer {
        flex: 0 0 auto;
        margin-right: 5px
    }

    .regionSwitcherContainer .regionInputContainer {
        flex: 1 1 auto
    }

        .regionSwitcherContainer .regionInputContainer .regionInput {
            width: 100%
        }

@media (max-width:480px) {
    .regionSwitcherContainer {
        flex-wrap: wrap
    }

        .regionSwitcherContainer .regionCheckboxContainer, .regionSwitcherContainer .regionInputContainer {
            margin-top: 3px;
            width: 100%
        }
}

.commentsBlock_newComment {
    background-color: #f4f4f4;
    border-radius: 3px;
    padding: 6px;
    width: 100%
}

.commentsBlock_commentText {
    width: 100%
}

.commentsBlock_currentUser {
    padding-bottom: 5px
}

.commentsBlock_commentList {
    width: 100%
}

.comment_comment {
    padding-top: 16px
}

.comment_header {
    justify-content: space-between;
    display: flex;
    padding-bottom: 4px
}

.comment_user {
    color: #222;
    font-weight: bold;
    font-size: 12px
}

.comment_date {
    color: #757575;
    white-space: nowrap
}

.passwordCheckList {
    position: absolute;
    border-radius: 10px;
    padding: 10px 20px 10px 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    background-color: white;
    z-index: 10007;
    min-width: 170px;
    margin-bottom: 15px
}

    .passwordCheckList:after {
        position: absolute;
        content: ' ';
        height: auto;
        width: auto;
        border: 10px solid transparent
    }

    .passwordCheckList ul {
        list-style-type: none
    }

        .passwordCheckList ul > li > span:not(.geotabButtonIcons) {
            margin-left: -10px
        }

    .passwordCheckList .passwordCloseButton {
        position: absolute;
        border: 0;
        cursor: pointer;
        background-color: transparent;
        right: 5px;
        top: 9px
    }

    .passwordCheckList .geotabButtonIcons {
        position: relative;
        top: 3px;
        left: -20px
    }

    .passwordCheckList > span {
        margin-left: 20px;
        font-weight: bold
    }

    .passwordCheckList .checklistPositive {
        color: green;
        fill: green
    }

        .passwordCheckList .checklistPositive .checkFailed {
            display: none
        }

    .passwordCheckList .checklistNegative {
        color: red;
        fill: red
    }

        .passwordCheckList .checklistNegative .checkPassed {
            display: none
        }

    .passwordCheckList .closeIcon {
        position: absolute;
        margin-left: 100%;
        top: 10px;
        left: -30px
    }

    .passwordCheckList.left:after {
        left: -10px;
        margin-top: -10px;
        top: 50%;
        border-right-color: white;
        border-left: none
    }

    .passwordCheckList.bottom:after {
        left: 50%;
        top: 100%;
        margin-top: -1px;
        border-top-color: white;
        border-bottom: none
    }

.resetPasswordDialog .checkmateFormPage fieldset {
    width: 100%;
    padding: 0;
    margin-top: 0.5em
}

.resetPasswordDialog .passwordMismatch {
    color: #751111
}

.color-picker {
    display: flex;
    padding: 5px;
    border: 1px solid #C5DBEC;
    background-color: #fefefe;
    border-radius: 3px;
    position: absolute;
    z-index: 10007
}

.color-picker__plate {
    position: relative;
    width: 150px;
    height: 150px
}

.color-picker__colors-plate {
    height: 100%;
    background-image: url(./ui/modules/colorPicker/plate.png);
    cursor: crosshair
}

.color-picker__circle {
    position: absolute;
    border-radius: 50%;
    border: 1px #000 solid;
    width: 8px;
    height: 8px;
    background-color: #fff;
    pointer-events: none
}

.color-picker__line-plate {
    position: relative;
    padding-left: 5px;
    width: 20px;
    height: 150px
}

.color-picker__line-hue {
    height: 100%;
    background-image: url(./ui/modules/colorPicker/line-plate.png);
    cursor: pointer
}

.color-picker__slider {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #000
}

.color-picker-input {
    min-width: 150px;
    padding: 0;
    border: 1px solid #C5DBEC;
    border-radius: 3px
}

    .color-picker-input::-webkit-color-swatch-wrapper {
        padding: 0
    }

    .color-picker-input::-webkit-color-swatch {
        border: none
    }

.color-picker-input--custom {
    padding: 3px
}

.geo-quick-colors:after {
    display: table;
    content: " ";
    clear: both
}

.geo-quick-colors__box {
    width: 19px;
    height: 19px;
    display: block;
    border: 2px solid #ffffff;
    float: left;
    margin-right: 8px;
    border-radius: 4px;
    cursor: pointer
}

    .geo-quick-colors__box:hover {
        box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2)
    }

    .geo-quick-colors__box:last-child {
        margin-right: 0
    }

.resizable-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .resizable-container.resizable-container--grow {
        position: absolute;
        z-index: 21;
        top: 30px;
        left: 30px;
        right: 30px;
        bottom: 30px;
        width: auto;
        height: auto;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #C5DBEC;
        background-color: #fefefe
    }

.transparency-slider {
    margin: 0
}

    .transparency-slider > .transparency-slider__control {
        width: 100px;
        float: right;
        margin-right: 15px
    }

.map-container, .map-container__provider {
    background-color: #FFFFFF;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

    .map-container .gmnoprint, .map-container__provider .gmnoprint {
        z-index: 5000 !important
    }

.map-container__provider--googlev3 {
    transform: none !important
}

    .map-container__provider--googlev3 .gm-style {
        z-index: auto !important
    }

.map-container__provider--here .H_ui {
    z-index: 1000
}

.map-container__provider--here .H_rdo {
    border-bottom: 0
}

.zone-editor {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    padding-right: 5px
}

.zone-editor__map-container {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    top: 150px;
    left: 0;
    right: 0
}

@media (max-height:420px) {
    .zone-editor__map-container--grow {
        top: 50px
    }
}

.zone-editor__controls, .zone-editor__color-control {
    display: flex;
    flex: 10 10 auto;
    flex-direction: row
}

.zone-editor__color-control {
    align-items: center
}

.zone-editor__label {
    padding-left: 10px;
    flex: 0 10 auto
}

.zone-editor__default-colors {
    flex: 0 0 auto
}

.zone-editor__color-picker {
    padding-left: 10px
}

.zone-editor__transparency {
    padding-left: 5px
}

.zone-editor__transparency-counter {
    min-width: 32px
}

@media (max-width:740px) {
    .zone-editor__label {
        display: none
    }

    .zone-editor__color-picker, .zone-editor__transparency {
        padding-left: 5px
    }

    .zone-editor__default-colors {
        padding-left: 0
    }

    .zone-editor__transparency .transparency-slider {
        margin: 0
    }
}

.zone-editor__transparency .transparency-slider__label {
    display: none
}

.zone-editor__transparency .transparency-slider__control {
    margin-right: 7px
}

.zone-editor__color-picker .color-picker-input {
    min-width: 50px;
    width: 58px
}

.zone-editor__default-colors {
    padding-left: 5px
}

@media (max-width:1060px) {
    .zone-editor__default-colors .quick-colors__box[data-optional] {
        display: none
    }
}

@media (max-width:600px) {
    .zone-editor__default-colors {
        display: none
    }
}

.zone-editor__toolbar {
    display: flex
}

.zone-editor__cancel.zone-editor__cancel, .zone-editor__save.zone-editor__save {
    display: none
}

.zone-editor__cancel {
    margin-left: 3px
}

.zone-editor__toolbar-button.zone-editor__toolbar-button {
    min-width: 35px;
    margin-right: 8px
}

.zone-editor__toolbar--edit .zone-editor__cancel, .zone-editor__toolbar--edit .zone-editor__save {
    display: block
}

.zone-editor__toolbar--edit .zone-editor__edit {
    display: none
}

.zone-editor__toolbar--edit .zone-editor__color-control {
    display: none
}

.zone-editor__button-icon {
    display: none;
    width: 11px;
    height: 11px
}

@media (max-width:550px) {
    .zone-editor__edit {
        padding: 10px
    }

    .zone-editor__button-icon {
        display: block
    }

    .zone-editor__button-title {
        display: none
    }
}

.zone-editor__resizer {
    display: none;
    border: none;
    overflow: visible;
    background: transparent;
    appearance: none;
    -webkit-appearance: none
}

    .zone-editor__resizer .zone-editor__size-control {
        fill: #25477B;
        width: 20px;
        height: 20px
    }

    .zone-editor__resizer .zone-editor__shrink {
        display: none
    }

.zone-editor__resizer--grow {
    position: absolute;
    right: 5px;
    top: 14px
}

    .zone-editor__resizer--grow .zone-editor__shrink {
        display: block
    }

    .zone-editor__resizer--grow .zone-editor__grow {
        display: none
    }

@media (max-height:420px) {
    .zone-editor__color-control {
        margin-right: 10px
    }

    .zone-editor__resizer {
        display: block
    }
}

.zone-editor__svg {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.zone-shape-pointer {
    pointer-events: fill;
    fill: #000;
    stroke: #000;
    stroke-width: 0
}

    .zone-shape-pointer:hover {
        stroke-width: 3px
    }

.zone-shape-edge {
    pointer-events: stroke;
    fill: none;
    stroke-width: 5px;
    stroke: #000
}

    .zone-shape-edge:hover {
        stroke-width: 8px
    }

.shield {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10006;
    background-color: #555;
    opacity: 0.2;
    display: none
}

.shield--shown {
    display: block
}

.resizer {
    position: absolute;
    background-color: #C7CBD2;
    z-index: 5000;
    outline: none
}

.resizer--invisible {
    opacity: 0%
}

    .resizer--invisible:hover, .resizer--invisible:focus {
        opacity: 100%
    }

.resizer--manual-focus {
    opacity: 100%;
    background-color: #0078D3
}

.resizer--vertical {
    width: 2px
}

    .resizer--vertical::after {
        content: "";
        width: 20px;
        height: 100%;
        cursor: col-resize;
        position: absolute;
        left: -9px
    }

.resizer--vert-left {
    width: 2px
}

    .resizer--vert-left::after {
        content: "";
        width: 10px;
        height: 100%;
        cursor: col-resize;
        position: absolute;
        left: -9px
    }

.resizer--horizontal {
    height: 2px;
    cursor: row-resize
}

    .resizer--horizontal::after {
        content: "";
        width: 100%;
        height: 20px;
        cursor: col-resize;
        position: absolute;
        top: -9px
    }

.resizer:hover, .resizer:focus {
    background-color: #0078D3
}

.plan-badge {
    width: 35px;
    height: 15px
}

    .plan-badge.badge_hidden {
        display: none
    }

    .plan-badge.badge_pro > .plan-badge__pro {
        display: block
    }

    .plan-badge.badge_plus > .plan-badge__plus {
        display: block
    }

.driver-key-editor {
    float: right;
    width: 69%
}

.driver-key-editor__list {
    border: 1px solid #C5DBEC;
    border-bottom: none;
    border-radius: 5px
}

.driver-key-editor__number {
    max-width: 60%;
    min-width: 40%
}

.driver-key-editor__actions {
    margin-left: auto;
    margin-right: 0
}

.driver-key-editor__edit {
    margin-right: 4px
}

.driver-key-editor__form {
    width: 100%;
    margin: 3px 0;
    display: flex;
    flex-wrap: wrap;
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: normal;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    flex-direction: column
}

.driver-key-editor__dropdowns {
    display: flex;
    width: 100%;
    margin-bottom: 3px
}

.driver-key-editor__others {
    display: flex;
    width: 100%
}

.driver-key-editor__buttons {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto
}

.driver-key-editor__input, .driver-key-editor__select {
    margin-right: 3px;
    flex-grow: 2
}

.driver-key-editor__add {
    width: 100%;
    margin-bottom: 5px
}

.driver-key-editor__save {
    margin-right: 3px
}

.driver-key-editor__type {
    padding-right: 5px
}

@media only screen and (max-width:768px) {
    .driver-key-editor {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .driver-key-editor__selections {
        flex-direction: column
    }

    .driver-key-editor__select {
        margin-bottom: 3px
    }

    .driver-key-editor__number {
        max-width: 100%
    }
}

.driver-key-editor__list {
    border: none
}

.driver-key-editor__actions .geo-icon, .driver-key-editor__buttons .geo-icon {
    display: inline
}

.grid {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    position: relative;
    flex-direction: row;
    background-color: #FFF
}

.grid--no-border {
    border-bottom: 0px
}

.grid__fixed-wrapper {
    border-bottom: 1px solid #C7CBD2
}

.grid__fixed-wrapper--right {
    border-left: 1px solid #C7CBD2
}

.grid__content, .grid__fixed-side, .grid__right-side {
    table-layout: fixed;
    border-spacing: 0px
}

.grid__content-wrapper {
    width: 100%;
    overflow-y: hidden;
    border-left: 2px solid #C7CBD2
}

.grid__content-wrapper--no-border {
    border-left: 0px
}

.grid__content {
    white-space: nowrap;
    overflow-x: scroll;
    border-bottom: 1px solid #C7CBD2
}

.grid__fixed-side {
    overflow: hidden;
    width: 400px
}

.grid__fixed-side--with-border {
    border-left: 1px solid #C7CBD2
}

.grid__row {
    height: 64px
}

.grid__row--hovered {
    background-color: #EFF2F7 !important
}

.grid__row--archived {
    background-color: #E9E9E9;
    color: #757575
}

    .grid__row--archived .grid__cell {
        color: #66788C
    }

.grid__row--disabled {
    background-color: #E9E9E9 !important;
    color: #575757
}

    .grid__row--disabled:hover, .grid__row--disabled:focus {
        background-color: #E9E9E9
    }

.grid__row--active {
    background-color: #D8DEE9
}

.grid__row--last {
    height: 79px
}

.grid__cell {
    color: #202328;
    padding: 0px 16px;
    font-size: 14px
}

.grid__cell--numeric {
    text-align: right
}

.grid__cell--border {
    border-right: 1px solid #C7CBD2
}

.grid__cell .cell__content {
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis
}

.grid__header {
    height: 32px;
    font-weight: normal;
    background-color: #3C5063;
    color: #FFF;
    fill: #FFF;
    line-height: 20px;
    letter-spacing: 0.5px
}

.grid__header--initial {
    background-color: #EFF2F7
}

.grid__header-cell {
    font-size: 14px;
    position: relative;
    height: 48px;
    padding: 4px;
    text-align: left
}

.grid__header-cell--with-border {
    border-right: 1px solid #C7CBD2
}

.grid__header-cell--numeric {
    text-align: right
}

.grid__header-label {
    margin: 0 12px
}

.grid__header-label--numeric {
    right: 16px;
    left: auto
}

.grid__subheader-row {
    height: 40px
}

.grid__subheader {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    background-color: #EFF2F7;
    color: #575757;
    fill: #575757;
    border-bottom: 1px solid #C7CBD2;
    border-top: 1px solid #C7CBD2;
    padding-left: 16px
}

.grid__subheader-col {
    text-align: left;
    padding-right: 15px
}

.grid__text--empty {
    color: #757575
}

.resizers-holder {
    position: relative
}

.multi-cell {
    display: flex;
    flex-direction: column
}

.single-cell {
    margin-right: 6px
}

.mobileInfo {
    display: none;
    margin-top: 10px;
    flex-direction: column
}

.mobileInfo__wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row
}

.mobileInfo__item {
    display: flex;
    width: 100%;
    margin-right: 4px;
    margin-bottom: 6px
}

.mobileInfo__label {
    font-size: 12px;
    word-break: break-all;
    color: #575757;
    width: 40%;
    margin-right: 5%
}

.mobileInfo__data {
    font-size: 14px;
    word-break: break-all;
    color: #202328;
    width: 55%
}

.left-col {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.left-col__desktop-data {
    display: flex;
    flex-direction: row
}

.left-col__link {
    font-weight: 600;
    color: #0062A9;
    font-size: 14px;
    text-decoration: none;
    padding: 0;
    background-color: transparent;
    width: 100%
}

.left-col__link--disabled {
    pointer-events: none
}

.left-col__link:hover, .left-col__link:active {
    background-color: transparent;
    outline: none;
    text-decoration: none
}

.left-col__link:focus {
    background-color: transparent;
    outline: none;
    text-decoration: underline
}

.left-col__text {
    font-weight: 400;
    color: #575757;
    font-size: 12px
}

.left-col__text--secondary {
    color: #575757
}

.left-col__badge {
    margin-right: 8px
}

.left-col__chbx {
    margin-right: 12px;
    margin-top: 4px
}

.left-col__portrait {
    margin-right: 8px
}

.left-col__icons {
    flex: 0 0 auto;
    min-width: 34px
}

.left-col__icon {
    margin: 4px 8px 0 0
}

.left-col__checkbox {
    margin: 8px 14px 9px 4px
}

.left-col__mobile-data {
    display: none
}

.dnd-grid-header {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    cursor: grabbing;
    background-color: #3C5063;
    color: #FFF;
    fill: #FFF;
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

    .dnd-grid-header[data-content-type='numeric'] {
        justify-content: flex-end
    }

.dnd-clone {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    position: absolute;
    z-index: 9999;
    opacity: 0.5;
    will-change: left right;
    transform: translateZ(0);
    contain: strict
}

    .dnd-clone .svgIcon {
        width: 15px;
        height: 15px;
        margin-bottom: -2px
    }

.dnd-separator {
    position: absolute;
    z-index: 1001;
    width: 1px;
    background-color: #0078D3;
    will-change: left;
    transform: translateZ(0);
    contain: strict
}

.dnd-elem {
    cursor: move
}

.dnd-elem__dnd-icon {
    display: none;
    position: absolute;
    left: 4px;
    color: #FFF;
    fill: #FFF;
    width: 8px;
    height: 18px
}

.dnd-elem:hover {
    color: #FFF;
    fill: #FFF
}

    .dnd-elem:hover .dnd-elem__dnd-icon {
        display: inline-block
    }

.historic-mark {
    display: flex;
    align-items: center;
    color: #DE3030;
    fill: #DE3030
}

.historic-mark__icon {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.historic-mark__label {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px
}

@media (max-width:768px) {
    .grid__content-wrapper {
        display: none
    }

    .grid__fixed-side {
        width: 100% !important
    }

    .grid__header {
        display: none
    }

    .grid__header--visible {
        display: table-row
    }

    .grid__cell {
        padding-top: 8px;
        padding-bottom: 8px;
        border-top: 1px solid #C7CBD2
    }

    .left-col__icons {
        min-width: auto
    }

    .left-col__mobile-data {
        display: block
    }

    .fixed-grid-class {
        display: none
    }
}

.portrait {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #0078D3;
    color: #FFF;
    font-size: 14px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.portrait__icon {
    width: 16px;
    height: 16px;
    fill: #FFF
}

.portrait--archived {
    background-color: #66788C
}

.portrait--suspended {
    background-color: #DE3030
}

.subheader-col--inline {
    display: inline
}

.subheader-col--right {
    float: right
}

.geo-sublist {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

.geo-sublist__item:not(:last-child) {
    margin-bottom: 6px
}

.geo-sublist__label {
    display: inline-block;
    font-size: 12px;
    word-break: break-all;
    width: 30%;
    margin-right: 5%;
    color: #575757;
    vertical-align: top
}

.geo-sublist__data {
    display: inline-block;
    font-size: 14px;
    word-break: break-all;
    color: #202328;
    width: 60%;
    vertical-align: top
}

.geo-entities-list {
    width: 100%;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

.geo-entities-list__item {
    padding: 8px 16px;
    background-color: #FFF
}

    .geo-entities-list__item:not(:last-child) {
        border-bottom: 1px solid #C7CBD2
    }

.geo-entities-list__item--header {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    background-color: #EFF2F7;
    color: #575757;
    fill: #575757
}

.geo-entities-list__properties-data {
    margin-top: 10px
}

.live-detail-note__text {
    padding: 0 30px;
    color: #575757;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

@media (max-width:800px) {
    .live-detail-note__text {
        padding: 0 20px;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0.01rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 500
    }
}

.horiz-scroll {
    position: fixed;
    z-index: 5200;
    background-color: #F4F6F8
}

.horiz-scroll__runner {
    position: relative;
    background-color: #3C5063;
    will-change: left;
    transform: translateZ(0)
}

.left-shadow, .right-shadow {
    display: none;
    opacity: 0.2;
    position: absolute;
    z-index: 2000;
    width: 10px
}

.left-shadow {
    background-image: -webkit-linear-gradient(right,#eee,#000)
}

.right-shadow {
    background-image: -webkit-linear-gradient(left,#eee,#000)
}

.scroll-fading {
    position: fixed;
    height: 0px;
    width: 100%;
    box-shadow: 0px 0px 50px 50px rgba(255,255,255,0.8)
}

.fixed-header {
    position: fixed;
    visibility: hidden;
    z-index: 5500
}

.fixed-header__no-scroll {
    overflow-x: hidden
}

.selection-manager {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%
}

.selection-manager__item {
    margin: 4px 4px 4px 0px;
    display: flex;
    align-items: baseline
}

    .selection-manager__item :last-item {
        margin-right: 0
    }

.selection-manager__relation {
    margin-left: 4px
}

.selection-manager__all {
    display: flex;
    height: 100%;
    align-items: center;
    color: #EFF2F7;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px
}

.selection-manager__all-big {
    display: block
}

.selection-manager__tag .geo-tag__name {
    white-space: normal;
    text-overflow: initial
}

.selection-manager__tag .selected-item .selected-item__operator {
    font-style: italic
}

.selection-popup {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

    .selection-popup .selection-manager__item {
        margin: 8px
    }

    .selection-popup .selection-manager__tag {
        justify-content: space-between;
        align-items: flex-start;
        flex-grow: 1;
        overflow: hidden
    }

        .selection-popup .selection-manager__tag.geo-tag--html {
            padding: 4px 8px;
            border-radius: 8px
        }

        .selection-popup .selection-manager__tag .selected-item__operator--intersection {
            display: block
        }

    .selection-popup .selection-manager__relation {
        display: none
    }

.selection-anchor__amount {
    display: none
}

.selection-anchor__name {
    display: block
}

.selection-anchor__icon {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-color: inherit;
    border: none;
    outline: none;
    border-radius: 50%;
    padding: 0px
}

.selection-anchor__arrow {
    fill: #202328;
    width: 6px;
    height: 4.5px;
    margin-left: 6px
}

.selection-anchor:hover .selection-anchor__arrow, .selection-anchor:active .selection-anchor__arrow, .selection-anchor:focus .selection-anchor__arrow {
    fill: #FFF
}

.selection-popup {
    max-width: 100%;
    align-items: baseline
}

@media (max-width:400px) {
    .selection-anchor__amount {
        display: block
    }

    .selection-anchor__name {
        display: none
    }
}

@media (max-width:949px) {
    .selection-manager__all-big {
        display: none
    }
}

#purgeEditor .checkmateListBuilder {
    max-width: 800px;
    width: 80%
}

#addPurgeSchedule {
    margin-top: 15px
}

#purgeConfirmList {
    max-height: 180px;
    overflow: auto
}

    #purgeConfirmList .confirm-purge {
        margin-top: 10px;
        margin-left: 10px
    }

    #purgeConfirmList .confirm-purge__list {
        margin-bottom: 5px
    }

    #purgeConfirmList .g-main .g-name {
        width: calc(100% - 30px)
    }

#purgeEditor .checkmateListBuilder, #purgeConfirmList {
    margin-top: 15px
}

    #purgeEditor .checkmateListBuilder .checkmateListTable > li:first-child, #purgeConfirmList .checkmateListTable > li:first-child {
        border-top: 1px #ddd solid
    }

    #purgeEditor .checkmateListBuilder .g-main, #purgeConfirmList .g-main {
        flex-wrap: wrap;
        align-items: center
    }

        #purgeEditor .checkmateListBuilder .g-main .g-name, #purgeConfirmList .g-main .g-name {
            flex-wrap: wrap;
            flex-grow: 1;
            align-content: center;
            padding-left: 5px
        }

            #purgeEditor .checkmateListBuilder .g-main .g-name .groupName, #purgeConfirmList .g-main .g-name .groupName {
                white-space: normal;
                padding: 0 5px
            }

    #purgeEditor .checkmateListBuilder .purgeStartDate, #purgeConfirmList .purgeStartDate {
        padding-top: 4px;
        margin-left: 20px;
        color: #757575;
        font-size: 0.8em
    }

    #purgeEditor .checkmateListBuilder .g-name {
        width: calc(100% - 60px)
    }

.purgeConfirmListWrapper {
    position: relative
}

#purgeConfirmList:before {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05)
}

#purgeConfirmList:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 -1px 0 1px rgba(0,0,0,0.05)
}

#purgeEditor .g-row, #purgeConfirmList .g-row {
    padding-left: 0;
    border-right: 1px #ddd solid
}

    #purgeEditor .g-row .g-item-icon-up, #purgeConfirmList .g-row .g-item-icon-up {
        display: none
    }

#purgeEditor .g-row--expanded .g-item-icon-down, #purgeConfirmList .g-row--expanded .g-item-icon-down {
    display: none
}

#purgeEditor .g-row--expanded .g-item-icon-up, #purgeConfirmList .g-row--expanded .g-item-icon-up {
    display: initial
}

@media only screen and (max-width:768px) {
    #purgeEditor .checkmateListBuilder {
        width: 100%
    }

        #purgeEditor .checkmateListBuilder .checkmateListBuilderRow {
            border-right: 0
        }
}

#purgeConfirmList:before {
    box-shadow: none
}

#purgeConfirmList:after {
    box-shadow: none
}

#purgeEditor .g-row, #purgeConfirmList .g-row {
    border-width: 0
}

#purgeEditor .checkmateListBuilder .checkmateListTable > li:first-child, #purgeConfirmList .checkmateListTable > li:first-child {
    border-width: 0
}

.password-field {
    position: relative;
    border: none;
    border-radius: 0;
    padding: 0
}

.password-field__input {
    padding-right: 30px;
    width: 100%;
    margin: 0;
    font-size: inherit
}

    .password-field__input:focus {
        outline: none
    }

    .password-field__input::-ms-reveal {
        display: none
    }

.password-field__button {
    top: 0;
    right: 3px;
    padding: 0;
    margin: 0;
    width: 23px;
    height: 100%;
    max-height: 32px;
    position: absolute;
    background: transparent;
    border: none;
    outline-width: 1px;
    cursor: pointer
}

.password-field__icon {
    position: absolute;
    top: 1px;
    left: 0;
    height: 100%;
    width: 100%;
    user-select: none;
    stroke: #2c7ab1;
    stroke: #202328
}

.options-filter {
    width: 430px
}

.options-filter__header {
    display: flex;
    flex-wrap: no-wrap;
    justify-content: space-between;
    align-items: center
}

.options-filter__header-label {
    text-transform: uppercase;
    font-size: 0.9em;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 5px;
    color: #25477B
}

.options-filter__header-separator {
    height: 0px;
    border-top: 1px solid #C5DBEC;
    flex-grow: 1
}

.options-filter__separator {
    width: 100%;
    border-color: #C5DBEC;
    border-style: solid none none none
}

.options-filter__apply {
    float: right
}

.selected-block {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 6px;
    max-width: 85%
}

.selected-block__item {
    display: flex;
    align-items: center;
    margin-right: 4px
}

.selected-block__label {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    margin-right: 2px
}

.selected-block__button {
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: pointer;
    position: relative;
    min-width: 18px;
    height: 18px;
    border: none;
    background-color: #fefefe;
    padding: 0px;
    top: 1px
}

.selected-block__icon {
    width: 10px;
    height: 10px;
    position: relative;
    fill: #25477B
}

.geo-tooltip {
    display: flex;
    flex-direction: column;
    position: absolute;
    max-width: 300px;
    z-index: 11000;
    opacity: 0.9;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.geo-tooltip__content {
    background-color: #3C5063;
    border-radius: 6px;
    padding: 6px 10px;
    color: #FFF;
    margin: 0px
}

.geo-tooltip__arrow {
    width: 0px;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: #3C5063 transparent
}

.geo-tooltip--left .geo-tooltip__arrow {
    margin-right: 10px;
    margin-left: auto
}

.geo-tooltip--right .geo-tooltip__arrow {
    margin-left: 10px;
    margin-right: auto
}

.geo-tooltip--top {
    flex-direction: column-reverse
}

    .geo-tooltip--top .geo-tooltip__arrow {
        border-width: 8px 8px 0px
    }

.trips-history-options__container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9004;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    padding: 16px 12px;
    display: flex;
    flex-flow: column nowrap
}

.trips-history-options__controls {
    flex: 1 1 100%
}

.trips-history-options__apply-button {
    min-width: 110px
}

.trips-history-options__header {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    margin-bottom: 12px
}

.trips-history-options__title {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    margin-bottom: 4px
}

.trips-history-options__item {
    margin-bottom: 16px
}

.trips-history-options__item--squashed {
    margin-bottom: 5px
}

.trips-history-options__input {
    width: 100%
}

.trips-history-options__minutes {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757
}

.country-flag {
    width: 20px;
    height: 12px;
    background-image: url(./ui/modules/phoneNumberEditor/./flags.png)
}

.country-flag__other {
    background-image: none
}

.country-flag__ac {
    background-position: 0px 0px
}

.country-flag__ad {
    background-position: -22px 0px
}

.country-flag__ae {
    background-position: -44px 0px
}

.country-flag__al {
    background-position: -132px 0px
}

.country-flag__am {
    background-position: -154px 0px
}

.country-flag__ao {
    background-position: -176px 0px
}

.country-flag__aq {
    background-position: -198px 0px
}

.country-flag__ar {
    background-position: -220px 0px
}

.country-flag__as {
    background-position: -242px 0px
}

.country-flag__at {
    background-position: -264px 0px
}

.country-flag__au {
    background-position: -286px 0px
}

.country-flag__aw {
    background-position: -308px 0px
}

.country-flag__ax {
    background-position: -330px 0px
}

.country-flag__az {
    background-position: -352px 0px
}

.country-flag__ba {
    background-position: -374px 0px
}

.country-flag__bb {
    background-position: -396px 0px
}

.country-flag__bd {
    background-position: -418px 0px
}

.country-flag__be {
    background-position: -440px 0px
}

.country-flag__bf {
    background-position: -460px 0px
}

.country-flag__bg {
    background-position: -482px 0px
}

.country-flag__bh {
    background-position: -504px 0px
}

.country-flag__bi {
    background-position: -526px 0px
}

.country-flag__bj {
    background-position: -548px 0px
}

.country-flag__bl {
    background-position: -570px 0px
}

.country-flag__bm {
    background-position: -592px 0px
}

.country-flag__bn {
    background-position: -614px 0px
}

.country-flag__bo {
    background-position: -636px 0px
}

.country-flag__bq {
    background-position: -658px 0px
}

.country-flag__br {
    background-position: -680px 0px
}

.country-flag__bs {
    background-position: -702px 0px
}

.country-flag__bt {
    background-position: -724px 0px
}

.country-flag__bv {
    background-position: -746px 0px
}

.country-flag__bw {
    background-position: -768px 0px
}

.country-flag__by {
    background-position: -790px 0px
}

.country-flag__bz {
    background-position: -812px 0px
}

.country-flag__ca {
    background-position: -834px 0px
}

.country-flag__cc {
    background-position: -856px 0px
}

.country-flag__cd {
    background-position: -878px 0px
}

.country-flag__cf {
    background-position: -900px 0px
}

.country-flag__cg {
    background-position: -922px 0px
}

.country-flag__ch {
    background-position: -944px 0px
}

.country-flag__ci {
    background-position: -961px 0px
}

.country-flag__ck {
    background-position: -983px 0px
}

.country-flag__cl {
    background-position: -1005px 0px
}

.country-flag__cm {
    background-position: -1027px 0px
}

.country-flag__cn {
    background-position: -1049px 0px
}

.country-flag__co {
    background-position: -1071px 0px
}

.country-flag__cp {
    background-position: -1093px 0px
}

.country-flag__cr {
    background-position: -1115px 0px
}

.country-flag__cu {
    background-position: -1137px 0px
}

.country-flag__cv {
    background-position: -1159px 0px
}

.country-flag__cw {
    background-position: -1181px 0px
}

.country-flag__cx {
    background-position: -1203px 0px
}

.country-flag__cy {
    background-position: -1225px 0px
}

.country-flag__cz {
    background-position: -1247px 0px
}

.country-flag__de {
    background-position: -1269px 0px
}

.country-flag__dg {
    background-position: -1291px 0px
}

.country-flag__dj {
    background-position: -1313px 0px
}

.country-flag__dk {
    background-position: -1335px 0px
}

.country-flag__dm {
    background-position: -1357px 0px
}

.country-flag__do {
    background-position: -1379px 0px
}

.country-flag__dz {
    background-position: -1401px 0px
}

.country-flag__ea {
    background-position: -1423px 0px
}

.country-flag__ec {
    background-position: -1445px 0px
}

.country-flag__ee {
    background-position: -1467px 0px
}

.country-flag__eg {
    background-position: -1489px 0px
}

.country-flag__eh {
    background-position: -1511px 0px
}

.country-flag__er {
    background-position: -1533px 0px
}

.country-flag__es {
    background-position: -1555px 0px
}

.country-flag__et {
    background-position: -1577px 0px
}

.country-flag__eu {
    background-position: -1599px 0px
}

.country-flag__fi {
    background-position: -1621px 0px
}

.country-flag__fj {
    background-position: -1643px 0px
}

.country-flag__fk {
    background-position: -1665px 0px
}

.country-flag__fm {
    background-position: -1687px 0px
}

.country-flag__fo {
    background-position: -1709px 0px
}

.country-flag__fr {
    background-position: -1731px 0px
}

.country-flag__ga {
    background-position: -1753px 0px
}

.country-flag__gb {
    background-position: -1775px 0px
}

.country-flag__gd {
    background-position: -1797px 0px
}

.country-flag__ge {
    background-position: -1819px 0px
}

.country-flag__gf {
    background-position: -1841px 0px
}

.country-flag__gg {
    background-position: -1863px 0px
}

.country-flag__gh {
    background-position: -1885px 0px
}

.country-flag__gi {
    background-position: -1907px 0px
}

.country-flag__gl {
    background-position: -1929px 0px
}

.country-flag__gm {
    background-position: -1951px 0px
}

.country-flag__gn {
    background-position: -1973px 0px
}

.country-flag__gp {
    background-position: -1995px 0px
}

.country-flag__gq {
    background-position: -2017px 0px
}

.country-flag__gr {
    background-position: -2039px 0px
}

.country-flag__gs {
    background-position: -2061px 0px
}

.country-flag__gt {
    background-position: -2083px 0px
}

.country-flag__gu {
    background-position: -2105px 0px
}

.country-flag__gw {
    background-position: -2127px 0px
}

.country-flag__gy {
    background-position: -2149px 0px
}

.country-flag__hk {
    background-position: -2171px 0px
}

.country-flag__hm {
    background-position: -2193px 0px
}

.country-flag__hn {
    background-position: -2215px 0px
}

.country-flag__hr {
    background-position: -2237px 0px
}

.country-flag__ht {
    background-position: -2259px 0px
}

.country-flag__hu {
    background-position: -2281px 0px
}

.country-flag__ic {
    background-position: -2303px 0px
}

.country-flag__id {
    background-position: -2325px 0px
}

.country-flag__ie {
    background-position: -2347px 0px
}

.country-flag__il {
    background-position: -2369px 0px
}

.country-flag__im {
    background-position: -2391px 0px
}

.country-flag__in {
    background-position: -2413px 0px
}

.country-flag__io {
    background-position: -2435px 0px
}

.country-flag__iq {
    background-position: -2457px 0px
}

.country-flag__ir {
    background-position: -2479px 0px
}

.country-flag__is {
    background-position: -2501px 0px
}

.country-flag__it {
    background-position: -2523px 0px
}

.country-flag__je {
    background-position: -2545px 0px
}

.country-flag__jm {
    background-position: -2567px 0px
}

.country-flag__jo {
    background-position: -2589px 0px
}

.country-flag__jp {
    background-position: -2611px 0px
}

.country-flag__ke {
    background-position: -2633px 0px
}

.country-flag__kg {
    background-position: -2655px 0px
}

.country-flag__kh {
    background-position: -2677px 0px
}

.country-flag__ki {
    background-position: -2699px 0px
}

.country-flag__km {
    background-position: -2721px 0px
}

.country-flag__kn {
    background-position: -2743px 0px
}

.country-flag__kr {
    background-position: -2787px 0px
}

.country-flag__kw {
    background-position: -2809px 0px
}

.country-flag__ky {
    background-position: -2831px 0px
}

.country-flag__kz {
    background-position: -2853px 0px
}

.country-flag__la {
    background-position: -2875px 0px
}

.country-flag__lb {
    background-position: -2897px 0px
}

.country-flag__lc {
    background-position: -2919px 0px
}

.country-flag__li {
    background-position: -2941px 0px
}

.country-flag__lk {
    background-position: -2963px 0px
}

.country-flag__lr {
    background-position: -2985px 0px
}

.country-flag__ls {
    background-position: -3007px 0px
}

.country-flag__lt {
    background-position: -3029px 0px
}

.country-flag__lu {
    background-position: -3051px 0px
}

.country-flag__lv {
    background-position: -3073px 0px
}

.country-flag__ly {
    background-position: -3095px 0px
}

.country-flag__ma {
    background-position: -3117px 0px
}

.country-flag__mc {
    background-position: -3139px 0px
}

.country-flag__md {
    background-position: -3160px 0px
}

.country-flag__me {
    background-position: -3182px 0px
}

.country-flag__mf {
    background-position: -3204px 0px
}

.country-flag__mg {
    background-position: -3226px 0px
}

.country-flag__mh {
    background-position: -3248px 0px
}

.country-flag__mk {
    background-position: -3270px 0px
}

.country-flag__ml {
    background-position: -3292px 0px
}

.country-flag__mm {
    background-position: -3314px 0px
}

.country-flag__mn {
    background-position: -3336px 0px
}

.country-flag__mo {
    background-position: -3358px 0px
}

.country-flag__mp {
    background-position: -3380px 0px
}

.country-flag__mq {
    background-position: -3402px 0px
}

.country-flag__mr {
    background-position: -3424px 0px
}

.country-flag__ms {
    background-position: -3446px 0px
}

.country-flag__mt {
    background-position: -3468px 0px
}

.country-flag__mu {
    background-position: -3490px 0px
}

.country-flag__mv {
    background-position: -3512px 0px
}

.country-flag__mw {
    background-position: -3534px 0px
}

.country-flag__mx {
    background-position: -3556px 0px
}

.country-flag__my {
    background-position: -3578px 0px
}

.country-flag__mz {
    background-position: -3600px 0px
}

.country-flag__na {
    background-position: -3622px 0px
}

.country-flag__nc {
    background-position: -3644px 0px
}

.country-flag__ne {
    background-position: -3666px 0px
}

.country-flag__nf {
    background-position: -3686px 0px
}

.country-flag__ng {
    background-position: -3708px 0px
}

.country-flag__ni {
    background-position: -3730px 0px
}

.country-flag__nl {
    background-position: -3752px 0px
}

.country-flag__no {
    background-position: -3774px 0px
}

.country-flag__np {
    width: 13px;
    height: 15px;
    margin-top: 0;
    background-position: -3796px 0px
}

.country-flag__nr {
    background-position: -3811px 0px
}

.country-flag__nu {
    background-position: -3833px 0px
}

.country-flag__nz {
    background-position: -3855px 0px
}

.country-flag__om {
    background-position: -3877px 0px
}

.country-flag__pa {
    background-position: -3899px 0px
}

.country-flag__pe {
    background-position: -3921px 0px
}

.country-flag__pf {
    background-position: -3943px 0px
}

.country-flag__pg {
    background-position: -3965px 0px
}

.country-flag__ph {
    background-position: -3987px 0px
}

.country-flag__pl {
    background-position: -4031px 0px
}

.country-flag__pm {
    background-position: -4053px 0px
}

.country-flag__pn {
    background-position: -4075px 0px
}

.country-flag__pr {
    background-position: -4097px 0px
}

.country-flag__ps {
    background-position: -4119px 0px
}

.country-flag__pt {
    background-position: -4141px 0px
}

.country-flag__pw {
    background-position: -4163px 0px
}

.country-flag__py {
    background-position: -4185px 0px
}

.country-flag__qa {
    background-position: -4207px 0px
}

.country-flag__re {
    background-position: -4229px 0px
}

.country-flag__ro {
    background-position: -4251px 0px
}

.country-flag__rs {
    background-position: -4273px 0px
}

.country-flag__ru {
    background-position: -4295px 0px
}

.country-flag__rw {
    background-position: -4317px 0px
}

.country-flag__sa {
    background-position: -4339px 0px
}

.country-flag__sb {
    background-position: -4361px 0px
}

.country-flag__sc {
    background-position: -4383px 0px
}

.country-flag__sd {
    background-position: -4405px 0px
}

.country-flag__se {
    background-position: -4427px 0px
}

.country-flag__sg {
    background-position: -4449px 0px
}

.country-flag__sh {
    background-position: -4471px 0px
}

.country-flag__si {
    background-position: -4493px 0px
}

.country-flag__sj {
    background-position: -4515px 0px
}

.country-flag__sk {
    background-position: -4537px 0px
}

.country-flag__sl {
    background-position: -4559px 0px
}

.country-flag__sm {
    background-position: -4581px 0px
}

.country-flag__sn {
    background-position: -4603px 0px
}

.country-flag__so {
    background-position: -4625px 0px
}

.country-flag__sr {
    background-position: -4647px 0px
}

.country-flag__ss {
    background-position: -4669px 0px
}

.country-flag__st {
    background-position: -4691px 0px
}

.country-flag__sv {
    background-position: -4713px 0px
}

.country-flag__sx {
    background-position: -4735px 0px
}

.country-flag__sy {
    background-position: -4757px 0px
}

.country-flag__sz {
    background-position: -4779px 0px
}

.country-flag__ta {
    background-position: -4801px 0px
}

.country-flag__tc {
    background-position: -4823px 0px
}

.country-flag__td {
    background-position: -4845px 0px
}

.country-flag__tf {
    background-position: -4867px 0px
}

.country-flag__tg {
    background-position: -4889px 0px
}

.country-flag__th {
    background-position: -4911px 0px
}

.country-flag__tj {
    background-position: -4933px 0px
}

.country-flag__tk {
    background-position: -4955px 0px
}

.country-flag__tl {
    background-position: -4977px 0px
}

.country-flag__tm {
    background-position: -4999px 0px
}

.country-flag__tn {
    background-position: -5021px 0px
}

.country-flag__to {
    background-position: -5043px 0px
}

.country-flag__tr {
    background-position: -5065px 0px
}

.country-flag__tt {
    background-position: -5087px 0px
}

.country-flag__tv {
    background-position: -5109px 0px
}

.country-flag__tw {
    background-position: -5131px 0px
}

.country-flag__tz {
    background-position: -5153px 0px
}

.country-flag__ua {
    background-position: -5175px 0px
}

.country-flag__ug {
    background-position: -5197px 0px
}

.country-flag__um {
    background-position: -5219px 0px
}

.country-flag__un {
    background-position: -5241px 0px
}

.country-flag__us {
    background-position: -5263px 0px
}

.country-flag__uy {
    background-position: -5285px 0px
}

.country-flag__uz {
    background-position: -5307px 0px
}

.country-flag__va {
    background-position: -5329px 0px
}

.country-flag__vc {
    background-position: -5346px 0px
}

.country-flag__ve {
    background-position: -5368px 0px
}

.country-flag__vg {
    background-position: -5390px 0px
}

.country-flag__vi {
    background-position: -5412px 0px
}

.country-flag__vn {
    background-position: -5434px 0px
}

.country-flag__vu {
    background-position: -5456px 0px
}

.country-flag__wf {
    background-position: -5478px 0px
}

.country-flag__ws {
    background-position: -5500px 0px
}

.country-flag__xk {
    background-position: -5522px 0px
}

.country-flag__ye {
    background-position: -5544px 0px
}

.country-flag__yt {
    background-position: -5566px 0px
}

.country-flag__za {
    background-position: -5588px 0px
}

.country-flag__zm {
    background-position: -5610px 0px
}

.country-flag__zw {
    background-position: -5632px 0px
}

.phone-number {
    display: flex
}

.phone-number__ext {
    width: 4em
}

.phone-number__ext-label {
    color: #757575;
    padding: 0 0.5em
}

.phone-number__code {
    position: absolute
}

.phone-number__number {
    padding-left: 40px;
    width: 100%
}

.phone-number__selected-code {
    padding: 5px 0 5px 5px;
    width: 40px
}

.code-option__name {
    color: #222;
    padding-right: 5px
}

.code-option__code {
    color: #757575
}

.code-option__flag {
    vertical-align: middle;
    display: inline-block;
    margin-right: 7px;
    width: 20px
}

.code-selection {
    height: 25px;
    justify-content: space-between;
    display: flex
}

.code-selection__flag {
    padding: 2px 0;
    width: 20px
}

.code-selection__arrows {
    position: relative;
    width: 10px
}

.code-selection__icon {
    width: 7px;
    height: 7px;
    position: absolute
}

.code-selection__up {
    top: 0;
    left: 0
}

.code-selection__down {
    bottom: 2px;
    left: 0
}

.phone-number__number {
    padding-left: 40px
}

.code-selection {
    height: 32px
}

.code-selection__flag {
    padding: 5px 0
}

.code-selection__up {
    top: 2px
}

.code-selection__down {
    bottom: 4px
}

.custom-select__list {
    background-color: #fefefe;
    border: 1px solid #C5DBEC;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    position: absolute;
    max-height: 200px;
    overflow: auto;
    display: none;
    cursor: pointer;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: -moz-hidden-unscrollable;
    z-index: 1000
}

.custom-select__list--shown {
    display: block
}

.custom-select__selection {
    padding: 0;
    cursor: pointer;
    background: none;
    border: none
}

.custom-select__separator {
    border-bottom: 1px solid #ddd;
    height: 0
}

.custom-select__option {
    padding: 7px 10px;
    outline: none
}

    .custom-select__option:hover, .custom-select__option--selected {
        background-color: #f4f4f4
    }

.device-sharing__record-name {
    color: #575757
}

.device-sharing__record-value {
    color: #202328
}

.device-sharing__record {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.device-sharing__record-item {
    margin: 5px 0;
    width: 250px;
    min-width: 200px;
    display: flex;
    flex: 1 1 auto
}

.device-sharing__group {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    align-items: center;
    justify-self: flex-start;
    flex-wrap: wrap
}

.device-sharing__record-name {
    display: none;
    min-width: 180px;
    color: #757575
}

.device-sharing__record-value {
    color: #222
}

@media (max-width:730px) {
    .device-sharing__record {
        flex-direction: column;
        align-items: flex-start
    }

    .device-sharing__group {
        flex-direction: column
    }

    .device-sharing__record-item {
        align-items: center;
        min-width: auto;
        width: 100%
    }

    .device-sharing__record-name {
        display: inline
    }
}

@media (max-width:400px) {
    .device-sharing__record-item {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center
    }

    .device-sharing__record-name {
        display: inline;
        margin-bottom: 3px
    }
}

.device-sharing-dialog__block {
    padding: 10px 25px 10px 10px
}

.device-sharing-dialog__sub-info {
    padding: 10px 25px 10px 30px
}

.device-sharing-dialog__data-info {
    padding: 8px 25px 8px 8px
}

.device-sharing-dialog__multiple-select {
    display: flex;
    padding-top: 10px
}

.device-sharing-dialog__scrollable-content {
    max-height: 200px;
    overflow-y: auto;
    padding: 10px
}

.device-sharing-dialog__select-item {
    padding: 0 10px
}

.device-sharing-dialog__plans {
    display: inline-block;
    width: 130px;
    padding-bottom: 10px
}

.device-sharing-dialog--bold-text {
    font-weight: 700
}

.device-sharing-dialog--gray-text {
    color: gray
}

.selected-list {
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 0;
    margin: 6px 0
}

.selected-list__list {
    margin: 0;
    padding: 0
}

.selected-list__item-link {
    padding: 0
}

.selected-list__item {
    display: flex;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    align-items: center;
    border-radius: 18px;
    background-color: #eff2f7;
    padding: 4px 7px;
    border: 1px solid #eff2f7;
    display: block;
    line-height: 16px;
    margin: 12px 0;
    color: #000;
    width: 100%;
    position: relative;
    list-style-type: none
}

.selected-list__item--no-margin {
    margin: 0px
}

.selected-list__item__name {
    display: block;
    color: #202328;
    margin-right: 6px;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.selected-list__item__remove {
    width: 16px;
    min-width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: inherit;
    border: none;
    outline: none;
    border-radius: 50%;
    padding: 0
}

    .selected-list__item__remove .svgIcon {
        fill: #202328;
        width: 8px;
        height: 8px;
        margin: 4px auto
    }

    .selected-list__item__remove:hover, .selected-list__item__remove:focus {
        background-color: #66788C
    }

        .selected-list__item__remove:hover .svgIcon, .selected-list__item__remove:focus .svgIcon {
            fill: #FFF
        }

.selected-list__item--focusable {
    outline: none;
    cursor: pointer
}

    .selected-list__item--focusable:hover, .selected-list__item--focusable:active, .selected-list__item--focusable:focus {
        background-color: #66788C;
        border-color: #66788C
    }

        .selected-list__item--focusable:hover .geo-tag__name, .selected-list__item--focusable:active .geo-tag__name, .selected-list__item--focusable:focus .geo-tag__name {
            color: #FFF
        }

    .selected-list__item--focusable .geo-tag__name {
        margin-right: 0px;
        color: #202328
    }

.selected-list__item--invalid {
    background-color: #FFF2D2;
    color: #784600
}

    .selected-list__item--invalid .selected-list__item-link {
        color: #00E
    }

    .selected-list__item--invalid .selected-list__close-icon {
        fill: #784600
    }

.selected-list__title-part--invalid {
    color: #784600
}

.selected-list__close-button {
    width: 16px;
    min-width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: inherit;
    border: none;
    outline: none;
    border-radius: 50%;
    padding: 0;
    display: block;
    top: 4px;
    position: absolute;
    right: 4px;
    background-color: transparent
}

    .selected-list__close-button .svgIcon {
        fill: #202328;
        width: 8px;
        height: 8px;
        margin: 4px auto
    }

    .selected-list__close-button:hover, .selected-list__close-button:focus {
        background-color: #66788C
    }

        .selected-list__close-button:hover .svgIcon, .selected-list__close-button:focus .svgIcon {
            fill: #FFF
        }

.selected-list__close-icon {
    pointer-events: none
}

.support-user .support-user__filter {
    margin-bottom: 10px
}

    .support-user .support-user__filter .inputBox {
        width: 200px
    }

.support-user .support-user__warning {
    margin-bottom: 10px
}

.report-pill {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px
}

.report-pill__back-link {
    display: none;
    margin-right: 10px;
    white-space: nowrap
}

.report-pill--hidden {
    display: none
}

@media (max-width:900px) {
    .report-pill {
        padding: 5px 0
    }

    .report-pill__back-link {
        display: flex
    }
}

.certificate {
    border-bottom: solid 1px #C7CBD2;
    padding: 0 0 10px 0
}

.certificate__form {
    overflow: hidden;
    padding-top: 10px
}

.certificate__row {
    width: 94%;
    margin: 4px 0;
    padding: 0.5em 2%;
    clear: both
}

.certificate__approve-info {
    overflow: hidden;
    display: flex
}

.certificate__approve-svg {
    flex-shrink: 0;
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 20px
}

.certificate__approve-icon {
    stroke: #51a351;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 47px;
    fill: none
}

.certificate__approve-icon--approved {
    animation: dash 0.7s ease-in
}

.certificate__file-name {
    flex-shrink: 1;
    line-height: 20px;
    min-width: 0
}

.certificate__controls {
    display: flex;
    overflow: hidden;
    justify-content: flex-end
}

.certificate__cancel-button {
    margin-right: 5px
}

.certificate__update-button {
    float: right;
    width: 69%
}

@keyframes dash {
    from {
        stroke-dashoffset: 47px
    }

    to {
        stroke-dashoffset: 0
    }
}

.notifications-restrictions-help-text {
    padding-top: 0;
    font-style: italic;
    color: #757575
}

    .notifications-restrictions-help-text:hover {
        background: none !important
    }

.simple-toolbar {
    display: flex;
    height: 56px;
    padding: 12px;
    background-color: #EFF2F7
}

.simple-toolbar__item {
    margin-right: 8px;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0
}

.simple-toolbar-popup {
    padding: 8px
}

.simple-toolbar-popup__item {
    width: 100%;
    margin-bottom: 8px
}

.geo-buttons-wrapper__button {
    margin-top: 0;
    margin-bottom: 0
}

.geo-switch-button__label {
    width: 100%;
    height: 100%;
    display: inline-flex;
    font-size: 12px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 400;
    align-items: center;
    line-height: normal;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    padding: 7px 9px;
    cursor: pointer;
    outline: none;
    background-color: #FFF;
    color: #202328;
    fill: #66788C
}

    .geo-switch-button__label:hover, .geo-switch-button__label:focus {
        color: #202328;
        border-color: #66788C;
        background-color: #F4F6F8;
        outline: none;
        text-decoration: none
    }

.geo-switch-button__input {
    position: absolute;
    left: -9999px
}

    .geo-switch-button__input:focus + .geo-switch-button__label {
        color: #202328;
        border-color: #66788C;
        background-color: #F4F6F8;
        fill: #66788C;
        outline: none;
        text-decoration: none
    }

    .geo-switch-button__input:checked + .geo-switch-button__label, .geo-switch-button__label--checked {
        color: #FFF;
        border-color: #66788C;
        background-color: #66788C;
        fill: #FFF;
        outline: none
    }

        .geo-switch-button__input:focus:checked + .geo-switch-button__label, .geo-switch-button__input:hover:checked + .geo-switch-button__label, .geo-switch-button__label--checked:focus, .geo-switch-button__label--checked:hover {
            color: #FFF;
            border-color: #66788C;
            background-color: #282F36;
            fill: #FFF;
            outline: none
        }

    .geo-switch-button__input:disabled + .geo-switch-button__label, .geo-switch-button__input:checked:disabled + .geo-switch-button__label, .geo-switch-button__label:disabled .geo-switch-button__label--checked:disabled {
        background-color: #FFF;
        color: #C7CBD2;
        fill: #C7CBD2;
        border-color: #C7CBD2;
        pointer-events: none
    }

.geo-switch-button--dark-theme .geo-switch-button__label {
    background-color: #3C5063;
    color: #FFF
}

.geo-switch-button--dark-theme .geo-switch-button__input:checked + .geo-switch-button__label, .geo-switch-button--dark-theme .geo-switch-button__label--checked {
    color: #25477B;
    background-color: #ffffff
}

.email-sender__account {
    margin-right: 5px;
    margin-bottom: 5px
}

.email-sender__domain {
    padding-right: 20px
}

.email-sender__update-button {
    width: 18px;
    height: 18px;
    fill: #202328;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0 0 0 -22px;
    cursor: pointer
}

    .email-sender__update-button:hover {
        fill: #0078D3
    }

.email-sender__update-icon {
    margin-bottom: -2px
}

.custom-profile {
    width: auto;
    display: inline-flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.custom-profile__select {
    margin-right: 3px;
    margin-bottom: 5px;
    max-width: 200px
}

.custom-profile__button {
    flex: 0 0 auto;
    margin-right: 3px;
    margin-bottom: 5px
}

.live-panel-filter {
    position: relative
}

.live-panel-filter__icon {
    fill: #FFF;
    position: absolute;
    left: 8px;
    top: 8px
}

.live-panel-filter__icon--disabled {
    fill: #66788C
}

.live-panel-filter__close-button {
    fill: #FFF;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    border: none;
    padding: 0;
    background-color: transparent
}

.live-panel-filter__asset-monitoring-close-button {
    fill: #66788C;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    border: none;
    padding: 0;
    background-color: transparent
}

.live-panel-filter__input {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 32px;
    width: 100%
}

.live-panel-filter__asset-monitoring-input {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    color: #202328
}

.live-panel-filter--active .live-panel-filter__icon {
    display: none
}

.live-panel-filter--active .live-panel-filter__input {
    padding-left: 8px;
    padding-right: 26px
}

.inline-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 350px;
    padding: 5px 10px;
    border-radius: 4px;
    color: #FFF;
    opacity: 0.9;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    background-color: #0B2032
}

.inline-tooltip--right:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 14px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent #0B2032 transparent transparent
}

.inline-tooltip--right:after {
    content: "";
    position: absolute;
    left: -11px;
    top: 14px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent #0B2032 transparent transparent
}

.geo-trip-date-range__navigation {
    float: left;
    padding-right: 1px;
    margin: 0 0.4em
}

.geo-trip-date-range__date-link {
    margin: 0 0.4em;
    padding: 0 2em;
    font-size: 20px
}

.geo-trip-date-range__date-link--mobile {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.geo-trip-date-range__next-button {
    transform: scaleX(-1)
}

.geo-trip-date-range {
    display: flex;
    justify-content: flex-end;
    flex: 1 0 auto;
    align-items: center
}

.geo-trip-date-range__date-link {
    margin: 0 4px
}

@media (max-width:767px) {
    .geo-trip-date-range {
        justify-content: center
    }

    .geo-trip-date-range__date-link {
        padding: 0 0px
    }
}

.email-warning__text {
    margin-bottom: 10px
}

.email-warning__action-text {
    font-weight: bold
}

.phone-warning__phone {
    display: flex;
    align-items: center;
    margin: 10px auto
}

.phone-warning__phone-input {
    margin-left: 10px
}

.phone-warning__phone-error {
    display: none
}

.phone-warning--invalid .phone-warning__phone-error {
    display: block
}

@media (max-width:500px) {
    .phone-warning__phone {
        flex-direction: column;
        align-items: start
    }

    .phone-warning__phone-input {
        margin-left: 0
    }
}

.in-contact-chat {
    position: absolute;
    z-index: 9999999;
    height: 500px;
    width: 400px;
    border: 1px solid #2E2E2E;
    border-radius: 4px;
    overflow: hidden
}

.in-contact-chat__header {
    height: 30px;
    width: 100%;
    background-color: #25477B;
    display: flex;
    justify-content: flex-end;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.in-contact-chat__content {
    height: calc(100% - 30px);
    width: 100%;
    overflow: hidden;
    background: #FFF
}

.in-contact-chat__frame {
    height: 100%;
    min-height: 370px;
    width: 100%;
    border: none
}

.in-contact-chat__resize-icon, .in-contact-chat__close-icon {
    width: 16px;
    height: 16px;
    fill: #FFF
}

.in-contact-chat__resize, .in-contact-chat__close {
    border: none;
    background: none;
    cursor: pointer
}

.in-contact-chat__maximize-icon {
    display: none
}

.in-contact-chat--dragging .in-contact-chat__frame {
    pointer-events: none
}

.in-contact-chat--dragging .in-contact-chat__header {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

.geo-meter {
    width: 100%;
    height: 100%;
    border-radius: 9px;
    border: 1px solid #0062A9;
    background-color: #FFF;
    overflow: hidden;
    contain: strict
}

.geo-meter__fill {
    height: 100%
}

.file-information {
    min-height: 108px;
    background: #EFF2F7;
    border-radius: 4px;
    align-items: center;
    padding: 8px;
    margin: 8px 0px
}

.file-information__document-icon {
    margin-right: 4px
}

.file-information__delete-icon {
    position: absolute;
    right: 30px;
    cursor: pointer;
    border: none;
    padding: 0;
    margin: 0
}

.file-information__size {
    color: #575757
}

.file-information__container {
    display: flex;
    margin: 10px
}

.file-information__button-container {
    margin: 10px
}

.toggler-checkbox {
    width: 30px;
    min-width: 30px;
    height: 16px;
    min-height: 16px;
    border-radius: 16px;
    padding: 2px;
    background-color: #66788C;
    overflow: visible;
    position: relative;
    cursor: pointer
}

.toggler-checkbox__runner {
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
    border-radius: 50%;
    background-color: #fff
}

.toggler-checkbox__focus {
    display: none;
    position: absolute;
    width: 26px;
    min-width: 26px;
    height: 26px;
    min-height: 26px;
    border-radius: 50%;
    opacity: 0.4;
    top: -5px;
    background-color: #66788C;
    left: -5px
}

.toggler-checkbox:focus, .toggler-checkbox:hover {
    outline: none
}

    .toggler-checkbox:focus .toggler-checkbox__focus, .toggler-checkbox:hover .toggler-checkbox__focus {
        display: block
    }

.toggler-checkbox--checked {
    background-color: #0078D3
}

    .toggler-checkbox--checked .toggler-checkbox__runner {
        float: right
    }

    .toggler-checkbox--checked .toggler-checkbox__focus {
        background-color: #0078D3;
        left: unset;
        right: -5px
    }

.toggler-checkbox--disabled {
    opacity: 0.6
}

    .toggler-checkbox--disabled .toggler-checkbox__focus {
        visibility: hidden
    }

.bulk-edit-control {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 0px;
    width: 100%;
    border: none;
    color: #202328
}

.bulk-edit-control__label {
    padding: 0px;
    margin: 0px 32px 0px 0px;
    font-size: 12px;
    line-height: 16px;
    width: 160px;
    color: #575757
}

.bulk-edit-control__inputs {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    margin: 0px
}

.bulk-edit-control__radio {
    width: 16px;
    height: 16px;
    margin: 0px
}

.bulk-edit-control__radio-label {
    font-size: 12px;
    line-height: 16px;
    margin: 1px 16px 0px 12px
}

.bulk-edit-control--changed {
    background-color: #E5F7FD
}

.audio-feedback-tab__legend {
    width: 100%;
    height: 37px;
    padding: 10px 0px;
    margin: 0px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
}

.audio-feedback-tab__control {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 6px 8px;
    margin-top: 8px
}

.audio-feedback-tab__control--changed {
    background-color: #E5F7FD
}

.audio-feedback-tab__comment {
    font-size: 12px;
    line-height: 16px;
    padding: 8px;
    color: #575757;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-style: italic
}

.audio-feedback-tab__label {
    width: 160px;
    font-size: 12px;
    line-height: 16px;
    color: #575757;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0px 32px 0px 0px
}

.audio-feedback-tab__sub-tab {
    max-width: 520px;
    margin: 8px 8px 0px 216px
}

.audio-feedback-tab__sub-control {
    margin: 8px 0px 0px 0px
}

@media (max-width:650px) {
    .audio-feedback-tab {
        padding: 15px
    }

    .audio-feedback-tab__sub-tab {
        margin: 8px 8px 0px 16px
    }

    .audio-feedback-tab__bulk-control {
        flex-direction: column;
        align-items: flex-start
    }
}

.go-talk-language {
    display: flex;
    flex-direction: row;
    align-items: center
}

.go-talk-language__label-wrapper {
    display: flex;
    flex-direction: column;
    width: 160px;
    margin: 0px 32px 0px 0px
}

.go-talk-language__label {
    font-size: 12px;
    line-height: 16px;
    color: #575757;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.go-talk-language__status {
    font-size: 12px;
    line-height: 16px;
    color: #DE3030;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 400
}

.go-talk-language__status--connected {
    color: #28600D
}

.go-talk-language__control {
    margin: 0px 8px 0px 0px
}

@media (max-width:650px) {
    .go-talk-language {
        width: calc(100% - 32px);
        flex-direction: column;
        align-items: flex-start
    }

    .go-talk-language__label-wrapper {
        width: 100%;
        margin-right: 0px;
        flex-direction: row
    }

    .go-talk-language__status {
        margin-left: 4px
    }

    .go-talk-language__control {
        max-width: 280px;
        width: calc(100% - 8px);
        margin: 8px 0px 0px 8px
    }
}

@media only screen and (max-width:992px) {
    .device-editor .audio-feedback-tab.device-editor__form.inset {
        margin-top: 0
    }
}

.page-bookmark {
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
    height: 20px;
    vertical-align: middle
}

.page-bookmark__inactive {
    fill: #66788C;
    width: 18px;
    height: 20px
}

.page-bookmark__active {
    display: none;
    fill: #0078D3;
    width: 18px;
    height: 20px
}

.page-bookmark:hover, .page-bookmark:focus {
    outline: none
}

    .page-bookmark:hover .page-bookmark__inactive, .page-bookmark:focus .page-bookmark__inactive {
        display: none
    }

    .page-bookmark:hover .page-bookmark__active, .page-bookmark:focus .page-bookmark__active {
        fill: #66788C;
        display: block
    }

.page-bookmark--active .page-bookmark__inactive {
    display: none
}

.page-bookmark--active .page-bookmark__active {
    display: block
}

.page-bookmark--active:hover .page-bookmark__active, .page-bookmark--active:focus .page-bookmark__active {
    fill: #25477B
}

.page-bookmark--disabled {
    opacity: 0.3
}

    .page-bookmark--disabled .page-bookmark__inactive {
        display: none
    }

    .page-bookmark--disabled .page-bookmark__active {
        fill: #66788C;
        display: block
    }

    .page-bookmark--disabled:focus .page-bookmark__active {
        fill: #25477B
    }

.label-01 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.caption-01 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.helper-text {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.body-short-01 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.body-tall-01 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.body-02 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.heading-00 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.heading-01 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.heading-02 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.heading-03 {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-04 {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-mobile-04 {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-05 {
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 2.25rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-mobile-05 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 2rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.productive-heading-06 {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.data-lg {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.5rem;
    text-transform: none;
    font-family: "Roboto Mono"
}

.data-md {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: "Roboto Mono"
}

.data-sm {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: "Roboto Mono"
}

@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/robotomono/RobotoMono-Regular.woff2") format("woff2"),url("../../fonts/robotomono/RobotoMono-Regular.woff") format("woff"),url("../../fonts/robotomono/RobotoMono-Regular.otf") format("opentype")
}

.activeInsights {
    background-color: #F8F9FC;
    min-height: calc(100vh - 54px);
    position: relative
}

.activeInsights__dashboard-toolbar {
    background-color: #EFF2F7;
    display: flex;
    padding: 0.75rem 1rem;
    position: relative
}

.activeInsights__page-header {
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 2.25rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 1.25rem 1rem;
    display: flex;
    align-items: center
}

.activeInsights__insights {
    background-color: #F8F9FC;
    border-top: 0.0625rem solid #C7CBD2;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 5rem;
    margin: 0;
    overflow: hidden
}

.activeInsights__disclaimer-container {
    position: relative;
    margin-left: 1rem;
    margin-right: 1rem;
    border-radius: 0.25rem;
    margin-top: auto;
    position: absolute;
    bottom: 0;
    width: calc(100% - 32px)
}

    .activeInsights__disclaimer-container .disclaimer__alert {
        border: 0 none transparent
    }

.activeInsights__alert.alert {
    border: 0 none transparent;
    bottom: 0.25rem;
    margin: 0 0.25rem;
    position: absolute;
    width: calc(99.5%);
    z-index: 999
}

.activeInsights__popup {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10008
}

    .activeInsights__popup .hide {
        display: none
    }

    .activeInsights__popup .show {
        display: flex
    }

.activeInsights__popup--footer-height .footer {
    height: auto
}

.toolbar__about-button, .toolbar__filter-by-type, .toolbar__show-hidden-insights, .toolbar__sort-by-filter {
    color: #202328;
    margin-right: 0.5rem
}

.toolbar__filter-by-type {
    flex-shrink: 0;
    width: 11.8125rem
}

.toolbar__sort-by-filter {
    flex-shrink: 0;
    width: 10.75rem
}

.toolbar__about-button {
    flex-shrink: 0;
    width: 9rem
}

.toolbar__show-hidden-insights .dropdown {
    background: white;
    opacity: 1;
    width: 10.25rem
}

.popup-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f5f5f5;
    opacity: 0.5;
    z-index: 10007
}

.options-popup .toolbar__show-hidden-insights .dropdown-wrapper {
    flex-grow: 0
}

    .options-popup .toolbar__show-hidden-insights .dropdown-wrapper .dropdown {
        margin-right: 0
    }

.options-popup .toolbar__about-button {
    margin: 1rem
}

.insight__header {
    display: flex;
    flex-direction: row;
    padding-bottom: 0.25rem
}

.insight__header-icon {
    margin-right: 0.625rem
}

.insight__title {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #202328
}

.insight__subheading {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    display: flex;
    min-height: 1.25rem
}

.insight__subheading--loading {
    align-items: center
}

.insight__subheading-count {
    margin-right: 0.21875rem
}

.insight__subheading-count--loading {
    height: 20px;
    width: 30px;
    position: relative;
    right: 10px
}

.insight__subheading-type--loading {
    margin-left: -0.40625rem
}

.insight__info {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    flex: 0 1 6.5rem;
    position: relative;
    padding: 0.5rem 0.75rem;
    margin: 0 -0.75rem
}

.insight__info-container {
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
    line-height: 1rem
}

.insight__info--4-lines {
    -webkit-line-clamp: 4;
    line-clamp: 4
}

.insight__info--5-lines {
    -webkit-line-clamp: 5;
    line-clamp: 5
}

.insight__preview-banner {
    display: none
}

.insight__footer {
    flex: 0 0 2rem;
    margin-top: 0.75rem
}

    .insight__footer .insight__hide, .insight__footer .insight__view {
        display: inline-block;
        margin-right: 0.5rem
    }

.insight__preview-banner {
    display: none
}

.activeInsights__insights > .dashboard-insight--inactive-card::before {
    background-color: white;
    content: "";
    opacity: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.activeInsights__insights > .dashboard-insight--inactive-card .insight__preview-banner {
    background-color: white;
    box-shadow: 0 0 0.5rem 0.125rem rgba(0,0,0,0.2);
    color: #25477B;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 2rem 0;
    position: absolute;
    top: 4.875rem;
    right: -5rem;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-30deg);
    width: 145%;
    z-index: 3
}

.activeInsights > .activeInsights__insights > .dashboard-insight.card > .cardContent {
    padding: 0;
    display: flex;
    overflow: visible
}

.dashboard-insight {
    display: flex;
    height: 14.3125rem;
    width: 20.5rem;
    padding: 1rem 0.75rem 0.8125rem 0.75rem;
    overflow: visible;
    margin: 1.25rem 0 0 1.25rem
}

.dashboard-insight__card-content {
    display: flex;
    flex-direction: column;
    height: 14.5rem
}

.feedback-popup {
    background-color: white;
    display: block;
    max-height: 80vh;
    overflow-y: scroll;
    width: 27.6875rem
}

    .feedback-popup::-webkit-scrollbar {
        height: 0.875rem;
        width: 0.875rem
    }

    .feedback-popup::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: #66788C;
        border: 0.25rem solid transparent;
        border-radius: 0.4375rem
    }

    .feedback-popup::-webkit-scrollbar-track {
        background: white
    }

.feedback-popup__heading {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0.25rem 0 1.5rem
}

.feedback-popup__subheading {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    margin: 1rem 0
}

.feedback-popup__title {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    margin: 2rem 0 0.5rem
}

.feedback-popup__replacing-date {
    position: absolute;
    z-index: 1;
    top: 0
}

.feedback-popup__replacing-date-input {
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    height: 2rem;
    margin-bottom: 0.5rem
}

.feedback-popup__textarea {
    transform: rotate(0);
    width: 100%
}

.feedback-popup__options {
    color: black;
    display: flex;
    flex-direction: column
}

    .feedback-popup__options .showTextOrIcon {
        height: 2rem
    }

.feedback-popup__button {
    float: right;
    margin-top: 1.5rem
}

.feedback-popup__button--cancel {
    margin-right: 0.5rem
}

.feedback-popup__footer {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #737373;
    display: inline-block;
    margin-top: 2rem
}

.dropdown__input[placeholder], .dropdown__input::placeholder, .dropdown__input:placeholder-shown, .dropdown__input::-webkit-input-placeholder {
    text-overflow: ellipsis
}

.feedback-popup.activeInsights__popup.popup.general-feedback__popup .general-feedback-options {
    flex-direction: row
}

    .feedback-popup.activeInsights__popup.popup.general-feedback__popup .general-feedback-options .showTextOrIcon {
        flex-direction: column;
        height: 3.5rem;
        margin: 0 0.25rem 0.5rem;
        padding-top: 0.125rem
    }

        .feedback-popup.activeInsights__popup.popup.general-feedback__popup .general-feedback-options .showTextOrIcon .radio-icon {
            margin-bottom: 0.5rem;
            margin-right: 0
        }

.replacing-date-options {
    position: relative
}

.feedback-popup.activeInsights__popup.popup.activeInsights__popup--custom-padding > .content {
    padding: 1.5rem 1.375rem 1rem 1.5rem
}

.feedback-popup.activeInsights__popup.popup.activeInsights__popup--custom-padding:not(.general-feedback__popup) .feedback-popup__options .showTextOrIcon {
    margin-left: -0.5rem
}

@media (max-width:1200px) {
    .sort-dropdown__container .sort-by-button {
        width: 8.6875rem
    }

        .sort-dropdown__container .sort-by-button .dna-icon {
            flex: 0 0 1rem
        }

    .sort-dropdown__container .content {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width:992px) {
    .toolbar__filter-by-type {
        width: 4.5625rem
    }

        .toolbar__filter-by-type .dropdown-list.card {
            width: 11.8125rem
        }

    .toolbar__sort-by-filter {
        width: 6.75rem
    }

    .feedback-popup.activeInsights__popup.popup.general-feedback__popup .general-feedback-options {
        overflow-x: scroll
    }
}

@media (max-width:768px) {
    .activeInsights .activeInsights__insights {
        flex-direction: column;
        align-items: center
    }

        .activeInsights .activeInsights__insights .dashboard-insight {
            margin: 0;
            margin-top: 1rem
        }

            .activeInsights .activeInsights__insights .dashboard-insight:last-of-type {
                margin-bottom: 3rem
            }

    .feedback-popup {
        width: 95%;
        z-index: 1000002
    }

        .feedback-popup .content::after {
            content: "";
            display: block;
            clear: both
        }

    .feedback-popup__footer {
        width: 100%
    }

    .feedback-popup__button {
        margin-top: 0
    }

    .active-insights__toolbar-item .dropdown-list {
        left: unset;
        right: 0
    }
}

@media (max-width:480px) {
    .feedback-popup__replacing-date {
        left: -1.5rem
    }
}

.activeInsight__no-insights {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #575757
}

.activeInsight__no-insights-heading {
    font-size: 20px
}

.activeInsight__no-insights-sub-heading {
    max-width: 400px;
    font-size: 14px
}

.activeInsight__row-loading {
    background-color: #f4f6f8;
    display: flex;
    width: 100%;
    height: 50px;
    position: relative
}

.activeInsight__row-loading-title {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    color: #0062A9
}

.activeInsight__row-loading-content {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    position: relative
}

.activeInsightsElectricalSystemsRating__container {
    display: flex
}

.activeInsightsElectricalSystemsRating .summary-panel {
    border-left: 0.0625rem solid #C7CBD2;
    padding: 0 1rem;
    height: calc(100vh - 110px);
    width: 33%;
    overflow-y: scroll
}

    .activeInsightsElectricalSystemsRating .summary-panel::-webkit-scrollbar {
        height: 0.875rem;
        width: 0.875rem
    }

    .activeInsightsElectricalSystemsRating .summary-panel::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: #66788C;
        border: 0.25rem solid transparent;
        border-radius: 0.4375rem
    }

    .activeInsightsElectricalSystemsRating .summary-panel::-webkit-scrollbar-track {
        background: white
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__title {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.5rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        display: flex;
        margin: 1.5rem 0
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__activity-icon {
        display: inline-block;
        margin-right: 0.5rem;
        fill: #202328
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__zones-identified-header {
        margin-top: 1.5rem
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__content-header {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0.01rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 500;
        align-items: center;
        display: flex;
        margin: 2rem 0 0.5rem 0
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__stats-container {
        display: flex;
        flex-direction: row
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__statistic-label {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        color: #575757;
        min-width: 8.75rem;
        margin-right: 1rem
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__statistic-label-narrow {
        width: 9.75rem
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__statistic-data {
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 2.5rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-family: "Roboto Mono";
        align-items: center;
        color: #202328;
        display: inline-flex;
        height: 2.5rem;
        width: 2.5rem
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__statistic-horizontal {
        margin-bottom: 0.5rem;
        margin-right: 1.5rem
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__statistic-data {
        display: block
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__text-description {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        margin-top: 1.375rem
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__statistic-vertical {
        display: flex;
        flex-direction: column
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__alert {
        display: flex;
        background-color: #e5f7fd;
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.01875rem;
        margin-top: 0.625rem;
        border: 0 none transparent
    }

    .activeInsightsElectricalSystemsRating .summary-panel .summary__alert-button {
        background: none;
        color: #0062a9;
        border: none;
        padding: 0
    }

        .activeInsightsElectricalSystemsRating .summary-panel .summary__alert-button:hover {
            cursor: pointer
        }

    .activeInsightsElectricalSystemsRating .summary-panel .zones-identified__statistic {
        display: flex;
        flex-direction: column
    }

    .activeInsightsElectricalSystemsRating .summary-panel .cost-avoidance {
        flex-wrap: wrap
    }

    .activeInsightsElectricalSystemsRating .summary-panel .alert__icon {
        flex: 0 0 auto;
        margin-right: 0.5rem;
        margin-top: 0.625rem
    }

    .activeInsightsElectricalSystemsRating .summary-panel .alert {
        border: 0 none transparent;
        margin-top: 2.5rem
    }

        .activeInsightsElectricalSystemsRating .summary-panel .alert .alert-text-button {
            min-width: 5rem
        }

.toolbar-button.navigation-toolbar__item {
    margin: 0
}

.toolbar-button.navigation-toolbar__rule-notifications {
    min-width: 12.75rem
}

.toolbar-button.navigation-toolbar__feedback {
    min-width: 6.25rem
}

.toolbar-item__setup-esr-rule {
    margin-left: auto
}

.checkmateToolbarContainer--allow-geo-popup-overflow .geo-popup {
    overflow: visible
}

.active-insights__toolbar-item--z-index .sort-dropdown-container.esr-sort-by-filter {
    z-index: 1000
}

.active-insights__toolbar-item--z-index .esr-search-filter {
    z-index: 1001
}

.electrical-systems-rating {
    background-color: white;
    display: flex;
    flex-direction: column;
    width: 67%
}

.electrical-systems-rating__header {
    border-bottom: none;
    justify-content: start
}

.electrical-systems-rating__header-main-line {
    justify-content: unset
}

.electrical-systems-rating__learn-more-btn {
    margin-left: 1rem
}

.electrical-systems-rating__learn-more-container {
    display: block;
    margin-left: 2.125rem;
    max-width: 46.25rem;
    padding-right: 0.625rem
}

.electrical-systems-rating__filters {
    align-items: flex-end;
    display: flex;
    margin-top: 0.25rem;
    position: relative
}

.electrical-systems-rating__filters--hide {
    display: none
}

.electrical-systems-rating__table-heading {
    align-items: center;
    display: flex;
    justify-content: space-between
}

    .electrical-systems-rating__table-heading .table-heading__table-title {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 1.75rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        padding-left: 1rem
    }

    .electrical-systems-rating__table-heading .table-heading__pagination-container {
        display: flex;
        justify-content: flex-end;
        padding-right: 1rem
    }

    .electrical-systems-rating__table-heading .table-heading__items-displayed {
        align-items: center;
        display: flex;
        height: 4.1875rem;
        margin-right: 0.5rem;
        width: 100%
    }

    .electrical-systems-rating__table-heading .table-heading__items-displayed-text {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        color: #575757;
        font-size: 0.75rem
    }

    .electrical-systems-rating__table-heading .table-heading__tabs {
        display: flex;
        justify-content: space-between
    }

    .electrical-systems-rating__table-heading .table-heading__tabs-container {
        align-self: flex-end;
        flex: 1
    }

    .electrical-systems-rating__table-heading .table-heading__tab-counter {
        margin-left: 0.25rem
    }

.electrical-systems-rating__table .table-container {
    height: var(--max-height);
    position: relative;
    width: 100%
}

.electrical-systems-rating__table .insights-table {
    border-bottom: 0.0625rem solid #C7CBD2;
    width: 100%
}

    .electrical-systems-rating__table .insights-table tr td:first-of-type {
        min-width: 14.3125rem
    }

    .electrical-systems-rating__table .insights-table tr td:nth-of-type(2) {
        min-width: 17.375rem
    }

    .electrical-systems-rating__table .insights-table tr td:nth-of-type(3) {
        min-width: 14.125rem
    }

    .electrical-systems-rating__table .insights-table tr td:last-child {
        min-width: 13.125rem;
        white-space: normal
    }

.electrical-systems-rating__table .column-2.row-0, .electrical-systems-rating__table .column-3.row-0 {
    width: 100%
}

.electrical-systems-rating__table .tooltip-parent {
    height: 1rem;
    margin: 0 0 0.125rem 0.75rem;
    width: 1rem
}

.electrical-systems-rating__table .table__tooltip-icon {
    fill: white
}

.electrical-systems-rating__table .table-cell-hyperlink {
    background-color: transparent;
    font-weight: 500
}

.electrical-systems-rating__table .table__cell--has-icon .table__cell-icon {
    background-color: #459C58;
    border-radius: 0.625rem;
    fill: #fff;
    height: 1rem;
    margin-left: 0;
    margin-right: 0.625rem;
    margin-top: 0;
    padding: 0.1875rem;
    width: 1rem
}

.electrical-systems-rating__table .table-container {
    min-height: unset;
    height: auto
}

.electrical-systems-rating__table td {
    padding: 1.1875rem
}

    .electrical-systems-rating__table td .data-cell.column-0 {
        font-weight: 500
    }

.electrical-systems-rating__table th {
    padding: 1.0625rem
}

.electrical-systems-rating.centerPane {
    display: flex;
    flex-direction: column
}

.esr-rule-popup {
    max-width: 20rem
}

.esr-rule-popup__content {
    margin-bottom: 2rem
}

.esr-rule-popup__email {
    color: #0062A9
}

.learn-more__heading {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500
}

.learn-more__text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.learn-more__text--bold {
    display: none
}

.learn-more__example-tag {
    display: none
}

.learn-more__helper-text, .learn-more__disclaimer {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.learn-more__disclaimer {
    display: block;
    margin: 1.25rem 0
}

.rating-block {
    display: flex;
    height: 9rem
}

.rating-block__text {
    display: block;
    margin: 0.4375rem 0.5625rem
}

.rating-block__status--poor {
    max-width: 3.5rem;
    width: 100%;
    background-color: #fda9a9
}

.rating-block__status--caution {
    max-width: 4.5rem;
    width: 100%;
    background-color: #fcfdd1
}

.rating-block__status--fair {
    max-width: 8.9375rem;
    width: 100%;
    background-color: #cbedbb
}

.rating-block__status--good {
    max-width: 11.1875rem;
    width: 100%;
    background-color: #95c081
}

.rating-block__label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    text-align: center;
    margin-top: 0.3125rem
}

.rating-block__label--poor {
    max-width: 3.5rem;
    width: 100%
}

.rating-block__label--caution {
    max-width: 4.5rem;
    width: 100%
}

.rating-block__label--fair {
    max-width: 8.9375rem;
    width: 100%
}

.rating-block__label--good {
    max-width: 11.1875rem;
    width: 100%
}

.learn-more__formula {
    display: flex;
    margin-top: 1.5rem
}

.formula__container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.formula__breakdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.375rem;
    min-height: 3.125rem
}

.formula__label {
    margin-top: 0.3125rem;
    margin-bottom: 0;
    max-width: 10.3125rem;
    padding: 0 0.3125rem;
    text-align: center
}

.formula__operation {
    margin: 0.5rem 0.625rem 0
}

.formula__operation--equals {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0.3125rem
}

.formula__total, .formula__value {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-family: "Roboto Mono"
}

.formula__total {
    margin-top: 0;
    margin-left: 0.625rem;
    font-weight: 400
}

.formula__bracket--sm {
    width: 0.9375rem;
    height: 0.4375rem
}

.formula__bracket--lg {
    width: 1.75rem;
    height: 0.4375rem
}

.formula__times {
    width: 0.625rem;
    height: 0.4375rem
}

.formula__icon {
    stroke: black
}

.formula__icon--times {
    fill: black
}

.formula__icon--bracket {
    fill: none
}

.replacing-date-options .feedback-popup__replacing-date .month-year-row .spinner .spinner__input::placeholder {
    color: #202328
}

.activeInsights__dashboard-toolbar {
    display: none
}

@media (max-width:768px) {
    .activeInsightsElectricalSystemsRating .summary-panel {
        display: none
    }

    .activeInsightsElectricalSystemsRating .electrical-systems-rating {
        width: 100%
    }

    .activeInsightsElectricalSystemsRating .geo-page-header__page-name {
        display: block
    }

    .electrical-systems-rating__header-main-line {
        flex-wrap: wrap;
        height: unset
    }

    .electrical-systems-rating__table td .data-cell.column-2 {
        margin: 0.5rem 0
    }

    .electrical-systems-rating__learn-more-container {
        margin-left: 1rem;
        padding-bottom: 2rem
    }

    .navigation-toolbar__back {
        margin-left: 0
    }

    .learn-more__text--bold {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.5rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-family: "Roboto Mono";
        display: block;
        margin-top: 1rem
    }

    .learn-more__example-tag {
        display: block
    }

    .learn-more__formula {
        align-items: center
    }

    .learn-more__disclaimer {
        display: none
    }

    .formula__operation {
        margin: 0
    }

    .formula__total {
        margin-left: 0.5rem
    }

    .formula__breakdown {
        display: none
    }

    .electrical-systems-rating__table .table-container .insights-table .data-cell.column-3 .mobile-column-label {
        display: none
    }

    .electrical-systems-rating__table-heading .table-heading__pagination-container .table-heading__pagination .ellipses {
        margin: 0 0.25rem
    }
}

@media (max-width:480px) {
    .electrical-systems-rating__header {
        align-items: flex-start;
        flex-direction: column;
        height: unset
    }

    .electrical-systems-rating__header-name {
        overflow: visible
    }

    .electrical-systems-rating__learn-more-btn {
        align-self: flex-end;
        margin-top: 0.5rem
    }

    .electrical-systems-rating__table-heading {
        flex-direction: column;
        align-items: flex-start
    }

        .electrical-systems-rating__table-heading .table-heading__items-displayed {
            height: 2rem;
            margin-right: 0;
            width: unset
        }

        .electrical-systems-rating__table-heading .table-heading__pagination-container {
            align-self: flex-end;
            flex-wrap: wrap;
            padding-bottom: 0.75rem;
            padding-right: 0.5rem
        }
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .active-insights__toolbar-item .dropdown-container .dropdown-wrapper {
        flex: 1 1 auto
    }

        .active-insights__toolbar-item .dropdown-container .dropdown-wrapper .dropdown {
            flex: 1 1 12.5rem
        }
}

.activeInsightsNewZoneDetail {
    height: 100%
}

.activeInsightsNewZoneDetail__container {
    display: flex
}

.activeInsightsNewZoneDetail__rename-zone-popup {
    width: 21rem;
    z-index: 7
}

.activeInsightsNewZoneDetail__import-zone.zones-layout__form {
    top: 3.375rem
}

.rename-zone-popup__name {
    margin-top: 1rem
}

.toolbar-item__rename {
    margin-left: auto
}

.zone-detail {
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-rows: 3.5rem auto auto auto auto auto 1fr;
    grid-template-rows: repeat(6,auto) 1fr;
    -ms-grid-columns: 67% 33%;
    grid-template-columns: auto 33%;
    height: 100%;
    width: 100%
}

.zone-detail__header {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    align-items: baseline;
    border-bottom: none;
    display: flex;
    height: auto;
    justify-content: start;
    z-index: 3
}

.zone-detail__header-name {
    margin-right: 0.75rem
}

.zone-detail__content-container {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    background-color: white;
    color: #575757;
    display: flex;
    flex-direction: column;
    padding: 0.75rem 1rem 0 1rem;
    z-index: 3
}

.zone-detail__content-container--has-border {
    border-bottom: 0.0625rem solid #C4C4C4
}

.zone-detail__content-container--access-denied {
    display: none
}

.zone-detail__number-stops {
    -ms-grid-column: 1;
    -ms-grid-row: 5;
    padding-top: 1.5rem
}

.zone-detail__action-relevance {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    align-items: center;
    flex-direction: row;
    padding: 0.25rem 1rem 0.625rem 1rem
}

.zone-detail__duration-stops {
    -ms-grid-column: 1;
    -ms-grid-row: 6
}

.zone-detail__vehicle-activity {
    -ms-grid-column: 1;
    -ms-grid-row: 7
}

.zone-detail__tag {
    background-color: #EFF2F7;
    color: #202328;
    margin-right: 1rem
}

.zone-detail__content-header {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #202328;
    margin-bottom: 1.25rem
}

.zone-detail__content-section {
    display: flex;
    flex-direction: row;
    padding-bottom: 1.25rem
}

.zone-detail__stop-duration {
    margin-bottom: 0.25rem
}

.zone-detail__map-panel.map-panel {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    overflow: auto;
    z-index: 0;
    background-color: white;
    display: flex;
    grid-column: 2;
    grid-row-end: -1;
    grid-row-start: 1;
    height: calc(100vh - 110px);
    position: relative;
    width: 100%;
    overflow: hidden
}

    .zone-detail__map-panel.map-panel .map-container, .zone-detail__map-panel.map-panel .map-container__provider {
        z-index: unset
    }

    .zone-detail__map-panel.map-panel .gm-style {
        z-index: unset !important
    }

    .zone-detail__map-panel.map-panel .gmnoprint {
        z-index: 4 !important
    }

    .zone-detail__map-panel.map-panel .active-insights-zone__svg {
        overflow: visible;
        z-index: 1
    }

    .zone-detail__map-panel.map-panel .active-insights-zone__svg--hide {
        overflow: hidden
    }

    .zone-detail__map-panel.map-panel .active-insights-zone__svg .zone-shape__intelligent-zone {
        fill: #0066ed;
        fill-opacity: 0.05;
        stroke: #0066ed;
        stroke-width: 0.125rem
    }

        .zone-detail__map-panel.map-panel .active-insights-zone__svg .zone-shape__intelligent-zone:hover {
            fill-opacity: 0.25
        }

    .zone-detail__map-panel.map-panel .active-insights-zone__svg .zone-shape__mygeotab-zone {
        fill: #202328;
        fill-opacity: 0.4;
        stroke: #202328
    }

        .zone-detail__map-panel.map-panel .active-insights-zone__svg .zone-shape__mygeotab-zone:hover {
            fill-opacity: 0.6
        }

    .zone-detail__map-panel.map-panel .zone-detail-tooltip.card.tooltip {
        border-radius: 0.25rem;
        position: absolute;
        z-index: 3
    }

        .zone-detail__map-panel.map-panel .zone-detail-tooltip.card.tooltip .cardContent {
            overflow-y: auto;
            padding: 0.75rem;
            padding-right: 0.375rem;
            width: 12.8125rem
        }

    .zone-detail__map-panel.map-panel .tooltip__heading {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 0.1875rem
    }

    .zone-detail__map-panel.map-panel .tooltip__heading-data {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0.01rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 500;
        color: #202328
    }

    .zone-detail__map-panel.map-panel .tooltip__heading-confidence {
        margin-left: 0.625rem;
        position: relative;
        padding-left: 0.9375rem
    }

        .zone-detail__map-panel.map-panel .tooltip__heading-confidence::before {
            border-radius: 0.3125rem;
            content: "";
            height: 0.625rem;
            left: 0;
            position: absolute;
            top: 20%;
            width: 0.625rem
        }

    .zone-detail__map-panel.map-panel .tooltip__heading-confidence--high::before {
        background-color: #00BEC4
    }

    .zone-detail__map-panel.map-panel .tooltip__heading-confidence--medium-high::before {
        background-color: #B6E159
    }

    .zone-detail__map-panel.map-panel .tooltip__heading-confidence--medium-low::before {
        background-color: #ECB25B
    }

    .zone-detail__map-panel.map-panel .tooltip__heading-confidence--low::before {
        background-color: #CC4364
    }

    .zone-detail__map-panel.map-panel .tooltip__metrics-data {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        color: #757575
    }

    .zone-detail__map-panel.map-panel .map-container .map-panel__show-myg-zones.myg-zones-checkbox.checkbox-container {
        background-color: white;
        border: 0.0625rem solid #c7cbd2;
        border-radius: 0.25rem;
        box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.15);
        position: absolute;
        bottom: 1.4375rem;
        right: 4rem;
        z-index: 2
    }

        .zone-detail__map-panel.map-panel .map-container .map-panel__show-myg-zones.myg-zones-checkbox.checkbox-container .checkbox-label {
            font-size: 0.75rem;
            padding-right: 2rem
        }

            .zone-detail__map-panel.map-panel .map-container .map-panel__show-myg-zones.myg-zones-checkbox.checkbox-container .checkbox-label::after {
                content: "";
                position: absolute;
                right: 0.5rem;
                top: 0.75rem;
                height: 0.5rem;
                width: 1rem;
                background-color: rgba(32,35,40,0.4);
                border: 0.0625rem solid #202328;
                border-radius: 0.25rem
            }

@media (max-width:992px) {
    .zone-detail__map-panel.map-panel .gmnoprint.gm-bundled-control {
        display: none
    }

    .zone-detail__map-panel.map-panel .H_zoom {
        display: none
    }

    .zone-detail__map-panel.map-panel .mapboxgl-ctrl-top-left {
        display: none
    }

    .zone-detail__map-panel.map-panel .map-container .map-panel__show-myg-zones.myg-zones-checkbox.checkbox-container {
        right: 0.6875rem
    }
}

.zone-data-summary {
    -ms-grid-column: 1;
    -ms-grid-row: 4
}

.relevance-score {
    align-items: baseline;
    display: flex;
    position: relative
}

.relevance-score__label {
    margin-right: 0.25rem
}

.relevance-score__dot {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    position: relative;
    padding-left: 0.875rem
}

    .relevance-score__dot::before {
        border-radius: 0.3125rem;
        content: "";
        height: 0.625rem;
        left: 0;
        position: absolute;
        top: 20%;
        width: 0.625rem
    }

.relevance-score__dot--high::before {
    background-color: #00BEC4
}

.relevance-score__dot--medium-high::before {
    background-color: #B6E159
}

.relevance-score__dot--medium-low::before {
    background-color: #ECB25B
}

.relevance-score__dot--low::before {
    background-color: #CC4364
}

.label-data-container {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    flex-direction: row;
    margin-bottom: 0.75rem
}

.label-data-container__label {
    color: #575757;
    min-width: 8.75rem;
    margin-right: 1rem
}

.label-data-container__label--vertical {
    margin: 0 3rem 0.25rem 0
}

.label-data-container__data {
    color: #202328
}

.label-data-container__data--vertical {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-family: "Roboto Mono"
}

.label-data-container--vertical {
    flex-direction: column
}

@media (max-width:1200px) {
    .zone-detail__subheader-name {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 1.5rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
    }

    .zone-detail {
        grid-template-columns: unset
    }

    .zone-detail__navigation-toolbar {
        background-color: #EFF2F7;
        padding-left: 0.5rem;
        padding-right: 0.75rem
    }

    .zone-detail__content-container {
        padding-left: 1rem
    }

        .zone-detail__content-container.zone-data-summary {
            padding-top: 1rem
        }

    .zone-detail__action-relevance {
        padding: 1.25rem 0.5rem
    }

    .zone-detail__map-panel.map-panel {
        grid-column: 1;
        grid-row-start: 3;
        grid-row-end: unset;
        min-height: 18.75rem;
        min-width: unset
    }
}

@media (max-width:480px) {
    .activeInsightsNewZoneDetail .activeInsightsNewZones__rename-zone-popup {
        width: 18.75rem
    }

    .zone-detail__header {
        flex-wrap: wrap
    }

    .zone-detail__action-relevance {
        justify-content: space-between
    }

    .zone-detail__content-section {
        flex-direction: column
    }
}

@media (max-width:768px) {
    .activeInsightsNewZoneDetail .geo-page-header__page-name {
        display: block
    }

    .activeInsightsNewZoneDetail__import-zone.zones-layout__form {
        top: 0;
        right: auto
    }
}

.activeInsightsNewZones__container {
    display: flex;
    background-color: white;
    flex: 1;
    width: 100%;
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: 67% 33%;
    grid-template-columns: 67% 33%
}

.activeInsightsNewZones__center-pane {
    display: flex;
    flex-direction: column
}

.activeInsightsNewZones__rename-zone-popup {
    width: 21rem
}

.activeInsightsNewZones__table-heading {
    background-color: white
}

.activeInsightsNewZones__archive {
    margin-left: auto
}

.activeInsightsNewZones__table-heading {
    -ms-grid-column: 1;
    -ms-grid-row: 4;
    box-shadow: inset 0 -1px #C4C4C4;
    display: flex;
    justify-content: space-between;
    padding-top: 0.5rem
}

.activeInsightsNewZones__table {
    -ms-grid-column: 1;
    -ms-grid-row: 5
}

    .activeInsightsNewZones__table .table-container {
        height: var(--max-height);
        position: relative;
        width: 100%
    }

    .activeInsightsNewZones__table .insights-table {
        border-bottom: 0.0625rem solid #C7CBD2;
        width: 100%
    }

        .activeInsightsNewZones__table .insights-table tr td:first-of-type {
            min-width: 14.3125rem
        }

        .activeInsightsNewZones__table .insights-table tr td:nth-of-type(2) {
            min-width: 17.375rem
        }

        .activeInsightsNewZones__table .insights-table tr td:nth-of-type(3) {
            min-width: 14.125rem
        }

        .activeInsightsNewZones__table .insights-table tr td:last-child {
            min-width: 13.125rem;
            white-space: normal
        }

    .activeInsightsNewZones__table .column-2.row-0, .activeInsightsNewZones__table .column-3.row-0 {
        width: 100%
    }

    .activeInsightsNewZones__table .tooltip-parent {
        height: 1rem;
        margin: 0 0 0.125rem 0.75rem;
        width: 1rem
    }

    .activeInsightsNewZones__table .table__tooltip-icon {
        fill: white
    }

    .activeInsightsNewZones__table .table-cell-hyperlink {
        background-color: transparent;
        font-weight: 500
    }

    .activeInsightsNewZones__table .table__cell--has-icon .table__cell-icon {
        background-color: #459C58;
        border-radius: 0.625rem;
        fill: #fff;
        height: 1rem;
        margin-left: 0;
        margin-right: 0.625rem;
        margin-top: 0;
        padding: 0.1875rem;
        width: 1rem
    }

.activeInsightsNewZones__summary, .activeInsightsNewZones__map-panel {
    min-height: calc(100vh - 110px);
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: -1
}

.activeInsightsNewZones__summary {
    overflow-y: scroll;
    height: calc(100vh - 110px);
    border-left: 0.0625rem solid #C7CBD2;
    padding: 0 1rem;
    min-width: 33%
}

    .activeInsightsNewZones__summary::-webkit-scrollbar {
        height: 0.875rem;
        width: 0.875rem
    }

    .activeInsightsNewZones__summary::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: #66788C;
        border: 0.25rem solid transparent;
        border-radius: 0.4375rem
    }

    .activeInsightsNewZones__summary::-webkit-scrollbar-track {
        background: white
    }

    .activeInsightsNewZones__summary .summary__title {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.5rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        display: flex;
        margin: 1.5rem 0
    }

    .activeInsightsNewZones__summary .summary__activity-icon {
        display: inline-block;
        margin-right: 0.5rem;
        fill: #202328
    }

    .activeInsightsNewZones__summary .summary__zones-identified-header {
        margin-top: 1.5rem
    }

    .activeInsightsNewZones__summary .summary__content-header {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0.01rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 500;
        align-items: center;
        display: flex;
        margin: 2rem 0 0.5rem 0
    }

    .activeInsightsNewZones__summary .summary__stats-container {
        display: flex;
        flex-direction: row
    }

    .activeInsightsNewZones__summary .summary__statistic-label {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        color: #575757;
        min-width: 8.75rem;
        margin-right: 1rem
    }

    .activeInsightsNewZones__summary .summary__statistic-label-narrow {
        width: 9.75rem
    }

    .activeInsightsNewZones__summary .summary__statistic-data {
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 2.5rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-family: "Roboto Mono";
        align-items: center;
        color: #202328;
        display: inline-flex;
        height: 2.5rem;
        width: 2.5rem
    }

    .activeInsightsNewZones__summary .summary__statistic-horizontal {
        margin-bottom: 0.5rem;
        margin-right: 1.5rem
    }

    .activeInsightsNewZones__summary .summary__statistic-data {
        display: block
    }

    .activeInsightsNewZones__summary .summary__text-description {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        margin-top: 1.375rem
    }

    .activeInsightsNewZones__summary .summary__statistic-vertical {
        display: flex;
        flex-direction: column
    }

    .activeInsightsNewZones__summary .summary__alert {
        display: flex;
        background-color: #e5f7fd;
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.01875rem;
        margin-top: 0.625rem;
        border: 0 none transparent
    }

    .activeInsightsNewZones__summary .summary__alert-button {
        background: none;
        color: #0062a9;
        border: none;
        padding: 0
    }

        .activeInsightsNewZones__summary .summary__alert-button:hover {
            cursor: pointer
        }

    .activeInsightsNewZones__summary .zones-identified__statistic {
        display: flex;
        flex-direction: column
    }

    .activeInsightsNewZones__summary .cost-avoidance {
        flex-wrap: wrap
    }

    .activeInsightsNewZones__summary .alert__icon {
        flex: 0 0 auto;
        margin-right: 0.5rem;
        margin-top: 0.625rem
    }

    .activeInsightsNewZones__summary.hide {
        display: none
    }

.activeInsightsNewZones__import-zone.zones-layout__form {
    top: 3.375rem
}

.active-insights__toolbar-item {
    display: flex;
    flex-flow: column;
    margin-right: 0.5rem;
    white-space: nowrap
}

    .active-insights__toolbar-item .disabled {
        opacity: 1
    }

.filters__city-filter {
    width: 18.1875rem
}

.filters__advanced-filters {
    position: relative;
    min-width: 8.375rem;
    width: max-content
}

.advanced-filters__popup {
    position: absolute;
    top: 100%;
    white-space: normal;
    width: 16.5rem;
    z-index: 1000
}

.advanced-filters__popup--align-right {
    right: 0
}

.advanced-filters__grid {
    align-items: center;
    column-gap: 0.375rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "min-stops ." "min-unique-vehicles ." "min-stop-duration min-stop-duration-suffix";
    padding: 1rem 0.75rem;
    row-gap: 1rem
}

.advanced-filters__min-stops {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    grid-area: min-stops
}

.advanced-filters__min-unique-vehicles {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    grid-area: min-unique-vehicles
}

.advanced-filters__min-stop-duration {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    grid-area: min-stop-duration
}

.advanced-filters__min-stop-duration-suffix {
    grid-area: min-stop-duration-suffix
}

.advanced-filters__label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.advanced-filters__textbox {
    width: 3rem
}

.advanced-filters__controls {
    border-top: 0.0625rem solid #C7CBD2;
    display: flex;
    justify-content: space-between;
    padding: 0.75rem
}

.advanced-filters__apply-button {
    margin-right: 0.5rem
}

.advanced-filters__clear-button {
    margin-left: 0
}

.navigation-toolbar__archive {
    transition: none
}

.checkmateToolbarContainer.checkmateToolbarContainer--allow-overflow {
    overflow: visible
}

.toolbar-popup.geo-popup--padding .active-insights__toolbar-item {
    margin: 0 0 0.5rem 0;
    width: 100%
}

    .toolbar-popup.geo-popup--padding .active-insights__toolbar-item:last-child {
        margin-bottom: 0
    }

    .toolbar-popup.geo-popup--padding .active-insights__toolbar-item .sort-by-button {
        width: 100%
    }

.toolbar-popup.geo-popup--padding .sort-dropdown__container, .toolbar-popup.geo-popup--padding .navigation-toolbar__archive {
    width: 100%
}

.checkmateToolbarContainer--allow-geo-popup-overflow .geo-popup {
    overflow: visible
}

.active-insights__toolbar-item--z-index .sort-dropdown-container.sort-dropdown__container {
    z-index: 1000
}

.active-insights__toolbar-item--z-index .city-filter-dropdown__container.dropdown-container {
    z-index: 1001
}

.new-zones-header {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    border-bottom: none;
    padding-bottom: 0;
    position: relative
}

.table-heading__table-title {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding-left: 1rem
}

.table-heading__pagination-container {
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem
}

.table-heading__items-displayed {
    align-items: center;
    display: flex;
    height: 4.1875rem;
    margin-right: 0.5rem;
    width: 100%
}

.table-heading__items-displayed-text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    font-size: 0.75rem
}

.table-heading__tabs {
    display: flex;
    justify-content: space-between
}

.table-heading__tabs-container {
    align-self: flex-end;
    flex: 1
}

.table-heading__tab-counter {
    margin-left: 0.25rem
}

.new-zones-table {
    position: relative;
    width: 100%
}

.new-zones-table__options-container {
    display: flex
}

.new-zones-table__options-icon {
    height: 2rem;
    width: 2rem
}

    .new-zones-table__options-icon .dna-icon {
        margin-right: 20%;
        margin-top: 1rem;
        overflow: visible;
        transform: rotate(90deg);
        fill: #66788C
    }

.new-zones-table__relevance-score-cell {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.new-zones-table__relevance-score-dot {
    position: relative;
    padding-left: 1.25rem
}

    .new-zones-table__relevance-score-dot::before {
        border-radius: 0.3125rem;
        content: "";
        height: 0.625rem;
        left: 0;
        position: absolute;
        top: 20%;
        width: 0.625rem
    }

.new-zones-table__relevance-score-dot--high::before {
    background-color: #00BEC4
}

.new-zones-table__relevance-score-dot--medium-high::before {
    background-color: #B6E159
}

.new-zones-table__relevance-score-dot--medium-low::before {
    background-color: #ECB25B
}

.new-zones-table__relevance-score-dot--low::before {
    background-color: #CC4364
}

.new-zones-table__zone-options {
    background-color: white;
    border-radius: 0.25rem;
    filter: drop-shadow(0 0.125rem 0.5rem rgba(0,0,0,0.15));
    height: auto;
    min-width: 13.25rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000
}

.zone-options__list {
    margin: 0;
    padding: 0.25rem 0
}

.zone-options__list-item {
    list-style: none
}

.zone-options__button.secondary {
    border-radius: 0;
    color: #202328;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.875rem;
    height: auto;
    justify-content: flex-start;
    line-height: 1rem;
    padding: 0.75rem 1rem;
    text-align: left;
    width: 100%
}

    .zone-options__button.secondary:focus:not(:hover) {
        background-color: #f4f6f8
    }

    .zone-options__button.secondary:not(:hover) {
        background-color: transparent
    }

    .zone-options__button.secondary:active:hover {
        color: white
    }

.rename-zone-popup__name {
    margin-top: 1rem
}

.activeInsightsNewZones .filters__advanced-filters .advanced-filters__popup.popup > .content {
    color: #575757;
    padding: 0
}

.activeInsightsNewZones__table .new-zones-table__options-icon.secondary.icon-only.active, .activeInsightsNewZones__table .new-zones-table__options-icon.secondary.icon-only.focus-visible, .activeInsightsNewZones__table .new-zones-table__options-icon.secondary.icon-only:focus {
    background-color: #d8dee9
}

.activeInsightsNewZones__table .insights-table .zone-options__button.secondary, .activeInsightsNewZones__table .insights-table .zone-options__button.secondary:hover:not(:disabled) {
    border: none
}

.activeInsightsNewZones__table .new-zones-table-container.table-container .insights-table tr.checked td.checked:not(.heading):not(.subheading):not(.disabled) {
    background-color: #D8DEE9
}

.activeInsightsNewZones__container .activeInsightsNewZones__table .new-zones-table-container .insights-table .heading .data-cell .table-checkbox .checkbox-label {
    font-weight: 500
}

.dropdown-container .dropdown-wrapper .dropdown .dropdown-input .dropdown__input::placeholder {
    color: #202328
}

.summary__cities-states-list {
    margin-bottom: 2.25rem;
    padding-left: 0
}

.summary__zones-identified-header {
    margin-top: 1.5rem
}

.cities-states__list-item {
    list-style: none;
    display: flex
}

.cities-states__label {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    text-align: left;
    flex: 1 0 35%;
    height: 2rem;
    max-width: 14.0625rem
}

.cities-states__data {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-family: "Roboto Mono";
    color: #202328;
    text-align: right
}

.cities-states__top-cities-filter-button.tertiary {
    font-size: 0.875rem;
    font-weight: 500
}

    .cities-states__top-cities-filter-button.tertiary.selected.tertiary:not(:disabled) {
        background-color: #0078D3;
        color: #FFF
    }

.map-panel {
    overflow: auto;
    z-index: 0;
    display: none;
    position: relative
}

    .map-panel .map-container, .map-panel .map-container__provider {
        z-index: unset
    }

    .map-panel .gm-style {
        z-index: unset !important
    }

    .map-panel .gmnoprint {
        z-index: 4 !important
    }

    .map-panel .active-insights-zone__svg {
        overflow: visible;
        z-index: 1
    }

    .map-panel .active-insights-zone__svg--hide {
        overflow: hidden
    }

    .map-panel .active-insights-zone__svg .zone-shape__intelligent-zone {
        fill: #0066ed;
        fill-opacity: 0.05;
        stroke: #0066ed;
        stroke-width: 0.125rem
    }

        .map-panel .active-insights-zone__svg .zone-shape__intelligent-zone:hover {
            fill-opacity: 0.25
        }

    .map-panel .active-insights-zone__svg .zone-shape__mygeotab-zone {
        fill: #202328;
        fill-opacity: 0.4;
        stroke: #202328
    }

        .map-panel .active-insights-zone__svg .zone-shape__mygeotab-zone:hover {
            fill-opacity: 0.6
        }

    .map-panel .zone-detail-tooltip.card.tooltip {
        border-radius: 0.25rem;
        position: absolute;
        z-index: 3
    }

        .map-panel .zone-detail-tooltip.card.tooltip .cardContent {
            overflow-y: auto;
            padding: 0.75rem;
            padding-right: 0.375rem;
            width: 12.8125rem
        }

    .map-panel .tooltip__heading {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 0.1875rem
    }

    .map-panel .tooltip__heading-data {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0.01rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 500;
        color: #202328
    }

    .map-panel .tooltip__heading-confidence {
        margin-left: 0.625rem;
        position: relative;
        padding-left: 0.9375rem
    }

        .map-panel .tooltip__heading-confidence::before {
            border-radius: 0.3125rem;
            content: "";
            height: 0.625rem;
            left: 0;
            position: absolute;
            top: 20%;
            width: 0.625rem
        }

    .map-panel .tooltip__heading-confidence--high::before {
        background-color: #00BEC4
    }

    .map-panel .tooltip__heading-confidence--medium-high::before {
        background-color: #B6E159
    }

    .map-panel .tooltip__heading-confidence--medium-low::before {
        background-color: #ECB25B
    }

    .map-panel .tooltip__heading-confidence--low::before {
        background-color: #CC4364
    }

    .map-panel .tooltip__metrics-data {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        color: #757575
    }

    .map-panel .map-container .map-panel__show-myg-zones.myg-zones-checkbox.checkbox-container {
        background-color: white;
        border: 0.0625rem solid #c7cbd2;
        border-radius: 0.25rem;
        box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.15);
        position: absolute;
        bottom: 1.4375rem;
        right: 4rem;
        z-index: 2
    }

        .map-panel .map-container .map-panel__show-myg-zones.myg-zones-checkbox.checkbox-container .checkbox-label {
            font-size: 0.75rem;
            padding-right: 2rem
        }

            .map-panel .map-container .map-panel__show-myg-zones.myg-zones-checkbox.checkbox-container .checkbox-label::after {
                content: "";
                position: absolute;
                right: 0.5rem;
                top: 0.75rem;
                height: 0.5rem;
                width: 1rem;
                background-color: rgba(32,35,40,0.4);
                border: 0.0625rem solid #202328;
                border-radius: 0.25rem
            }

@media (max-width:992px) {
    .map-panel .gmnoprint.gm-bundled-control {
        display: none
    }

    .map-panel .H_zoom {
        display: none
    }

    .map-panel .mapboxgl-ctrl-top-left {
        display: none
    }

    .map-panel .map-container .map-panel__show-myg-zones.myg-zones-checkbox.checkbox-container {
        right: 0.6875rem
    }
}

.map-panel--show {
    display: flex
}

@media (max-width:992px) {
    .activeInsightsNewZones__container {
        min-width: unset
    }

    .activeInsightsNewZones__table-heading {
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

        .activeInsightsNewZones__table-heading::-webkit-scrollbar {
            display: none
        }

        .activeInsightsNewZones__table-heading .table-heading__tabs {
            overflow-x: scroll;
            -ms-overflow-style: none;
            scrollbar-width: none
        }

            .activeInsightsNewZones__table-heading .table-heading__tabs::-webkit-scrollbar {
                display: none
            }

        .activeInsightsNewZones__table-heading .table-heading__pagination-container {
            display: none
        }

    .new-zones-header {
        margin-bottom: 0
    }

    .sort-dropdown-container {
        z-index: 1000
    }

    .activeInsightsNewZones .filters {
        left: unset;
        right: 0
    }
}

@media (max-width:768px) {
    .activeInsightsNewZones__navigation-toolbar--hidden {
        display: none
    }

    .activeInsightsNewZones__rename-zone-popup {
        width: 18.75rem
    }

    .activeInsightsNewZones__container {
        grid-template-columns: unset
    }

    .activeInsightsNewZones__table .table-container.new-zones-table-container tr:nth-of-type(2) {
        border-top: none
    }

    .activeInsightsNewZones__table .table-container.new-zones-table-container tr td:first-of-type {
        padding-bottom: 0.5rem;
        padding-right: 0.5rem;
        position: relative
    }

        .activeInsightsNewZones__table .table-container.new-zones-table-container tr td:first-of-type .data-cell {
            align-items: center
        }

    .activeInsightsNewZones__table .table-container.new-zones-table-container tr td:nth-child(2), .activeInsightsNewZones__table .table-container.new-zones-table-container tr td:nth-child(3) {
        margin-bottom: 0.5rem
    }

    .activeInsightsNewZones__summary {
        display: none
    }

    .activeInsightsNewZones__map-panel {
        grid-column: 1;
        grid-row-start: 3;
        grid-row-end: unset;
        min-height: 14.375rem;
        min-width: unset
    }

    .activeInsightsNewZones__map-panel--large {
        grid-row-start: 1;
        min-height: 24.375rem
    }

    .activeInsightsNewZones__import-zone.zones-layout__form {
        top: 0;
        right: auto
    }

    .activeInsightsNewZones .geo-page-header__page-name {
        display: block
    }

    .activeInsightsNewZones__table .new-zones-table__options-icon {
        position: absolute;
        right: 0.5rem;
        top: 0
    }

    .activeInsightsNewZones__table .new-zones-table__zone-options {
        right: 0.5rem
    }

    .activeInsightsNewZones__table .new-zones-table-container.table-container .insights-table tr.checked:not(.heading):not(.subheading):not(.disabled) {
        background-color: #D8DEE9
    }
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .activeInsightsNewZones .activeInsightsNewZones__container .activeInsightsNewZones__table-heading .table-heading__tabs .table-heading__tabs-container {
        height: 2.5rem;
        width: 25rem
    }

    .activeInsightsNewZones .new-zones-table__zone-options {
        box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.15)
    }
}

.activeInsight {
    display: block
}

.activeInsight__container {
    display: flex
}

.activeInsight--hide {
    display: none
}

    .activeInsight--hide.sort-constructor {
        display: none
    }

.activeInsight__header {
    border-bottom: none
}

.activeInsight__header-container {
    justify-content: flex-start
}

.activeInsight__table-header-container {
    padding-top: 0
}

.activeInsight__table-heading-title {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.activeInsight__learn-more-button {
    margin-left: 1rem
}

.activeInsight__learn-more-container {
    margin-left: 2.125rem;
    max-width: 46.25rem;
    padding-right: 0.625rem
}

.activeInsight__summary-panel {
    border-left: 0.0625rem solid #C7CBD2;
    padding: 0 1rem;
    height: calc(100vh - 124px);
    width: 33%;
    overflow-y: scroll;
    height: calc(100vh - 110px)
}

    .activeInsight__summary-panel::-webkit-scrollbar {
        height: 0.875rem;
        width: 0.875rem
    }

    .activeInsight__summary-panel::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: #66788C;
        border: 0.25rem solid transparent;
        border-radius: 0.4375rem
    }

    .activeInsight__summary-panel::-webkit-scrollbar-track {
        background: white
    }

    .activeInsight__summary-panel .summary__title {
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.5rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        display: flex;
        margin: 1.5rem 0
    }

    .activeInsight__summary-panel .summary__activity-icon {
        display: inline-block;
        margin-right: 0.5rem;
        fill: #202328
    }

    .activeInsight__summary-panel .summary__zones-identified-header {
        margin-top: 1.5rem
    }

    .activeInsight__summary-panel .summary__content-header {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0.01rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-weight: 500;
        align-items: center;
        display: flex;
        margin: 2rem 0 0.5rem 0
    }

    .activeInsight__summary-panel .summary__stats-container {
        display: flex;
        flex-direction: row
    }

    .activeInsight__summary-panel .summary__statistic-label {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        color: #575757;
        min-width: 8.75rem;
        margin-right: 1rem
    }

    .activeInsight__summary-panel .summary__statistic-label-narrow {
        width: 9.75rem
    }

    .activeInsight__summary-panel .summary__statistic-data {
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 2.5rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        font-family: "Roboto Mono";
        align-items: center;
        color: #202328;
        display: inline-flex;
        height: 2.5rem;
        width: 2.5rem
    }

    .activeInsight__summary-panel .summary__statistic-horizontal {
        margin-bottom: 0.5rem;
        margin-right: 1.5rem
    }

    .activeInsight__summary-panel .summary__statistic-data {
        display: block
    }

    .activeInsight__summary-panel .summary__text-description {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        margin-top: 1.375rem
    }

    .activeInsight__summary-panel .summary__statistic-vertical {
        display: flex;
        flex-direction: column
    }

    .activeInsight__summary-panel .summary__alert {
        display: flex;
        background-color: #e5f7fd;
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.01875rem;
        margin-top: 0.625rem;
        border: 0 none transparent
    }

    .activeInsight__summary-panel .summary__alert-button {
        background: none;
        color: #0062a9;
        border: none;
        padding: 0
    }

        .activeInsight__summary-panel .summary__alert-button:hover {
            cursor: pointer
        }

    .activeInsight__summary-panel .zones-identified__statistic {
        display: flex;
        flex-direction: column
    }

    .activeInsight__summary-panel .cost-avoidance {
        flex-wrap: wrap
    }

    .activeInsight__summary-panel .alert__icon {
        flex: 0 0 auto;
        margin-right: 0.5rem;
        margin-top: 0.625rem
    }

.activeInsight__content {
    background-color: white;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 124px);
    width: 67%
}

.activeInsight__table-waiting-overlay {
    height: 100%;
    display: flex;
    flex-direction: column
}

.activeInsightToolbar__setup-rule {
    margin-left: auto
}

.activeInsightToolbar__customize-rule {
    margin-left: auto
}

.template-feedback-popup {
    left: 50%;
    max-height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 1.5rem 1.5rem 1.125rem;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 27.6875rem;
    max-width: 100%;
    z-index: 11001
}

    .template-feedback-popup::-webkit-scrollbar {
        height: 0.875rem;
        width: 0.875rem
    }

    .template-feedback-popup::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: #66788C;
        border: 0.25rem solid transparent;
        border-radius: 0.4375rem
    }

    .template-feedback-popup::-webkit-scrollbar-track {
        background: white
    }

.template-feedback-popup__form {
    border: none;
    margin: 0;
    padding: 0
}

.template-feedback-popup__section--hide {
    display: none
}

.template-feedback-popup__heading {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0 0 1.5rem
}

.template-feedback-popup__subheading {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #202328;
    margin: 1rem 0
}

.template-feedback-popup__label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    text-align: center
}

.template-feedback-popup__label-mobile {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: none
}

.template-feedback-popup__answers {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    overflow-x: scroll
}

    .template-feedback-popup__answers::-webkit-scrollbar {
        height: 0.875rem;
        width: 0.875rem
    }

    .template-feedback-popup__answers::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: #66788C;
        border: 0.25rem solid transparent;
        border-radius: 0.4375rem
    }

    .template-feedback-popup__answers::-webkit-scrollbar-track {
        background: white
    }

.template-feedback-popup__answers--vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    overflow-x: auto;
    width: 100%
}

.template-feedback-popup__footer {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    margin-top: 2rem;
    position: relative
}

.template-feedback-popup__footer-title {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    margin: 2rem 0 0.5rem
}

.template-feedback-popup__footer-text {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #737373
}

.template-feedback-popup__cancel-button {
    border-color: transparent;
    color: #575757;
    margin: 0 0.5rem 0 auto
}

.template-feedback-popup__date-picker, .template-feedback-popup__textbox {
    display: flex;
    width: 100%
}

@media (max-width:443px) {
    .template-feedback-popup {
        padding: 0.875rem 0.75rem 1.125rem;
        overflow-x: scroll
    }

    .template-feedback-popup__label {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        display: none
    }

    .template-feedback-popup__label-mobile {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        display: block;
        text-align: center
    }

    .template-feedback-popup__answers {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        overflow-x: scroll
    }

        .template-feedback-popup__answers::-webkit-scrollbar {
            height: 0.875rem;
            width: 0.875rem
        }

        .template-feedback-popup__answers::-webkit-scrollbar-thumb {
            background-clip: padding-box;
            background-color: #66788C;
            border: 0.25rem solid transparent;
            border-radius: 0.4375rem
        }

        .template-feedback-popup__answers::-webkit-scrollbar-track {
            background: white
        }
}

@media (max-width:443px) {
    .template-feedback-popup {
        padding: 0.875rem 0.75rem 1.125rem;
        overflow-x: scroll
    }

    .template-feedback-popup__label {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        display: none
    }

    .template-feedback-popup__label-mobile {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.02rem;
        line-height: 1rem;
        text-transform: none;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        display: block;
        text-align: center
    }

    .template-feedback-popup__answers {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        overflow-x: scroll
    }

        .template-feedback-popup__answers::-webkit-scrollbar {
            height: 0.875rem;
            width: 0.875rem
        }

        .template-feedback-popup__answers::-webkit-scrollbar-thumb {
            background-clip: padding-box;
            background-color: #66788C;
            border: 0.25rem solid transparent;
            border-radius: 0.4375rem
        }

        .template-feedback-popup__answers::-webkit-scrollbar-track {
            background: white
        }
}

.radio-button {
    border: none;
    cursor: pointer;
    display: flex;
    font-size: 0.75rem;
    flex-direction: column;
    padding: 0.125rem 0.75rem
}

    .radio-button:hover {
        background-color: #F4F6F8
    }

    .radio-button:focus-within .radio-button__icon-container:after {
        border: 0.0625px dotted #0078D3;
        border-radius: 50%;
        bottom: -3px;
        content: "";
        display: block;
        left: -3px;
        position: absolute;
        right: -3px;
        top: -3px
    }

.radio-button__input {
    cursor: pointer;
    display: flex;
    height: 0;
    margin: 0;
    opacity: 0;
    position: relative;
    width: 0
}

.radio-button__icon-container {
    background-color: white;
    border: 0.0625px solid #66788C;
    border-radius: 50%;
    height: 1rem;
    position: relative;
    width: 1rem
}

    .radio-button__icon-container:hover {
        background-color: #F4F6F8
    }

.radio-button__icon-container--selected {
    border-color: #0078D3
}

    .radio-button__icon-container--selected .radio-button__svg-icon {
        visibility: visible
    }

.radio-button__svg-icon {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden
}

.radio-button--horizontal {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0.125rem 0.3rem
}

    .radio-button--horizontal .radio-button__icon-container {
        margin: 0.25rem 0.125rem 0.5rem
    }

@media (max-width:443px) {
    .radio-button--horizontal {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 0
    }

        .radio-button--horizontal .radio-button__icon-container {
            margin: 0.25rem 0.125rem 0.5rem
        }
}

.radio-button--vertical {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    height: 1.75rem;
    justify-content: flex-start;
    padding: 0.5rem;
    width: 100%
}

    .radio-button--vertical .radio-button__icon-container {
        margin-right: 0.5rem
    }

.text-area {
    display: flex;
    flex-direction: column
}

.text-area__title {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    margin: 1.5rem 0 0.5rem
}

.text-area__input {
    overflow-y: auto;
    resize: none
}

    .text-area__input::-webkit-scrollbar {
        height: 0.875rem;
        width: 0.875rem
    }

    .text-area__input::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: #66788C;
        border: 0.25rem solid transparent;
        border-radius: 0.4375rem
    }

    .text-area__input::-webkit-scrollbar-track {
        background: white
    }

.activeInsightTable__action-sublist-label {
    visibility: hidden
}

.activeInsightTable__tooltip {
    position: fixed;
    display: block;
    background-color: #0B2032;
    border: #0B2032 solid 0.0625rem;
    border-radius: 0.375rem;
    color: #FFF;
    cursor: default;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: normal;
    max-width: 13.875rem;
    opacity: 0.9;
    padding: 0.375rem 0.625rem;
    text-transform: none;
    width: max-content;
    white-space: pre-wrap;
    z-index: 1
}

    .activeInsightTable__tooltip::after {
        content: '';
        position: absolute;
        left: 6.9375rem;
        top: -0.5rem;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0B2032;
        clear: both
    }

.activeInsightTable__tooltip-arrow {
    position: absolute
}

.activeInsightTable__tooltip-button.geo-button.geo-button--action {
    background-color: #3C5063;
    border-color: transparent
}

.activeInsightTable__tooltip-info-icon {
    width: 0.75rem;
    height: 0.75rem
}

.activeInsight__tooltip--arrow-top-left::after {
    left: 0.3125rem
}

.activeInsight__tooltip--arrow-top-right::after {
    left: 90%
}

.rule-popup__container.geo-dialog {
    width: 18.25rem
}

.rule-popup__close-button.geo-dialog__close-button {
    top: 0.5625rem;
    right: 0.5rem
}

.rule-popup__header.geo-dialog__header {
    height: 2.25rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}

.rule-popup__heading {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500
}

.rule-popup__content {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding-top: 0.25rem;
    padding-bottom: 0.5625rem
}

.rule-popup__content--highlight {
    color: #0062A9
}

.grid__cell-wrapper {
    align-items: center;
    display: flex
}

.grid__cell-wrapper-label {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    margin-left: 0.5rem
}

.learn-more__custom-html-container {
    margin: 0.75rem 0
}

.learn-more__list--circle {
    list-style-type: circle
}

.learn-more__list-item {
    margin-bottom: 0.5rem
}

.geo-options-menu__main-container--AI-date-period {
    min-width: unset
}

.centerPane.activeInsight--popup-active {
    z-index: 10008
}

@media (max-width:768px) {
    .activeInsight__learn-more-container {
        margin-left: 1rem;
        padding-bottom: 2rem
    }

    .activeInsight__header-container {
        flex-wrap: wrap;
        height: unset
    }

    .activeInsight__learn-more-button {
        margin-left: 0
    }

    .activeInsight .geo-page-header__page-name {
        display: block;
        margin-right: 1rem
    }

    .activeInsight__summary-panel {
        display: none
    }

    .activeInsight__content {
        width: 100%
    }
}

.centerPane .analyticsLabNotice .alert.notice.informational {
    background: #FFFCDD;
    color: #784600;
    min-height: 3.5rem
}

    .centerPane .analyticsLabNotice .alert.notice.informational .dna-icon {
        fill: #784600;
        flex: 0 0 auto
    }

.analyticsLab {
    padding: 2rem 3rem 3rem
}

.analyticsLab__header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 3.5rem
}

.header__column {
    flex: 0 1 50%
}

.header__column--gap {
    margin-right: 1.5rem
}

.header__title {
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 2.25rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem
}

.header__logo {
    display: flex;
    margin-right: 0.5rem
}

.header__description {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.catalog__title {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    margin-bottom: 1rem
}

.filters__search {
    width: 23.5rem;
    margin-bottom: 2rem
}

.filters__tabs {
    margin-bottom: 2.5rem
}

.catalog-item {
    min-width: 16rem;
    width: 100%;
    margin-bottom: 1.5rem
}

.catalog-item__bookmark {
    background: #B28600;
    height: 6.5rem;
    position: absolute;
    right: 3rem;
    top: 0;
    width: 2rem
}

.catalog-item__bookmark--left-tail {
    border: 0.5rem solid transparent;
    border-top-color: #B28600;
    border-left-color: #B28600;
    bottom: -1rem;
    height: 1rem;
    left: 0;
    position: absolute;
    width: 1rem
}

.catalog-item__bookmark--right-tail {
    border: 0.5rem solid transparent;
    border-top-color: #B28600;
    border-right-color: #B28600;
    bottom: -1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    width: 1rem
}

.catalog-item__content {
    display: flex
}

.catalog-item__column {
    flex: 1 1 50%;
    display: flex;
    flex-flow: column nowrap
}

.catalog-item__column--gap {
    margin-right: 1.5rem
}

.catalog-item__title {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    align-items: center;
    display: flex;
    margin-bottom: 0.5rem
}

.catalog-item__highlighted-tags {
    margin-left: 0.5rem
}

.catalog-item__description {
    margin-bottom: 1rem
}

.catalog-item__primary-actions {
    display: flex;
    flex: 1 0;
    margin-bottom: 1rem;
    position: relative
}

.catalog-item__primary-button {
    margin-right: 0.5rem
}

.catalog-item__view-updates-popup {
    position: absolute;
    z-index: 9999
}

.catalog-item__tags {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0.5rem
}

.catalog-item__stats {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    margin-bottom: 1rem
}

    .catalog-item__stats .dna-icon {
        margin-right: 0.25rem;
        stroke: #202328
    }

.catalog-item__stat {
    align-items: center;
    display: flex
}

.catalog-item__stat--likes {
    margin-right: 1rem
}

.catalog-item__stat--liked {
    fill: #202328
}

.catalog-item__secondary-actions {
    display: flex;
    flex-flow: row wrap
}

.catalog-item__secondary-button {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem
}

.catalog-item__thumbnail {
    background-repeat: no-repeat;
    background-size: 100% auto,contain;
    border: 1px solid #C7CBD2;
    height: 20.5rem
}

.noExperiments {
    text-align: center;
    padding-top: 9.375rem
}

.noExperiments__title {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500
}

.noExperiments__description {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.analyticsLab .catalogItems .catalog-item__highlighted-tags .tag.read-only {
    background-color: #0F8FF0;
    border-color: #0F8FF0;
    color: white;
    margin-right: 0.5rem;
    text-transform: capitalize
}

.analyticsLab .catalogItems .catalog-item__tags .tag.read-only {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    text-transform: capitalize
}

.analyticsLab .catalogItems .catalog-item.card .cardContent {
    padding: 1.5rem;
    overflow-y: visible
}

@media only screen and (max-width:768px) {
    .analyticsLab__header {
        flex-flow: column
    }

    .header__column--gap {
        margin-right: 0
    }

    .filters__search {
        width: auto
    }

    .catalog-item__bookmark {
        height: 3.25rem;
        right: 1rem
    }

    .catalog-item__content {
        flex-direction: column
    }

    .catalog-item__column--gap {
        margin-right: 0;
        margin-bottom: 1.5rem
    }

    .catalog-item__title {
        margin-right: 2rem
    }

    .catalog-item__secondary-button {
        margin-bottom: 0.5rem
    }

    .catalog-item__thumbnail {
        height: 10rem
    }
}

.analyticsLabExperiment {
    height: 100%;
    display: flex;
    flex-flow: column
}

.analyticsLabExperiment__header {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    align-items: center;
    background-color: #2f2f2f;
    color: #C7CBD2;
    display: flex;
    justify-content: space-between;
    padding-left: 1rem
}

.analyticsLabExperiment__content {
    flex: 1 0 auto
}

.analyticsLabExperiment__experiment-iframe {
    width: 100%;
    height: 100%
}

.serial-number-scanner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.camera-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000
}

.camera-preview__content {
    position: relative;
    max-width: 100%;
    max-height: 100%
}

.camera-preview__video {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: hidden
}

.camera-preview__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0B2032;
    opacity: 0.3
}

.camera-preview__overlay-borders {
    position: absolute;
    left: 0;
    top: 0;
    stroke: rgba(255,255,255,0.6);
    stroke-linecap: round;
    stroke-width: 4px;
    fill: none;
    width: 100%;
    height: 100%
}

.camera-preview__round-left-top {
    position: absolute;
    left: 10%;
    top: 20%;
    fill: #0B2032;
    opacity: 0.3
}

.camera-preview__tooltip {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
    padding: 0 20%
}

.camera-preview__back {
    position: absolute;
    left: 8px;
    top: 8px;
    padding: 8px;
    color: #ffffff;
    fill: #ffffff;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500
}

    .camera-preview__back:active {
        outline: 1px solid #0078D3
    }

.camera-preview__cancel {
    position: absolute;
    top: 8px;
    right: 8px;
    fill: #FFFFFF
}

.info-card {
    text-align: center
}

.info-card__body {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    padding: 10px;
    min-width: 200px;
    min-height: 80px
}

.info-card__image {
    height: 48px;
    width: 48px;
    flex: 0 0 auto;
    fill: #66788C;
    margin-right: 8px
}

.info-card__icon {
    width: 100%;
    height: 100%;
    fill: #66788C
}

.info-card__info {
    flex: 0 1 auto;
    align-items: center;
    justify-content: center
}

.info-card__field {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left
}

.info-card__label {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    padding-right: 5px
}

.info-card__value {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328
}

.info-card__note {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757
}

.editable-input {
    resize: none;
    overflow: auto;
    color: #202328
}

.editable-input__link {
    color: #0062A9
}

.editable-input__image {
    max-width: 100%
}

.editable-input--empty {
    color: #757575
}

.geo-pill {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border-radius: 18px;
    padding: 4px 11px;
    background-color: #E5F7FD;
    color: #25477B
}

.geo-pill--green {
    background-color: #E5FDE9;
    color: #28600D
}

.geo-pill--red {
    background-color: #FDE5E5;
    color: #751111
}

.geo-pill--yellow {
    background-color: #FFF2D2;
    color: #784600
}

.geo-select-box {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: inherit;
    border: 1px solid #c7cbd2;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
    background-color: #ffffff;
    color: #202328;
    fill: #202328;
    padding: 7px 9px;
    line-height: 16px;
    cursor: text;
    display: flex;
    align-items: center;
    cursor: pointer
}

    .geo-select-box::placeholder {
        color: #757575
    }

    .geo-select-box:hover, .geo-select-box:focus {
        border-color: #0078D3
    }

    .geo-select-box:active {
        border-color: #0078D3
    }

    .geo-select-box:disabled {
        cursor: not-allowed;
        background-color: #E9E9E9;
        pointer-events: none
    }

.geo-select-box--dark {
    color: #FFF;
    background-color: #3C5063;
    border-color: #C7CBD2
}

    .geo-select-box--dark::placeholder {
        color: #FFF
    }

    .geo-select-box--dark:hover, .geo-select-box--dark:focus {
        background-color: #0B2032;
        border-color: #66788C
    }

    .geo-select-box--dark:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #3C5063;
        border-color: #66788C
    }

        .geo-select-box--dark:disabled::placeholder {
            color: #66788C
        }

.geo-select-box__label {
    flex: 1 1 auto;
    text-align: left
}

.geo-select-box__icon {
    fill: #575757
}

#hosLogs_id {
    display: flex;
    flex-direction: column;
    height: 100%
}

    #hosLogs_id .checkmateListBuilder .checkmateListBuilderSubTitle {
        background-color: #EFF2F7;
        line-height: 24px;
        color: #202328
    }

    #hosLogs_id .checkmateListBuilder .checkmateListBuilderRow {
        padding-left: 7px;
        border-left: 5px #0078D3 solid;
        transition: none
    }

        #hosLogs_id .checkmateListBuilder .checkmateListBuilderRow .g-main {
            overflow: hidden
        }

        #hosLogs_id .checkmateListBuilder .checkmateListBuilderRow .usualData {
            line-height: 32px;
            color: #202328
        }

        #hosLogs_id .checkmateListBuilder .checkmateListBuilderRow:hover {
            border-left-color: #25477B
        }

    #hosLogs_id .checkmateListBuilder .inViolation {
        border-left-color: #ff7f7f
    }

        #hosLogs_id .checkmateListBuilder .inViolation:hover {
            border-left-color: #ff4c4c
        }

    #hosLogs_id .checkmateListAnnotation {
        box-shadow: none
    }

#hosLogs_id_violation > .item__icon {
    background-color: #ff7f7f
}

#hosLogs_id .checkmateToolbarContainer, #hosLogs_id #hosLogs_timeZoneWarning, #hosLogs_id #hosLogs_noTrailerAccessWarning {
    flex: 0 0 auto
}

#hosLogs_id #hosLogs_printContainerId {
    position: relative
}

#hosLogs_id #hosLogs_builderId, #hosLogs_id .pdfCanvasParent {
    flex: 1 1 100%
}

#hosLogs_id .pdfCanvasParent {
    position: relative;
    top: 0;
    margin-top: 5px
}

#hosLogs_id .graphContainer {
    margin-top: 6px
}

#hosLogs_id .logsView {
    padding-bottom: 1em
}

#hosLogs_id .grid-row {
    display: flex;
    flex-direction: row;
    padding: 0
}

#hosLogs_id .grid-log {
    width: 100%;
    padding: 0;
    color: #202328;
    display: block
}

#hosLogs_id .grid-log-main {
    display: flex;
    width: 100%
}

#hosLogs_id .grid-log-status-time-location {
    display: flex;
    flex: 1 2000 auto;
    min-width: 300px
}

#hosLogs_id .grid-log-status-time {
    display: flex;
    width: 175px
}

#hosLogs_id .grid-status {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row
}

#hosLogs_id .hos-log-status-text {
    width: 100%;
    text-align: center
}

#hosLogs_id .grid-log-status {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column
}

#hosLogs_id .grid-log-time {
    flex-shrink: 0;
    width: 75px;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column
}

#hosLogs_id [class^=grid-log-canadaPrint] {
    margin: 0 5px;
    overflow-wrap: anywhere;
    padding-left: 5px;
    flex-shrink: 0;
    width: 70px;
    word-break: break-word;
    justify-content: flex-start
}

    #hosLogs_id [class^=grid-log-canadaPrint][class*='commentAnnotation'] {
        width: 250px
    }

    #hosLogs_id [class^=grid-log-canadaPrint][class*='additionalInfo'], #hosLogs_id [class^=grid-log-canadaPrint][class*='editUser'], #hosLogs_id [class^=grid-log-canadaPrint][class*='event'] {
        width: 150px
    }

    #hosLogs_id [class^=grid-log-canadaPrint][class*='location'] {
        width: 125px
    }

    #hosLogs_id [class^=grid-log-canadaPrint][class*='totalDistance'], #hosLogs_id [class^=grid-log-canadaPrint][class*='eventDate'], #hosLogs_id [class^=grid-log-canadaPrint][class*='eventTime'] {
        width: 85px
    }

    #hosLogs_id [class^=grid-log-canadaPrint][class*='sequence'] {
        width: 60px
    }

    #hosLogs_id [class^=grid-log-canadaPrint][class*='origin'], #hosLogs_id [class^=grid-log-canadaPrint][class*='state'] {
        width: 50px
    }

#hosLogs_id .cycleChangeLogs [class^=grid-log-canadaPrint][class*=event] {
    width: 200px
}

#hosLogs_id .checkmateListBuilderRow.canadaPrint {
    padding-left: 5px;
    border-left: 0;
    color: #202328
}

#hosLogs_id .grid-log-placeholder {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column
}

#hosLogs_id .grid-log-location {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column
}

#hosLogs_id .grid-log-info {
    display: flex;
    flex: 0 1 684px;
    justify-content: space-between;
    min-width: 229px
}

#hosLogs_id .grid-log-info-item {
    flex: 1 1 150px;
    padding: 0 4px
}

#hosLogs_id .grid-log-info-trailers-distance {
    display: flex;
    flex: 1 1 467px
}

#hosLogs_id .grid-log-info-duration-vehicles {
    display: flex;
    flex: 1 1 30%
}

#hosLogs_id .grid-control {
    min-width: 56px;
    flex: 0 0 auto;
    align-items: start;
    justify-content: start
}

    #hosLogs_id .grid-control .button__container {
        width: 32px;
        margin-left: 4px
    }

    #hosLogs_id .grid-control .grid-control__item {
        align-items: center;
        display: flex
    }

#hosLogs_id .hos-header {
    background: #fefefe;
    min-height: 32px;
    padding: 8px 15px 8px 20px;
    color: #202328;
    font-size: 1.2em;
    font-weight: 700
}

#hosLogs_id .hos-sub-header {
    background: #fefefe;
    min-height: 32px;
    padding: 8px 15px 8px 20px;
    color: #202328;
    font-size: 1.2em;
    font-weight: 700;
    display: flex;
    border-bottom: 1px #ddd solid
}

    #hosLogs_id .hos-sub-header.canadaPrint {
        font-size: 1em
    }

#hosLogs_id .hos-device-header {
    background: #fefefe;
    min-height: 32px;
    padding: 8px 15px 8px 20px;
    color: #202328;
    font-size: 1.2em;
    font-weight: 700;
    margin-top: 5px
}

#hosLogs_id .hos-group-break {
    margin-top: 15px
}

#hosLogs_id .hos-sub-header {
    background-color: #3C5063;
    min-height: 32px;
    border-bottom: 1px #ddd solid;
    padding: 8px 71px 8px 5px;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 700
}

    #hosLogs_id .hos-sub-header .grid-log-status {
        padding-left: 15px
    }

    #hosLogs_id .hos-sub-header[id^=canadaPrint__] {
        font-size: 1.5em;
        display: block
    }

#hosLogs_id .hos-log {
    padding-left: 0px;
    transition: background 2s ease-out
}

    #hosLogs_id .hos-log.highlighted {
        animation: highlight 2s ease-out
    }

        #hosLogs_id .hos-log.highlighted:hover {
            background: inherit
        }

    #hosLogs_id .hos-log.checkmateListBuilderRowFailed.highlighted {
        animation: highlightFailed 3s ease-in
    }

@keyframes highlight {
    30% {
        background: #fefefe
    }

    50%,90% {
        background: #eaeaea
    }

    100% {
        background: #fefefe
    }
}

@keyframes highlightFailed {
    30% {
        background: #fce8e8
    }

    50%,90% {
        background: #f7c4c4
    }

    100% {
        background: #fce8e8
    }
}

#hosLogs_id .hos-log-trailers {
    flex-basis: 400px
}

#hosLogs_id .hos-log-distance {
    flex: 1 1 30%;
    min-width: 73px
}

#hosLogs_id .hos-log-duration {
    flex: 1 1 40%;
    min-width: 73px
}

#hosLogs_id .grid-log-info-duration-vehicles, #hosLogs_id .hos-log-vehicles {
    display: flex;
    overflow: hidden
}

#hosLogs_id .grid-log-info-trailers-distance, #hosLogs_id .grid-log-info-duration-vehicles {
    min-width: 140px
}

#hosLogs_id .hos-log-vehicles {
    min-width: 67px
}

#hosLogs_id .hos-vehicle-name, #hosLogs_id .hos-vehicle-title {
    flex: 1 1 auto
}

#hosLogs_id .hos-time {
    font-size: 1.2em
}

#hosLogs_id .hos-log-status {
    min-height: 32px;
    font-size: 1.4em
}

#hosLogs_id .hos-log-checker-align {
    height: 32px;
    display: flex;
    align-items: center
}

#hosLogs_id .hos-log-checker {
    margin: 0 0 0 7px;
    min-width: 13px
}

#hosLogs_id .hos-status-icons {
    position: relative;
    font-size: 18px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column
}

#hosLogs_id .hos-status-icon {
    top: 0;
    position: relative;
    width: 13px
}

#hosLogs_id .hos-log-placeholder-text-wrapper, #hosLogs_id .hos-log-location-text-wrapper {
    display: flex;
    width: 100%
}

#hosLogs_id .fromPreviousDay {
    padding: 0 5px
}

#hosLogs_id .hos-previous {
    width: 110px
}

#hosLogs_id .checkmateListBuilderSubTitle.requested-edit {
    background-color: #FDCD4C;
    border-color: #FDCD4C
}

#hosLogs_id .placeholderRequestedLog {
    background-color: #FFFCDD
}

    #hosLogs_id .placeholderRequestedLog.checkmateListBuilderRow {
        border-left: 5px #FDCD4C solid;
        background-color: #FFFCDD
    }

        #hosLogs_id .placeholderRequestedLog.checkmateListBuilderRow:hover {
            background-color: #fff8aa;
            border-left-color: #fcbf1a
        }

#hosLogs_id .pendingRequest {
    background-color: #FFFCDD;
    box-shadow: inset -2px 0px 0px 0px #FDCD4C,inset 0px 2px 0px 0px #FDCD4C,inset 0px -2px 0px 0px #FDCD4C
}

    #hosLogs_id .pendingRequest.checkmateListBuilderRow {
        border-left: 5px #FDCD4C solid;
        background-color: #FFFCDD
    }

        #hosLogs_id .pendingRequest.checkmateListBuilderRow:hover {
            background-color: #fff8aa;
            border-left-color: #fcbf1a
        }

#hosLogs_id .isIgnored {
    border-top: 2px dashed #afafaf;
    border-bottom: 2px dashed #afafaf;
    border-left-style: dashed;
    background: #f4f4f4
}

#hosLogs_id .address, #hosLogs_id .blockDetails {
    line-height: 32px
}

#hosLogs_id .hos-day-header {
    padding: 0
}

#hosLogs_id .hos-sub-header-info {
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between
}

#hosLogs_id .hos-date-header .hos-header-item:nth-child(1) {
    flex: 1 1 auto
}

#hosLogs_id .hos-date-header .hos-header-item:nth-child(2) {
    flex: 1 2 auto
}

#hosLogs_id #hosLogs_timeZoneWarning {
    margin-top: 5px
}

#hosLogs_id .modificationList {
    border-bottom-width: 0;
    border-radius: 0
}

    #hosLogs_id .modificationList .propertyName {
        font-weight: bold
    }

    #hosLogs_id .modificationList:first-of-type {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    #hosLogs_id .modificationList:last-of-type {
        border-bottom-width: 1px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    #hosLogs_id .modificationList .checkmateListAnnotationRow {
        padding-left: 0
    }

#hosLogs_id #hosLogs_logsLimitReached svg {
    margin-top: 1.2em
}

#hosLogs_id .daySummaryContainer {
    background: #fefefe;
    color: #202328
}

#hosLogs_id .daySummary {
    overflow: hidden;
    font-weight: normal;
    display: flex;
    flex-wrap: wrap
}

    #hosLogs_id .daySummary .daySummary__item {
        flex: 1 0 100%;
        padding: 0 1em;
        margin: 0.5em 0
    }

    #hosLogs_id .daySummary .daySummary__item_view_inline {
        flex: 1 1 auto
    }

    #hosLogs_id .daySummary .title {
        font-weight: bold;
        margin-bottom: 0.5em
    }

    #hosLogs_id .daySummary .list {
        list-style: none;
        padding: 0;
        margin: 0
    }

    #hosLogs_id .daySummary .list__item {
        display: flex
    }

    #hosLogs_id .daySummary .item__icon {
        width: 1.3em;
        height: 1.3em;
        fill: #25477B;
        margin-right: 0.5em;
        position: relative;
        flex: 0 0 auto
    }

        #hosLogs_id .daySummary .item__icon .svgIcon {
            cursor: auto;
            top: 0.25em;
            width: 1em;
            height: 1em
        }

    #hosLogs_id .daySummary .item__link, #hosLogs_id .daySummary .item__text {
        display: inline
    }

    #hosLogs_id .daySummary .item__link {
        padding: 0;
        font-size: 1em;
        text-align: left;
        border: none;
        background: none;
        color: #25477B;
        text-decoration: underline;
        cursor: pointer;
        word-break: break-word
    }

    #hosLogs_id .daySummary .daySummary__item_type_exemptionsDuration {
        flex: 1 0 100%
    }

        #hosLogs_id .daySummary .daySummary__item_type_exemptionsDuration .list {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            overflow: hidden;
            border-bottom: 1px solid #C7CBD2;
            padding: 0.5em 0
        }

        #hosLogs_id .daySummary .daySummary__item_type_exemptionsDuration .list__item {
            margin: 0.2em 0.5em
        }

    #hosLogs_id .daySummary .daySummary__item_style_violations {
        color: #751111;
        min-width: 250px;
        flex: 1 1 50%
    }

        #hosLogs_id .daySummary .daySummary__item_style_violations .list__item {
            margin: 0.5em 0
        }

        #hosLogs_id .daySummary .daySummary__item_style_violations .item__link, #hosLogs_id .daySummary .daySummary__item_style_violations .item__text {
            color: #751111;
            width: 100%;
            padding: 0.2em 0.5em;
            background-color: #FDE5E5;
            border: 1px solid #FDE5E5;
            border-radius: 4px
        }

    #hosLogs_id .daySummary .daySummary__item_type_shipmentInfo .item__icon > .svgIcon {
        top: 0.1em;
        width: 1.3em;
        height: 1.3em
    }

#hosLogs_id .checkmateListAnnotationIcon > .svgIcon {
    width: 1.3em;
    height: 1.3em;
    top: 3px
}

#hosLogs_id .graphViewContainer > .graphLegend {
    display: none
}

#hosLogs_id .dayHeader__mode_logs .graphViewContainer > .graphView.expanded + .graphLegend {
    display: block
}

#hosLogs_id .graphContainer > .graphLegend {
    display: none
}

#hosLogs_id .graphView {
    position: relative
}

    #hosLogs_id .graphView .graphView__wrapper {
        min-width: 1000px;
        min-height: 150px;
        display: none
    }

    #hosLogs_id .graphView .graphView__placeholder {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        top: 0;
        background-color: #fefefe;
        color: #25477B
    }

        #hosLogs_id .graphView .graphView__placeholder .placeholder__text {
            position: absolute;
            width: 100%;
            left: 0;
            top: 50%;
            margin-top: -7px
        }

    #hosLogs_id .graphView .hos-graph-bar:hover {
        cursor: pointer
    }

#hosLogs_id #hosLogs_graphLegend {
    margin-top: 5px
}

#hosLogs_id .expandableGraphLegend {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

    #hosLogs_id .expandableGraphLegend .geo-button {
        justify-content: center
    }

    #hosLogs_id .expandableGraphLegend .geo-caption__content {
        margin-right: 0px
    }

    #hosLogs_id .expandableGraphLegend > .expandableGraphLegend__inner {
        overflow: hidden;
        background: #e5f2fa;
        border-width: 0;
        color: #25477B;
        font-size: 1.2em;
        border-radius: 3px
    }

    #hosLogs_id .expandableGraphLegend.sticky {
        position: fixed;
        z-index: 999;
        padding: 0 0 8px 0
    }

        #hosLogs_id .expandableGraphLegend.sticky > .expandableGraphLegend__inner {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            box-shadow: #000 0px -3px 10px
        }

        #hosLogs_id .expandableGraphLegend.sticky .expandableGraphLegend__button {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

    #hosLogs_id .expandableGraphLegend .expandableGraphLegend__button {
        display: none;
        width: 100%
    }

    #hosLogs_id .expandableGraphLegend.expandableGraphLegend__expanded .expandableGraphLegend__button {
        border-radius: 0
    }

#hosLogs_id .graphLegend .graphLegend__items {
    background-color: #EFF2F7;
    margin: 0;
    padding: 5px 8px;
    display: flex;
    flex-wrap: wrap
}

#hosLogs_id .graphLegend .graphLegend__item {
    position: relative;
    list-style-type: none;
    padding: 3px 14px;
    display: flex;
    align-items: center;
    max-width: 50%
}

    #hosLogs_id .graphLegend .graphLegend__item .item__icon {
        margin: 0.3em 0 0.3em -1em;
        width: 1.4em;
        height: 1.4em;
        display: inline-block;
        border: 1px solid #000;
        flex: 0 0 auto
    }

        #hosLogs_id .graphLegend .graphLegend__item .item__icon .svgIcon {
            cursor: default
        }

    #hosLogs_id .graphLegend .graphLegend__item .item__label {
        margin-left: 0.5em;
        line-height: 1em;
        font-weight: normal;
        text-transform: uppercase;
        color: #202328
    }

    #hosLogs_id .graphLegend .graphLegend__item .label__item {
        display: block
    }

#hosLogs_id .graphLegend .graphLegend__item__type_verified > .item__icon {
    background-color: #98cb98
}

#hosLogs_id .graphLegend .graphLegend__item__type_unverified > .item__icon {
    background-color: #989898
}

#hosLogs_id .graphLegend .graphLegend__item__type_edited > .item__icon {
    background-color: #fefe98
}

#hosLogs_id .graphLegend .graphLegend__item__type_exemption > .item__icon {
    border: none
}

    #hosLogs_id .graphLegend .graphLegend__item__type_exemption > .item__icon > .svgIcon {
        width: 1.4em;
        height: 1.4em;
        fill: #989898
    }

#hosLogs_id .graphLegend .graphLegend__item__type_exemption.ewd > .item__icon > .svgIcon {
    fill: #98cb98
}

#hosLogs_id .graphLegend .graphLegend__item__type_violation > .item__icon {
    background-color: #ff7f7f
}

#hosLogs_id .graphLegend .graphLegend__item__type_break > .item__icon {
    background-color: #7fc6ff
}

@media only screen and (max-width:1000px) {
    #hosLogs_id .hos-sub-header-info {
        flex-direction: column
    }
}

@media only screen and (max-width:768px) {
    #hosLogs_id .grid-control {
        min-width: auto
    }

        #hosLogs_id .grid-control .grid-control__item {
            height: 40px
        }

    #hosLogs_id .hos-log-checker-align {
        height: 40px
    }

    #hosLogs_id .hos-log-checker {
        margin-right: 0px
    }

    #hosLogs_id .hos-sub-header .grid-log-status {
        padding-left: 5px
    }

    #hosLogs_id .hos-sub-header .hos-log-vehicles {
        display: block
    }

    #hosLogs_id .hos-log-vehicles {
        text-align: right
    }

    #hosLogs_id .secondaryData .blockDetails {
        line-height: 20px
    }
}

@media only screen and (max-width:680px) {
    #hosLogs_id .secondaryData .blockDetails {
        line-height: 20px
    }

    #hosLogs_id .grid-control {
        margin-top: 12px;
        height: 60px;
        align-items: center
    }

    #hosLogs_id .hos-log-checker-align {
        height: 20px
    }

    #hosLogs_id .grid-log-status-time-location {
        min-width: 100px
    }

    #hosLogs_id .grid-log-location {
        text-align: right
    }

    #hosLogs_id .grid-log-main {
        flex-direction: column
    }

    #hosLogs_id .hos-sub-header .grid-log-info {
        display: none
    }

    #hosLogs_id .grid-log-info {
        flex-basis: auto;
        min-width: 200px
    }

    #hosLogs_id .grid-log-info-item {
        width: 33.3333333%
    }

    #hosLogs_id .hos-day-header {
        flex-direction: column
    }
}

@media (max-width:768px) {
    #hosLogs_id .hos-sub-header {
        padding: 3px 8px 3px 5px
    }

        #hosLogs_id .hos-sub-header .grid-log-info-duration-vehicles {
            padding-right: 36px
        }

    #hosLogs_id .grid-log-info-trailers-distance, #hosLogs_id .grid-log-info-duration-vehicles {
        flex-wrap: wrap
    }

    #hosLogs_id .hos-log-duration, #hosLogs_id .hos-log-vehicles {
        text-align: right
    }

    #hosLogs_id .hos-log-vehicles {
        min-width: auto
    }

    #hosLogs_id .grid-log-info-trailers-distance, #hosLogs_id .grid-log-info-duration-vehicles {
        min-width: 100px
    }

    #hosLogs_id .expandableGraphLegend .expandableGraphLegend__button {
        display: block
    }

    #hosLogs_id .expandableGraphLegend:not(.expandableGraphLegend__expanded) .graphLegend__items {
        display: none
    }
}

@media (max-width:480px) {
    #hosLogs_id .hos-log-checker {
        margin-right: 0
    }

    #hosLogs_id .hos-log-distance, #hosLogs_id .hos-log-duration {
        min-width: 50px
    }

    #hosLogs_id .daySummary {
        flex-direction: column;
        flex-wrap: nowrap
    }

        #hosLogs_id .daySummary .daySummary__item_view_inline {
            flex: 1 0 100%
        }

        #hosLogs_id .daySummary .daySummary__item_type_violations {
            min-width: auto
        }
}

@media print {
    #hosLogs_id .grid-log-main {
        flex-wrap: wrap;
        margin: 10px;
        width: auto
    }

    #hosLogs_id .canadaPrint .grid-log-main {
        margin: 0
    }

    #hosLogs_id .grid-log-status-time-location {
        min-width: 300px;
        flex: 2000 1 auto
    }

    #hosLogs_id .grid-log-info {
        min-width: 150px;
        flex: 1 2000 auto
    }

    #hosLogs_id .grid-log-status-time {
        width: 160px
    }

    #hosLogs_id .grid-log-info-trailers-distance {
        flex: 1 100 100px;
        min-width: 30px
    }

    #hosLogs_id .grid-log-info-duration-vehicles {
        flex: 0 1 auto;
        flex-wrap: nowrap;
        min-width: 100px
    }

    #hosLogs_id .hos-vehicle-name {
        min-width: 100px
    }

    #hosLogs_id .hos-log-duration {
        flex: 20 1 auto
    }

    #hosLogs_id .hos-log-vehicles {
        flex: 1 10 auto
    }

    #hosLogs_id .hos-log-status {
        font-size: 1.9em !important
    }

    #hosLogs_id .hos-shipments {
        margin: 0.4em 0 0 0;
        padding: 0 0 0 1.5em
    }

    #hosLogs_id .hos-log-distance {
        width: 100%;
        min-width: auto;
        text-align: right
    }

    #hosLogs_id .hos-status-icons .hos-status-icon {
        width: 15px
    }

    #hosLogs_id .grid-control {
        display: none
    }

    #hosLogs_id .graphView {
        height: auto !important
    }

    #hosLogs_id #hosLogs_logsLimitReached svg {
        margin-top: 0
    }

    #hosLogs_id .graphViewContainer > .graphLegend {
        display: block
    }

        #hosLogs_id .graphViewContainer > .graphLegend .graphLegend__item.graphLegend__item__type_violation {
            display: none
        }

    #hosLogs_id #hosLogs_graphLegend {
        display: none
    }

    #hosLogs_id #hosLogs_builderId .checkmateListBuilderRow.canadaPrint {
        border-bottom: 1px #eee solid;
        padding: 3px 0 5px 3px
    }

    #hosLogs_id .hos-sub-header[id^=canadaPrint__] {
        padding: 8px 71px 8px 5px
    }

    #hosLogs_id [class^=grid-log-canadaPrint] {
        width: 50px;
        margin: 0;
        padding-left: 4px
    }

        #hosLogs_id [class^=grid-log-canadaPrint][class*='event'] {
            width: 120px
        }

        #hosLogs_id [class^=grid-log-canadaPrint][class*='totalDistance'] {
            width: 65px
        }

        #hosLogs_id [class^=grid-log-canadaPrint][class*='time'] {
            width: 45px
        }

        #hosLogs_id [class^=grid-log-canadaPrint][class*='origin'], #hosLogs_id [class^=grid-log-canadaPrint][class*='state'], #hosLogs_id [class^=grid-log-canadaPrint][class*='sequence'] {
            width: 35px
        }

    #hosLogs_id .cycleChangeLogs [class^=grid-log-canadaPrint][class*=event] {
        width: 150px
    }

    #hosLogs_id .standardLogs [class^=grid-log-canadaPrint][class*='location'] {
        width: 50px
    }
}

.route-completion-page {
    display: flex;
    flex-direction: column;
    height: 100%
}

.route-completion-page__content {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.text-mixin {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px
}

.hos-avail-dialog {
    display: flex;
    max-width: 250px;
    flex-direction: column
}

.hos-avail-dialog__item {
    width: 100%;
    border-radius: 10px;
    padding: 5px 10px;
    background-color: rgba(117,117,117,0.1);
    margin-bottom: 5px
}

    .hos-avail-dialog__item:not(:last-child) {
        margin-right: 5px
    }

.hosAvailability .legend {
    display: flex;
    justify-content: space-around;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    list-style-type: none;
    background-color: #EFF2F7;
    color: #202328
}

.hosAvailability .legend__item {
    display: flex;
    align-items: center;
    margin: 0px 10px
}

.hosAvailability .legend__icon {
    cursor: default;
    top: 0px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    margin-right: 8px
}

.hosAvailability .hos-avail__header-ewd {
    width: 14%
}

.hosAvailability .hos-avail__header {
    display: flex;
    background-color: #EFF2F7
}

.hosAvailability .hos-avail__header-column {
    position: relative;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #202328;
    fill: #202328;
    font-weight: 500;
    text-align: center;
    padding: 10px 5px
}

.hosAvailability .hos-avail__header-column--name {
    font-size: 1.3em;
    font-weight: 700;
    width: 29%
}

.hosAvailability .hos-avail__header-column--tomorrow {
    width: 17%
}

.hosAvailability .hos-avail__header-column--rest, .hosAvailability .hos-avail__header-column--driving, .hosAvailability .hos-avail__header-column--duty, .hosAvailability .hos-avail__header-column--workday, .hosAvailability .hos-avail__header-column--cycle {
    width: 10%
}

.hosAvailability .hos-avail__header-column--button {
    font-size: 1em;
    padding: 0px;
    width: 5%;
    min-width: 50px
}

.hosAvailability .hos-avail__header-icon {
    width: 16px;
    height: 16px;
    margin-bottom: -2.5px
}

.hosAvailability .hos-avail__header-icon--big {
    width: 20px;
    height: 20px;
    margin-top: 10px
}

.hosAvailability .hos-avail__small-header {
    display: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #202328;
    fill: #202328;
    font-weight: 700;
    text-align: center;
    padding: 10px 5px;
    background-color: #EFF2F7;
    width: 100%
}

.hosAvailability .hos-avail__row {
    display: flex;
    flex-direction: column;
    border-left: 4px solid #FFF;
    border-bottom: 1px solid #C7CBD2
}

.hosAvailability .hos-avail__row-main-info {
    display: flex;
    padding-left: 6px
}

.hosAvailability .hos-avail__row-extra-info {
    display: flex;
    flex-direction: row;
    padding: 6px;
    background-color: #EFF2F7;
    font-size: 1.3em
}

.hosAvailability .hos-avail__extra-item--ruleset, .hosAvailability .hos-avail__extra-item--location, .hosAvailability .hos-avail__extra-item--trailer, .hosAvailability .hos-avail__extra-item--shipment {
    width: 25%
}

.hosAvailability .hos-avail__extra-item:not(:last-child) {
    margin-right: 6px
}

.hosAvailability .hos-avail__row-column {
    display: flex;
    overflow: hidden;
    width: 98%;
    align-items: center;
    border-color: #C7CBD2
}

.hosAvailability .hos-avail__row-column--name {
    font-size: 1.3em;
    font-weight: 700;
    width: 30%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-right: 2px solid rgba(221,221,221,0.3)
}

    .hosAvailability .hos-avail__row-column--name.hos-avail__row-column--ewd {
        width: 29%
    }

.hosAvailability .hos-avail__row-column--tomorrow {
    width: 25%;
    border-right: 2px solid rgba(221,221,221,0.3)
}

.hosAvailability .hos-avail__row-column--rest, .hosAvailability .hos-avail__row-column--driving, .hosAvailability .hos-avail__row-column--duty, .hosAvailability .hos-avail__row-column--workday, .hosAvailability .hos-avail__row-column--cycle {
    width: 15%;
    border-right: 2px solid rgba(221,221,221,0.3)
}

.hosAvailability .hos-avail__row-column--button {
    position: relative;
    font-size: 1em;
    padding: 0px;
    width: 5%;
    min-width: 50px
}

.hosAvailability .hos-avail__row-column--center {
    justify-content: center;
    font-size: 1.2em;
    font-weight: 700
}

.hosAvailability .hos-avail__row-info-block {
    display: flex;
    width: calc(100% - 30px)
}

.hosAvailability .hos-avail__row-time-block {
    display: flex;
    width: 70%
}

    .hosAvailability .hos-avail__row-time-block.hos-avail__row-column--ewd {
        width: 71%
    }

.hosAvailability .hos-avail__main-content {
    display: flex;
    width: 100%;
    flex-direction: column
}

.hosAvailability .hos-avail__current-status {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #FFF;
    padding: 5px;
    min-width: 60px;
    text-align: center;
    border-radius: 3px;
    margin-right: 7px
}

.hosAvailability .hos-avail__main-data {
    width: 100%;
    display: flex;
    align-items: center
}

.hosAvailability .hos-avail__driver-data {
    color: #25477B;
    font-weight: 400
}

.hosAvailability .hos-avail__checkbox:focus:not(:checked) + .hos-avail__button {
    border-color: #246390
}

.hosAvailability .hos-avail__checkbox:focus:checked + .hos-avail__button, .hosAvailability .hos-avail__checkbox:hover:checked + .hos-avail__button {
    color: #ffffff;
    fill: #ffffff;
    border-color: #66788c;
    background-color: #282f36
}

.hosAvailability .hos-avail__checkbox:checked + .hos-avail__button {
    color: #ffffff;
    fill: #ffffff;
    border-color: #66788c;
    background-color: #66788c
}

.hosAvailability .hos-avail__button {
    display: block;
    width: 30px;
    height: 30px;
    outline: none;
    cursor: pointer;
    border: 1px solid;
    border-radius: 4px;
    overflow: hidden;
    color: #202328;
    fill: #66788c;
    border-color: #c7cbd2;
    background-color: #ffffff
}

    .hosAvailability .hos-avail__button:hover, .hosAvailability .hos-avail__button:focus {
        color: #202328;
        fill: #66788c;
        border-color: #66788c;
        background-color: #f4f6f8
    }

    .hosAvailability .hos-avail__button:active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c
    }

.hosAvailability .hos-avail__button--header {
    width: 100%;
    height: 100%;
    border-radius: 0px
}

.hosAvailability .hos-avail__button--shadow {
    box-shadow: 0 2px 4px -2px gray
}

.hosAvailability .hos-avail__button--right {
    position: absolute;
    right: 0px;
    height: 70%;
    top: 15%;
    border-right: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0px
}

.hosAvailability .hos-avail__button--right-chbx {
    position: absolute;
    padding: 7px 7px;
    margin-left: 10%;
    top: calc(50% - 15px)
}

.hosAvailability .hos-avail__empty-button {
    background-color: inherit;
    border: none
}

.hosAvailability .hos-avail__link-text {
    font-weight: 400;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #0062A9;
    fill: #0062A9;
    text-decoration: underline
}

.hosAvailability .hos-avail__main-text {
    font-weight: 400;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-size: 12px;
    color: #575757;
    fill: #575757;
    text-align: center
}

.hosAvailability .hos-avail__sub-text {
    font-weight: 400;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-size: 12px;
    color: #757575;
    fill: #757575;
    display: block
}

.hosAvailability .hos-avail__secondary-text {
    font-weight: 400;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-size: 12px;
    color: #202328;
    fill: #202328
}

.hosAvailability .hos-avail__row-icon {
    color: #757575;
    fill: #757575
}

.hosAvailability .hos-avail__row-icon--vertical {
    height: 8px;
    width: 16px;
    transform: rotate(90deg)
}

.hosAvailability .hos-avail__row-icon--info {
    height: 14px;
    width: 14px
}

.hosAvailability .hos-avail__row-icon--inline {
    margin-right: 4px
}

.hosAvailability .hos-avail__ewd-icon {
    background: #202328;
    color: #FFF;
    fill: #FFF;
    padding: 3px 1px;
    font-size: 9px;
    border-radius: 50%;
    font-weight: bold;
    display: none;
    width: 22px;
    height: 22px;
    margin: 0 auto
}

.hosAvailability .visible-small {
    display: none
}

.hos-avail__header-column--ewdRested .svgIcon {
    width: 12px;
    height: 13px
}

.hos-avail__header-column--ewdNextRestIn .svgIcon {
    height: 14px
}

@media (max-width:1600px) {
    .hosAvailability .hos-avail__button--right-chbx {
        margin-left: 5%
    }
}

@media (max-width:1450px) {
    .hosAvailability .hos-avail__header-ewd {
        width: 21%
    }

    .hosAvailability .hos-avail__header-column {
        padding: 5px 5px
    }

    .hosAvailability .hos-avail__header-column--button {
        padding: 0px;
        min-width: 30px;
        width: 2%
    }

    .hosAvailability .hos-avail__header-column--name {
        width: 43%
    }

        .hosAvailability .hos-avail__header-column--name.hos-avail__header-ewd {
            width: 41%
        }

    .hosAvailability .hos-avail__header-column--tomorrow {
        display: none
    }

    .hosAvailability .hos-avail__header-column--rest, .hosAvailability .hos-avail__header-column--driving, .hosAvailability .hos-avail__header-column--duty, .hosAvailability .hos-avail__header-column--workday, .hosAvailability .hos-avail__header-column--cycle {
        width: 11%
    }

    .hosAvailability .hos-avail__row {
        padding-top: 6px
    }

    .hosAvailability .hos-avail__row-column {
        padding: 5px 5px
    }

    .hosAvailability .hos-avail__row-column--button {
        flex-direction: column;
        justify-content: flex-start;
        padding: 0px;
        min-width: 30px;
        width: 2%
    }

        .hosAvailability .hos-avail__row-column--button label {
            border-right: none;
            border-top-left-radius: 3px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 0px
        }

    .hosAvailability .hos-avail__row-column--name {
        width: 43%
    }

        .hosAvailability .hos-avail__row-column--name.hos-avail__row-column--ewd {
            width: 27%
        }

    .hosAvailability .hos-avail__row-column--tomorrow {
        display: none
    }

    .hosAvailability .hos-avail__row-column--rest, .hosAvailability .hos-avail__row-column--driving, .hosAvailability .hos-avail__row-column--duty, .hosAvailability .hos-avail__row-column--workday, .hosAvailability .hos-avail__row-column--cycle {
        width: 20%
    }

    .hosAvailability .hos-avail__row-column {
        border-right: none
    }

    .hosAvailability .hos-avail__row-time-block {
        width: 57%
    }

        .hosAvailability .hos-avail__row-time-block.hos-avail__row-column--ewd {
            width: 73%
        }

    .hosAvailability .hos-avail__header-icon--big {
        margin: 0px auto;
        margin-top: 5px
    }

    .hosAvailability .hos-avail__header-text {
        display: none
    }

    .hosAvailability .hos-avail__ewd-icon {
        display: block
    }

    .hosAvailability .hos-avail__button--right {
        height: 35px;
        width: 100%;
        position: static;
        margin: 0
    }

    .hosAvailability .hos-avail__button--right-chbx {
        position: static;
        margin: 0;
        margin-bottom: 4px
    }

    .hosAvailability .ewd-availability .hos-avail__header-text {
        display: block
    }

    .hosAvailability .visible-big {
        display: none
    }

    .hosAvailability .visible-small {
        display: block
    }
}

@media (max-width:700px) {
    .hosAvailability .hos-avail__header-column--name {
        display: none
    }

    .hosAvailability .hos-avail__header-column--rest, .hosAvailability .hos-avail__header-column--driving, .hosAvailability .hos-avail__header-column--duty, .hosAvailability .hos-avail__header-column--workday, .hosAvailability .hos-avail__header-column--cycle {
        width: 25%
    }

    .hosAvailability .hos-avail__small-header {
        display: block
    }

    .hosAvailability .hos-avail__row-column--name {
        width: 98%
    }

    .hosAvailability .hos-avail__row-column--rest, .hosAvailability .hos-avail__row-column--driving, .hosAvailability .hos-avail__row-column--duty, .hosAvailability .hos-avail__row-column--workday, .hosAvailability .hos-avail__row-column--cycle {
        background-color: rgba(117,117,117,0.1);
        margin-right: 5px;
        width: 25%
    }

    .hosAvailability .hos-avail__row-extra-info {
        flex-direction: column
    }

    .hosAvailability .hos-avail__extra-item--ruleset, .hosAvailability .hos-avail__extra-item--location, .hosAvailability .hos-avail__extra-item--trailer, .hosAvailability .hos-avail__extra-item--shipment {
        width: 100%
    }

    .hosAvailability .hos-avail__row-info-block {
        width: calc(100% - 30px);
        flex-direction: column
    }

    .hosAvailability .hos-avail__row-time-block, .hosAvailability .hos-avail .hos-avail__row-column--ewd {
        width: 100%;
        margin-bottom: 6px
    }
}

@media (max-width:500px) {
    .hosAvailability .legend {
        flex-direction: column
    }

    .hosAvailability .legend__item:not(:last-child) {
        margin-bottom: 7px
    }
}

#hosViolations_id .vio-row {
    display: flex
}

#hosViolations_id .vio-row__info {
    display: flex;
    width: calc(100% - 100px)
}

#hosViolations_id .vio-row__link {
    width: 100px
}

#hosViolations_id .vio-row__main {
    display: flex;
    padding: 4px 4px;
    width: 50%
}

#hosViolations_id .vio-row__sub {
    color: #222;
    width: 50%;
    padding: 0px 4px
}

#hosViolations_id .vio-row__name {
    width: 30%;
    font-size: 1.25em;
    margin-right: 20px;
    padding: 4px 0px;
    color: #0062A9
}

#hosViolations_id .vio-row__date {
    width: 70%;
    font-size: 1.1em;
    padding: 4px 0px;
    color: #0062A9
}

@media (max-width:768px) {
    #hosViolations_id .vio-row__info {
        width: calc(100% - 30px);
        flex-direction: column
    }

    #hosViolations_id .vio-row__link {
        margin-top: 15px;
        width: 30px
    }

    #hosViolations_id .vio-row__main {
        width: 100%
    }

    #hosViolations_id .vio-row__sub {
        width: 100%
    }
}

@media (max-width:480px) {
    #hosViolations_id .vio-row__main {
        flex-direction: column
    }

    #hosViolations_id .vio-row__name {
        width: 100%
    }

    #hosViolations_id .vio-row__date {
        width: 100%
    }
}

#hosViolations_id .text-mixin {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px
}

#hosViolations_id .checkmateListBuilder .checkmateListBuilderHeading {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    background-color: #3C5063;
    color: #FFF;
    border: none;
    padding: 12px 6px
}

#hosViolations_id .checkmateListBuilder .checkmateListBuilderRow {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-size: 12px;
    color: #202328;
    border-left: 0px
}

.lineChart .legendItem {
    cursor: pointer
}

.lineChart .pointer {
    cursor: pointer
}

.lineChart .hiddenEffect {
    opacity: 0.2
}

    .lineChart .hiddenEffect.hoverEffect {
        opacity: 0.5
    }

.sls-dragArea:focus {
    outline: none
}

#importZones_Id .importZones_excelExample {
    width: 100%;
    max-width: 1000px;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 10px
}

#importZones_Id .importZones_ExampleWarning {
    color: #751111;
    padding-top: 5px;
    padding-left: 1px
}

#importZones_Id .bold {
    font-weight: bold
}

#importZones_Id .invalidPoints {
    color: red
}

#importZones_Id .invalidZoneParameter {
    cursor: pointer;
    color: red
}

#importZones_Id .zones-uploader__drop-area {
    padding: 10px 16px
}

#importZones_Id #importZones_FormContainer fieldset {
    width: 100%;
    max-width: none
}

#importZones_Id #importZones_examples {
    padding: 0 20px
}

    #importZones_Id #importZones_examples .importZones_examplesText {
        font-weight: 700;
        color: #25477B;
        text-transform: uppercase;
        padding-bottom: 10px
    }

    #importZones_Id #importZones_examples .importZones_exampleTable {
        width: 100%;
        overflow-x: auto
    }

    #importZones_Id #importZones_examples .importZones_tableComment {
        margin-top: 10px
    }

    #importZones_Id #importZones_examples .importZones_row td, #importZones_Id #importZones_examples .importZones_row th {
        border: 1px solid #C5DBEC;
        padding-left: 5px
    }

        #importZones_Id #importZones_examples .importZones_row td:first-of-type, #importZones_Id #importZones_examples .importZones_row th:first-of-type {
            color: #000000;
            background-color: #e1f0f9;
            border-right-color: #9fc3df
        }

    #importZones_Id #importZones_examples .importZones_rowData:nth-of-type(odd) {
        background-color: rgba(229,242,250,0.2)
    }

    #importZones_Id #importZones_examples .importZones_header {
        background-color: #e1f0f9;
        color: #000000
    }

        #importZones_Id #importZones_examples .importZones_header td, #importZones_Id #importZones_examples .importZones_header th {
            border-bottom-color: #9fc3df
        }

#importZones_Id #importZones_ZonesList .zones {
    min-width: 5em;
    display: inline-block;
    font-weight: bolder;
    text-align: center
}

#importZones_Id #importZones_ZonesList .moreInfo {
    display: none;
    float: none;
    clear: both;
    padding-top: 1em;
    cursor: default;
    width: 100%
}

#importZones_Id #importZones_ZonesList .checkmateListBuilderRowActive .moreInfo {
    display: block
}

#importZones_Id .zonesList {
    width: 100%;
    line-height: 2;
    margin: 0;
    padding: 0
}

    #importZones_Id .zonesList .data {
        width: 100%;
        display: flex
    }

    #importZones_Id .zonesList .selection {
        width: 30px
    }

#importZones_Id .mainZoneListItem {
    list-style-type: none;
    display: flex
}

    #importZones_Id .mainZoneListItem:nth-child(odd) {
        background-color: #f6fafe
    }

    #importZones_Id .mainZoneListItem .cell {
        padding: 0.5em;
        flex: 1 1 100px
    }

        #importZones_Id .mainZoneListItem .cell .secondaryData {
            padding-right: 0.5em;
            white-space: pre;
            flex: 0 1 auto
        }

        #importZones_Id .mainZoneListItem .cell .primaryData {
            word-break: break-word;
            flex: 1 1 100%
        }

    #importZones_Id .mainZoneListItem .name {
        width: 150px
    }

    #importZones_Id .mainZoneListItem .selection {
        flex: 0 0 20px
    }

    #importZones_Id .mainZoneListItem .comments {
        width: 200px
    }

    #importZones_Id .mainZoneListItem .invalidZoneParameter > input {
        width: 100%
    }

@media (max-width:992px) {
    #importZones_Id .mainZoneListItem {
        flex-wrap: wrap;
        padding: 1em 0;
        position: relative
    }

        #importZones_Id .mainZoneListItem .cell {
            flex-basis: 50%;
            line-height: 1.2em
        }

        #importZones_Id .mainZoneListItem .cell-empty {
            display: none
        }

        #importZones_Id .mainZoneListItem .selection {
            position: absolute;
            right: 0.4em;
            top: 1.4em;
            padding: 0;
            text-align: right
        }

        #importZones_Id .mainZoneListItem .invalidZoneParameter > input {
            margin-top: -0.3em
        }
}

@media (max-width:768px) {
    #importZones_Id .mainZoneListItem .cell {
        flex-basis: 100%
    }
}

.upload-summary {
    display: none;
    margin: 0rem 2rem 3rem 2rem;
    box-shadow: 0 2px 4px 0 #C7CBD2
}

.upload-summary__clickable-header {
    cursor: pointer
}

.upload-summary__records-count {
    min-width: 4rem;
    display: inline-block;
    font-weight: bolder;
    text-align: center
}

.upload-summary--rows {
    display: none;
    float: none;
    clear: both;
    padding-top: 1rem;
    cursor: default;
    width: 100%
}

.upload-summary .checkmateListBuilderRowActive .moreInfo {
    display: block
}

.upload-summary--section-separator {
    height: 0.32rem;
    background-color: #F4F6F8
}

.import-canvas-title {
    font-weight: 730;
    color: #25477B;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-left: 1.6rem
}

.import-type {
    margin-left: 2rem
}

.import-type__title {
    color: #575757;
    margin-right: 1rem
}

.service-group-selection {
    margin-top: 1.5rem;
    margin-left: 2rem;
    float: left
}

.service-group-selection__title {
    color: #575757;
    margin-right: 1.4rem;
    padding-top: 0.5rem;
    float: left
}

.uploader__drop-area {
    width: 100%;
    padding-right: 2.1rem;
    padding-left: 2.1rem;
    margin-top: 1rem;
    margin-bottom: 2.2rem
}

.import-summary {
    display: none;
    margin: 0rem 2rem 3rem 2rem;
    box-shadow: 0 2px 4px 0 #C7CBD2
}

.import-summary__clickable-header {
    cursor: pointer
}

.import-summary__records-count {
    min-width: 4rem;
    display: inline-block;
    font-weight: bolder;
    text-align: center
}

.import-summary--rows {
    display: none;
    float: none;
    clear: both;
    padding-top: 1rem;
    cursor: default;
    width: 100%
}

.import-summary .checkmateListBuilderRowActive .moreInfo {
    display: block
}

.import-summary--section-separator {
    height: 0.32rem;
    background-color: #F4F6F8
}

.group-selection {
    cursor: default;
    padding-right: 30px
}

.group-selection__name {
    padding-right: 1rem;
    height: fit-content;
    font-size: 0.9rem
}

.routes-list {
    width: 100%;
    line-height: 2;
    margin: 0;
    padding: 0
}

.routes-list__row {
    list-style-type: none;
    display: flex
}

    .routes-list__row:nth-child(odd) {
        background-color: #f6fafe
    }

    .routes-list__row .cell {
        padding: 0.5rem;
        flex: 1 1 100px
    }

        .routes-list__row .cell .secondaryData {
            padding-right: 0.5rem;
            white-space: pre;
            flex: 0 1 auto
        }

        .routes-list__row .cell .primaryData {
            word-break: break-word;
            flex: 1 1 100%
        }

.routes-list__selection--checkbox {
    margin: 1rem 0.8rem 0 0
}

.invalid-parameter {
    color: #751111 !important;
    font-weight: bold
}

.no-button-style {
    background-color: inherit;
    border: none;
    padding: 0
}

.import-info-section {
    margin-left: 2rem;
    margin-bottom: 2rem
}

.import-info-header {
    font-size: 0.9rem;
    font-weight: 600;
    color: #25477B;
    text-transform: capitalize;
    margin-bottom: 0.6rem
}

.import-example {
    margin-bottom: 3rem
}

.import-example__table {
    overflow-x: auto;
    width: 100%;
    max-width: 900px;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 0.63rem
}

.import-example__table--header {
    color: #000000;
    background-color: #e1f0f9
}

.import-example__table--row:nth-of-type(odd) {
    background-color: rgba(229,242,250,0.2)
}

.import-example__table--cell {
    border: 1px solid #C5DBEC;
    padding-left: 5px
}

    .import-example__table--cell:first-of-type {
        color: #000000;
        background-color: #e1f0f9;
        border-right-color: #9fc3df
    }

.import-example__warning {
    color: #751111;
    padding-top: 5px;
    padding-left: 1px
}

.shape-file-info {
    font-size: 0.8rem
}

@media (max-width:992px) {
    .routes-list__row {
        flex-wrap: wrap;
        padding: 1rem 0;
        position: relative
    }

    .routes-list__selection {
        flex-basis: 50%;
        line-height: 1.2rem;
        position: absolute;
        right: 0.4rem;
        top: 1.4rem;
        padding: 0;
        text-align: right
    }
}

@media (max-width:768px) {
    .routes-list__row .cell {
        flex-basis: 100%
    }
}

.apply-changes {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.apply-changes--row {
    flex-direction: row;
    justify-content: left
}

    .apply-changes--row .apply-changes__arrow {
        height: 6px;
        min-height: 6px;
        width: 12px;
        min-width: 12px;
        margin: 0px 4px
    }

    .apply-changes--row .apply-changes__chbx {
        margin-top: 0px;
        margin-left: 4px
    }

.apply-changes__current {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #575757;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal
}

.apply-changes__arrow {
    fill: #C7CBD2;
    height: 12px;
    width: 6px;
    margin: 4px 0px
}

.apply-changes__updated {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #202328;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold
}

.apply-changes--placeholder {
    font-style: italic
}

.cell-wrapper {
    display: flex;
    flex-direction: row
}

.cell-wrapper__data {
    max-width: 90%
}

.cell-wrapper__control {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.device-installation-cell {
    height: 96px
}

.device-installation-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px;
    line-height: 16px
}

.device-installation {
    display: flex;
    padding: 0px
}

.device-installation__sublist {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: none;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    flex-grow: 1;
    margin-right: auto;
    flex: 100 1 auto
}

.device-installation__sublist-item {
    display: flex;
    flex-wrap: wrap;
    margin: 2px 0px
}

.device-installation__sublist-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #575757
}

.device-installation__sublist-data {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    margin-left: 4px
}

.device-installation__action-button {
    align-self: center;
    margin-left: auto;
    margin-left: 4px
}

.device-installation__button-set {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.device-installation-buttons {
    display: flex
}

.device-installation-buttons__item {
    margin: 0px 4px
}

.device-installation-buttons--in-header {
    justify-content: space-between
}

.device-installation-toolbar-buttons {
    display: none
}

.grid__header--initial {
    background-color: #3C5063
}

.device-install-header__mobile-counter {
    display: none;
    font-size: 14px;
    line-height: 28px;
    color: #202328;
    font-weight: 400
}

@media (max-width:768px) {
    .device-installation-toolbar-buttons {
        display: flex
    }

    #deviceInstallationId .grid__cell {
        padding: 0px
    }

    #deviceInstallationId .geo-entities-list__item {
        border-width: 2px;
        border-color: #3C5063
    }

    .device-installation {
        flex-direction: column
    }

    .device-installation__sublist {
        display: flex
    }

    .device-installation__sublist-item {
        width: 100%;
        margin: 0px;
        padding: 8px 12px;
        flex-direction: column
    }

    .device-installation__value {
        width: 100%
    }

    .device-installation__button-set {
        flex-direction: row-reverse;
        align-items: center;
        padding: 8px;
        border-top: 2px solid #f1f2f4
    }

    .apply-changes--row {
        flex-wrap: wrap
    }

    .cell-wrapper {
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .cell-wrapper__data {
        max-width: unset;
        width: calc(100% - 40px)
    }

    .cell-wrapper__control {
        margin: 0px
    }

    .device-install-header__desktop {
        display: none
    }

    .device-install-header__desktop-counter {
        display: none
    }

    .device-install-header__mobile-counter {
        display: block
    }
}

.geo-feedback {
    transform: rotate(-90deg) translateX(50%);
    transform-origin: 100% 100%;
    position: absolute;
    z-index: 10005;
    right: 0;
    top: 40%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.geotabAnimationAccordion > .vanillaAccordionSubMenu {
    max-height: 0;
    overflow: hidden;
    height: auto;
    display: none
}

.geotabAnimationAccordion > .vanillaAccordionHeader {
    cursor: pointer
}

.geotabAnimationAccordion.defaultAccordionStyle > .vanillaAccordionHeader {
    margin: 5px 0 0 0
}

    .geotabAnimationAccordion.defaultAccordionStyle > .vanillaAccordionHeader:first-child {
        margin-top: 0
    }

    .geotabAnimationAccordion.defaultAccordionStyle > .vanillaAccordionHeader button {
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 20;
        padding: 0.4em 0.5em 0.4em 0.7em;
        border: 1px solid #C5DBEC;
        background-color: #E8F3FD;
        color: #25477B;
        fill: #25477B;
        border-radius: 3px;
        width: 100%
    }

    .geotabAnimationAccordion.defaultAccordionStyle > .vanillaAccordionHeader .svgIcon > .accordion-opened {
        display: none
    }

    .geotabAnimationAccordion.defaultAccordionStyle > .vanillaAccordionHeader.activeHeader button {
        border: 1px solid #2c7ab1;
        background-color: #2c7ab1;
        color: #ffffff;
        fill: #ffffff
    }

    .geotabAnimationAccordion.defaultAccordionStyle > .vanillaAccordionHeader.activeHeader .svgIcon > .accordion-closed {
        display: none
    }

    .geotabAnimationAccordion.defaultAccordionStyle > .vanillaAccordionHeader.activeHeader .svgIcon > .accordion-opened {
        display: inline
    }

.geotabAnimationAccordion.defaultAccordionStyle > .vanillaAccordionSubMenu {
    line-height: 1.3;
    margin: -1px 0 1px 0;
    background-color: #fefefe;
    color: #222;
    border: 1px solid #C5DBEC;
    border-top: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.geo-accordion__header {
    padding: 0;
    margin: 5px 0
}

.geo-accordion__header--active .geo-accordion__header-button {
    background-color: #426499;
    color: #FFF
}

.geo-accordion__header--active .geo-accordion__header-arrow--new {
    fill: #FFF
}

.geo-accordion__header-button {
    width: 100%;
    display: flex;
    align-items: center
}

.geo-accordion__header-button--new {
    width: 100%;
    height: 37px;
    padding: 10px 16px;
    color: #202328;
    background-color: #EFF2F7;
    font-size: 14px;
    line-height: 16px;
    border: 0px
}

    .geo-accordion__header-button--new:hover, .geo-accordion__header-button--new:focus {
        background-color: #426499;
        color: #FFF
    }

        .geo-accordion__header-button--new:hover .geo-accordion__header-arrow--new, .geo-accordion__header-button--new:focus .geo-accordion__header-arrow--new {
            fill: #FFF
        }

.geo-accordion__header-arrow {
    margin-left: auto
}

.geo-accordion__header-arrow--new {
    width: 12px;
    height: 8px;
    fill: #66788C
}

.geo-accordion__submenu {
    max-height: 0;
    overflow: hidden;
    display: none
}

.hiddenElement {
    display: none
}

.geo-autocomplete {
    position: absolute;
    border: 1px solid #66788C;
    background-color: #FFF;
    list-style: none;
    z-index: 11001;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 4px;
    padding: 0px;
    margin: 0px
}

.geo-autocomplete__option {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 16px;
    font-size: 12px;
    color: #202328;
    background-color: #FFF;
    padding: 6px;
    cursor: pointer
}

    .geo-autocomplete__option:hover, .geo-autocomplete__option:focus {
        background-color: #F4F6F8
    }

.vanillaDialogContainerMixin {
    width: 100%;
    max-width: 600px;
    position: absolute;
    z-index: 10007;
    border: 1px solid #C5DBEC;
    background-color: #fefefe;
    color: #222;
    border-radius: 5px
}

.vanillaDialogShield {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10006;
    background-color: #F5F5F5;
    opacity: 0.5;
    display: none
}

#offlineDialogWindow {
    z-index: 10009
}

    #offlineDialogWindow + .vanillaDialogShield {
        z-index: 10008
    }

.geo-dialog {
    width: 100%;
    max-width: 600px;
    position: absolute;
    z-index: 10007;
    border: 1px solid #c5dbec;
    background-color: #fefefe;
    color: #222222;
    border-radius: 5px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    background-color: #FFF;
    padding: 0;
    box-shadow: 0px 2px 6px rgba(11,32,50,0.2);
    max-height: 800px;
    border-radius: 4px;
    border: 0;
    overflow: hidden
}

.geo-dialog--large {
    max-width: 100%;
    max-height: 100%;
    width: auto
}

.geo-dialog__instruction-text {
    color: #757575;
    margin-bottom: 10px;
    margin-top: 0px
}

.geo-dialog__header {
    line-height: 17px;
    letter-spacing: 0.16px;
    background: #3C5063;
    color: #FFF;
    height: 30px;
    padding: 7px 25px 0 12px
}

.geo-dialog__content {
    overflow: auto;
    padding: 12px
}

.geo-dialog__content--full-size-content {
    padding: 0
}

.geo-dialog__footer {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #C7CBD2;
    padding: 8px 4px
}

    .geo-dialog__footer .geo-button {
        margin-right: 8px
    }

.geo-dialog__close-button {
    width: 17px;
    height: 17px;
    right: 5px;
    top: 7px;
    fill: #FFF;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    cursor: pointer
}

.geo-dialog .hidden {
    display: none
}

.northPane {
    top: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 2500
}

.westPane {
    overflow: hidden;
    position: absolute;
    width: auto;
    left: 0;
    z-index: 2000
}

.eastPane {
    overflow: hidden;
    position: absolute;
    width: auto;
    right: 0;
    z-index: 2000
}

.southPane {
    bottom: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    z-index: 2500
}

.centerPane {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000
}

.resizerWidthBar {
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3000
}

    .resizerWidthBar.westResizerBar {
        left: 0
    }

    .resizerWidthBar .resizerButton {
        margin: 0 auto;
        width: 45px;
        height: 20px;
        display: block
    }

        .resizerWidthBar .resizerButton .geotabButtonIcons {
            height: 20px;
            width: 31px;
            position: static
        }

.resizerHeightBar {
    width: 20px;
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 3000
}

    .resizerHeightBar.eastResizerBar {
        right: 0
    }

    .resizerHeightBar .resizerButton {
        position: absolute;
        height: 45px;
        width: 20px
    }

        .resizerHeightBar .resizerButton .geotabButtonIcons {
            margin-top: 4px;
            width: 20px;
            height: 31px;
            position: static
        }

.resizerButton {
    background-color: #EAEAEA;
    z-index: 2000;
    cursor: pointer;
    background-repeat: no-repeat;
    border: 1px solid #dddddd;
    fill: #5293c6;
    padding: 0;
    overflow: hidden
}

    .resizerButton:hover, .resizerButton:focus {
        background-color: #dddddd
    }

.verticalResizer {
    display: table;
    height: 100%
}

    .verticalResizer > div {
        display: table-cell;
        vertical-align: middle;
        height: 100%
    }

.hiddenPane {
    display: none !important
}

.westResizerBar .resizerButton {
    border-left-width: 0;
    left: 0;
    box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.eastResizerBar .resizerButton {
    border-right-width: 0;
    right: 0;
    box-shadow: -2px 2px 3px 0 rgba(0,0,0,0.2);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.northResizerBar .resizerButton {
    border-right-width: 0;
    left: 0;
    box-shadow: -2px 2px 3px 0 rgba(0,0,0,0.2);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-top: 0em
}

    .northResizerBar .resizerButton.mainButton {
        margin-top: -1.5em
    }

    .northResizerBar .resizerButton.extenderButton {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

.northResizerBar {
    z-index: 5201
}

    .northResizerBar .extenderButton .upArrow {
        display: none
    }

    .northResizerBar .extenderButton .downArrow {
        display: inline-block
    }

    .northResizerBar .upArrow {
        display: inline-block
    }

    .northResizerBar .downArrow {
        display: none
    }

    .northResizerBar.resizerBarHidden .extenderButton {
        display: none
    }

    .northResizerBar.resizerBarHidden .mainButton {
        margin-top: 0em !important;
        border-top-left-radius: unset;
        border-top-right-radius: unset;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .northResizerBar.resizerBarHidden .upArrow {
        display: none
    }

    .northResizerBar.resizerBarHidden .downArrow {
        display: inline-block
    }

    .northResizerBar.extended {
        margin-top: -2em
    }

        .northResizerBar.extended .extenderButton {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-left-radius: unset;
            border-bottom-right-radius: unset
        }

        .northResizerBar.extended .mainButton {
            display: none !important
        }

        .northResizerBar.extended .upArrow {
            display: inline-block
        }

        .northResizerBar.extended .downArrow {
            display: none
        }

.southResizerBar .upArrow {
    display: none
}

.southResizerBar .downArrow {
    display: inline-block
}

.southResizerBar.resizerBarHidden .upArrow {
    display: inline-block
}

.southResizerBar.resizerBarHidden .downArrow {
    display: none
}

.westResizerBar .leftArrow {
    display: inline-block
}

.westResizerBar .rightArrow {
    display: none
}

.westResizerBar.resizerBarHidden .leftArrow {
    display: none
}

.westResizerBar.resizerBarHidden .rightArrow {
    display: inline-block
}

.eastResizerBar .leftArrow {
    display: none
}

.eastResizerBar .rightArrow {
    display: inline-block
}

.eastResizerBar.resizerBarHidden .leftArrow {
    display: inline-block
}

.eastResizerBar.resizerBarHidden .rightArrow {
    display: none
}

.geotab-progress {
    width: 100%
}

.geotab-progress__progress {
    position: relative;
    height: 18px;
    -webkit-appearance: none;
    background-color: #FFF;
    border: 1px solid #0062A9;
    border-radius: 9px;
    width: 100%;
    overflow: hidden
}

    .geotab-progress__progress::-webkit-progress-bar {
        background: #FFF;
        border-radius: 9px
    }

    .geotab-progress__progress::-webkit-progress-value {
        background-color: #0062A9;
        border-radius: 0
    }

    .geotab-progress__progress::-moz-progress-bar {
        border-radius: 9px;
        background-color: #0062A9
    }

.geo-slider {
    position: relative;
    -webkit-appearance: none;
    border: 1px solid #0078D3;
    border-radius: 3px;
    background-color: #0078D3;
    height: 6px;
    padding: 0;
    width: 100%;
    outline: none;
    margin: 0
}

    .geo-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: 1px solid #0078D3;
        background-color: #FFF;
        border-radius: 8px;
        width: 16px;
        height: 16px
    }

    .geo-slider::-moz-range-thumb {
        border: 1px solid #0078D3;
        background-color: #FFF;
        border-radius: 8px;
        width: 16px;
        height: 16px;
        left: 0;
        right: 0
    }

    .geo-slider::-moz-range-track {
        background: #C7CBD2;
        border: 1px solid #C7CBD2;
        border-radius: 3px;
        height: 4px
    }

    .geo-slider::-moz-range-progress {
        background-color: #0078D3;
        border: 1px solid #0078D3
    }

    .geo-slider::-moz-focus-outer {
        border: 0
    }

    .geo-slider::-ms-thumb {
        border: 1px solid #0078D3;
        background-color: #FFF;
        border-radius: 8px;
        width: 16px;
        height: 16px
    }

    .geo-slider::-ms-fill-lower {
        background-color: #0078D3
    }

    .geo-slider::-ms-fill-upper {
        background-color: #C7CBD2
    }

    .geo-slider::-ms-track {
        color: #C7CBD2;
        border: 1px solid #C7CBD2;
        border-radius: 3px;
        height: 6px
    }

    .geo-slider:focus {
        border-color: #66788C
    }

    .geo-slider[disabled] {
        opacity: 0.35;
        cursor: default
    }

    .geo-slider:hover, .geo-slider:focus {
        border: 1px solid #25477B;
        background-color: #25477B
    }

        .geo-slider:hover::-webkit-slider-thumb, .geo-slider:focus::-webkit-slider-thumb {
            border: 1px solid #0078D3;
            background-color: #F4F6F8;
            border-radius: 8px;
            width: 16px;
            height: 16px
        }

        .geo-slider:hover::-moz-range-thumb, .geo-slider:focus::-moz-range-thumb {
            border: 1px solid #0078D3;
            background-color: #F4F6F8;
            border-radius: 8px;
            width: 16px;
            height: 16px
        }

        .geo-slider:hover::-moz-range-track, .geo-slider:focus::-moz-range-track {
            background: #C7CBD2;
            border-color: #66788C
        }

        .geo-slider:hover::-moz-range-progress, .geo-slider:focus::-moz-range-progress {
            background-color: #25477B;
            border-color: #25477B
        }

        .geo-slider:hover::-ms-thumb, .geo-slider:focus::-ms-thumb {
            border: 1px solid #0078D3;
            background-color: #F4F6F8;
            border-radius: 8px;
            width: 16px;
            height: 16px
        }

        .geo-slider:hover::-ms-fill-lower, .geo-slider:focus::-ms-fill-lower {
            background-color: #25477B
        }

        .geo-slider:hover::-ms-fill-upper, .geo-slider:focus::-ms-fill-upper {
            background-color: #66788C
        }

        .geo-slider:hover::-ms-track, .geo-slider:focus::-ms-track {
            color: #66788C;
            border-color: #66788C
        }

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .geo-slider {
        border: none;
        background: none;
        height: 24px
    }
}

.vanillaSortableContainer {
    list-style-type: none;
    -moz-user-select: none;
    margin: 0;
    padding: 0
}

    .vanillaSortableContainer > .sortableItem {
        margin: 0 0 3px 0;
        padding: 0.4em 0.4em 0.4em 2em;
        overflow: hidden;
        border: 1px solid #C7CBD2;
        border-radius: 4px;
        background-color: #FFF;
        color: #202328;
        fill: #202328
    }

        .vanillaSortableContainer > .sortableItem:first-child > .options_viewOrganizerList_makeDefaultButton {
            display: none
        }

        .vanillaSortableContainer > .sortableItem .element-hide {
            display: none
        }

.vanillaSortableDraggable .sequenceNumber {
    font-size: 1.2em;
    margin-top: 2px;
    margin-bottom: 2px
}

.vanillaSortableDraggable .sortableItem {
    cursor: pointer
}

    .vanillaSortableDraggable .sortableItem:hover {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAgBAAAAAA6lQC9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAnRSTlMAAHaTzTgAAAACYktHRAAPOjI+owAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABRJREFUCNdjYACCMzwHwBgG6MgHAGGaGYEwa7wvAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE1LTEwLTIwVDE1OjQ1OjUzKzAyOjAwhXo1XwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNS0xMC0yMFQxNTo0NTo1MyswMjowMPQnjeMAAAAASUVORK5CYII=') repeat-y 1px #FFF
    }

.vanillaTabsContainer {
    margin-top: 10px
}

.tabsHeader {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #C5DBEC;
    padding: 0;
    margin: 12px 0 0 0
}

    .tabsHeader > .tabElement {
        padding: 8px 12px;
        margin: 0;
        background-color: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        color: #757575;
        fill: #757575;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        position: relative;
        top: 1px
    }

        .tabsHeader > .tabElement:disabled {
            opacity: 0.35
        }

        .tabsHeader > .tabElement.activeTab {
            border: 1px solid #C5DBEC;
            border-bottom-color: #fefefe;
            color: #25477B
        }

        .tabsHeader > .tabElement:focus {
            background-color: #f4f4f4
        }

.vanilla-tabs {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #C7CBD2;
    padding: 0
}

.vanilla-tabs__tab {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 8px 12px;
    margin: 0;
    border: none;
    background-color: transparent;
    border-bottom: 4px solid transparent;
    outline: none;
    cursor: pointer;
    color: #575757;
    fill: #575757;
    border-radius: 0;
    position: relative;
    top: 1px
}

    .vanilla-tabs__tab:disabled {
        opacity: 0.35
    }

.vanilla-tabs__tab--selected {
    border-bottom-color: #0078D3;
    color: #0062A9
}

.vanilla-tabs__tab:focus {
    background-color: #F4F6F8
}

.vanilla-tabs__pane--hidden.vanilla-tabs__pane--hidden {
    display: none
}

.date-picker--native::-webkit-calendar-picker-indicator {
    margin: 0
}

.date-picker--native::-webkit-inner-spin-button {
    display: none
}

.datepicker_main_container {
    position: absolute;
    display: none;
    width: 308px;
    height: auto;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    border-width: 0;
    border-color: #2E2E2E;
    border-style: solid;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 2px 6px 0 rgba(11,32,50,0.2);
    color: black;
    z-index: 100000;
    -moz-user-select: none;
    user-select: none
}

    .datepicker_main_container .user_select {
        -moz-user-select: none;
        user-select: none
    }

    .datepicker_main_container .ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }

    .datepicker_main_container .defContainer {
        position: relative;
        height: 40px;
        border-width: 0;
        border-color: #DDE6EC;
        border-style: solid;
        border-radius: 4px;
        background: inherit
    }

    .datepicker_main_container.selectShown .scheduler .modalWindow, .datepicker_main_container.selectShown .time_container .modalWindow {
        display: block
    }

    .datepicker_main_container .entity_select {
        position: absolute;
        height: auto;
        width: auto;
        max-height: 99%;
        background: #fefefe;
        box-shadow: 0 0 0 0 #020305;
        color: #202328;
        border-width: 1px;
        border-color: #C5DBEC;
        border-style: solid;
        border-radius: 4px;
        z-index: 10001
    }

        .datepicker_main_container .entity_select .entity_child {
            position: relative;
            background: inherit;
            text-align: center;
            border-bottom: 1px solid #7a7a7a
        }

            .datepicker_main_container .entity_select .entity_child:first-child {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px
            }

            .datepicker_main_container .entity_select .entity_child:last-child {
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px
            }

            .datepicker_main_container .entity_select .entity_child span {
                margin: 0px 7px 0px 7px;
                display: block;
                padding: 6px;
                cursor: default
            }

            .datepicker_main_container .entity_select .entity_child:hover {
                background: #e4e4e4
            }

            .datepicker_main_container .entity_select .entity_child.selected {
                background: #0078D3;
                border-color: #0078D3;
                color: #FFF;
                box-shadow: 0px 0px 0px 0px #72b1dc inset
            }

        .datepicker_main_container .entity_select.overflow_y {
            overflow-y: scroll
        }

    .datepicker_main_container .month_year_tab, .datepicker_main_container .scheduler, .datepicker_main_container .time_container {
        position: relative;
        height: 40px;
        border-width: 0;
        border-color: #dde6ec;
        border-style: solid;
        border-radius: 4px;
        background: inherit;
        margin: 2px
    }

    .datepicker_main_container .month_year_tab {
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        height: 56px;
        margin: 0;
        padding: 5px;
        background: inherit;
        border-color: #FFF;
        border-radius: 0;
        box-shadow: 0 0 0 0 rgba(50,50,50,0.68);
        border-width: 1px;
        border-bottom-color: #C7CBD2;
        color: #202328
    }

        .datepicker_main_container .month_year_tab .month_year_tab_button {
            position: relative;
            height: 40px;
            border-width: 0;
            border-color: #dde6ec;
            border-style: solid;
            border-radius: 4px;
            background: inherit;
            width: 32px;
            height: 32px;
            background: #0078D3;
            border-color: #0078D3;
            border-width: 1px;
            text-align: center;
            line-height: 0;
            margin: 0 7px;
            padding: 0;
            color: #FFF;
            fill: #FFF;
            outline: none;
            cursor: pointer
        }

            .datepicker_main_container .month_year_tab .month_year_tab_button .svgIcon {
                width: 8px;
                height: 8px
            }

            .datepicker_main_container .month_year_tab .month_year_tab_button:focus {
                background-color: #25477B;
                border-color: transparent
            }

            .datepicker_main_container .month_year_tab .month_year_tab_button:active {
                border-width: 1px
            }

        .datepicker_main_container .month_year_tab .central_pane {
            flex-grow: 1;
            position: relative;
            width: 185px;
            margin-left: auto;
            margin-right: auto;
            text-align: center
        }

            .datepicker_main_container .month_year_tab .central_pane .central_pane_sub {
                display: flex;
                flex: 0 0 auto;
                flex-direction: row;
                align-items: center;
                width: auto;
                background: inherit;
                color: #202328;
                border-radius: 0
            }

                .datepicker_main_container .month_year_tab .central_pane .central_pane_sub .central_pane_month {
                    position: relative;
                    width: 112px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    word-wrap: normal;
                    background: inherit;
                    color: #202328;
                    fill: #202328;
                    border-width: 1px;
                    border-color: #66788C;
                    border-style: solid;
                    border-radius: 4px;
                    cursor: default;
                    text-align: left;
                    flex-grow: 1;
                    height: 32px;
                    padding: 0 9px;
                    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
                    font-size: 1em;
                    line-height: 1.8em;
                    font-weight: initial
                }

                    .datepicker_main_container .month_year_tab .central_pane .central_pane_sub .central_pane_month > .central_pane_month_title {
                        padding-left: 2px
                    }

                    .datepicker_main_container .month_year_tab .central_pane .central_pane_sub .central_pane_month > .svgIcon {
                        margin-right: 7px;
                        margin-top: 3px
                    }

                .datepicker_main_container .month_year_tab .central_pane .central_pane_sub .central_pane_year {
                    flex: 0 0 auto;
                    position: relative;
                    width: 112px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    word-wrap: normal;
                    background: inherit;
                    color: #202328;
                    fill: #202328;
                    border-width: 1px;
                    border-color: #66788c;
                    border-style: solid;
                    border-radius: 4px;
                    cursor: default;
                    text-align: left;
                    flex-grow: 1;
                    height: 32px;
                    padding: 0 9px;
                    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
                    font-size: 1em;
                    line-height: 1.8em;
                    font-weight: initial;
                    width: 75px;
                    text-align: center;
                    float: right;
                    margin-left: 8px;
                    margin-top: 0;
                    border-color: #66788C
                }

                    .datepicker_main_container .month_year_tab .central_pane .central_pane_sub .central_pane_year > .central_pane_month_title {
                        padding-left: 2px
                    }

                    .datepicker_main_container .month_year_tab .central_pane .central_pane_sub .central_pane_year > .svgIcon {
                        margin-right: 7px;
                        margin-top: 3px
                    }

                    .datepicker_main_container .month_year_tab .central_pane .central_pane_sub .central_pane_year > .svgIcon {
                        float: right;
                        margin-right: 7px;
                        margin-top: 3px
                    }

                    .datepicker_main_container .month_year_tab .central_pane .central_pane_sub .central_pane_month.hover, .datepicker_main_container .month_year_tab .central_pane .central_pane_sub .central_pane_year.hover {
                        cursor: pointer
                    }

    .datepicker_main_container .scheduler, .datepicker_main_container .time_container {
        height: auto;
        border-color: #f5fbff
    }

        .datepicker_main_container .scheduler .modalWindow {
            position: absolute;
            display: none;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: rgba(255,255,255,0.5)
        }

        .datepicker_main_container .scheduler .scheduler_sub {
            position: relative;
            height: auto;
            margin: -2px 0 0 0
        }

            .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar {
                width: 100%;
                border-collapse: separate;
                border-spacing: 4px
            }

                .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_header {
                    text-align: center;
                    vertical-align: middle
                }

                    .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_header tr {
                        display: table-row;
                        vertical-align: inherit;
                        border-color: inherit
                    }

                        .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_header tr td {
                            position: relative;
                            min-width: 25px;
                            width: 29px;
                            font-size: 1em;
                            font-weight: bold;
                            color: #25477B;
                            text-transform: uppercase;
                            cursor: default
                        }

                .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body {
                    text-align: center
                }

                    .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr {
                        height: 28px
                    }

                        .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr td {
                            width: auto;
                            padding: 0 3px
                        }

                        .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr button {
                            width: 100%;
                            height: 100%;
                            background: inherit;
                            border-radius: 4px;
                            font-size: 1em;
                            font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
                        }

                            .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr button.number {
                                width: 32px;
                                height: 24px;
                                cursor: pointer;
                                background: #FFF;
                                border-width: 1px;
                                border-color: #0078D3;
                                border-style: solid;
                                color: #202328;
                                padding: 3px;
                                outline: none;
                                border-radius: 4px
                            }

                                .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr button.number:focus {
                                    background-color: #25477B;
                                    border-color: transparent;
                                    color: #FFF
                                }

                                .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr button.number.grey {
                                    background: #FFF;
                                    border-width: 1px;
                                    border-color: #fff;
                                    border-style: solid;
                                    color: #757575
                                }

                                    .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr button.number.grey:hover {
                                        background: #FFF;
                                        border-width: 1px;
                                        border-color: #0078D3;
                                        border-style: solid;
                                        color: #202328
                                    }

                        .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr .number:hover {
                            border-color: #25477B
                        }

                        .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr .number.today_date {
                            background: #FFF;
                            border-width: 1px;
                            border-color: #28600D;
                            border-style: solid
                        }

                        .datepicker_main_container .scheduler .scheduler_sub .scheduler_calendar .calendar_body tr .number.selected_date {
                            background: #0078D3;
                            border-color: #0078D3;
                            color: #FFF
                        }

    .datepicker_main_container .button {
        position: relative;
        height: 40px;
        border-width: 0;
        border-color: #dde6ec;
        border-style: solid;
        border-radius: 4px;
        background: inherit;
        height: 32px;
        padding: 0 9px;
        letter-spacing: 0.4px;
        outline: none;
        font-size: 1em;
        width: auto;
        background: #0078D3;
        font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
        border-color: #0078D3;
        box-shadow: 0 0 0 0 rgba(50,50,50,0.68);
        border-width: 1px;
        text-align: center;
        color: #FFF;
        cursor: pointer;
        margin: 6px
    }

        .datepicker_main_container .button:focus {
            background-color: #25477B;
            border-color: transparent
        }

        .datepicker_main_container .button:hover {
            background: #2E2E2E
        }

    .datepicker_main_container .button_panel {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        height: 56px;
        width: auto;
        padding: 5px;
        margin: 0;
        border-width: 1px 0 0 0;
        border-color: #C7CBD2;
        border-style: solid
    }

        .datepicker_main_container .button_panel .button_now {
            float: left
        }

        .datepicker_main_container .button_panel .button_done {
            float: right
        }

    .datepicker_main_container .time_container {
        margin: 0;
        padding: 5px;
        border-top: 1px solid #C7CBD2;
        border-radius: 0
    }

        .datepicker_main_container .time_container .modalWindow {
            position: absolute;
            display: none;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: rgba(255,255,255,0.5)
        }

        .datepicker_main_container .time_container .t_cont_time_text {
            display: none
        }

        .datepicker_main_container .time_container .datepicker_time_container_sub .t_cont_table .t_cont_table_row .descr {
            min-width: auto;
            text-transform: capitalize;
            text-align: right;
            padding-right: 5px;
            color: #575757
        }

        .datepicker_main_container .time_container .datepicker_time_container_sub .t_cont_table .t_cont_table_row .controls {
            color: black;
            width: 46px
        }

        .datepicker_main_container .time_container .datepicker_time_container_sub .t_cont_table .t_cont_table_row .separator {
            width: 10px;
            text-align: center
        }

        .datepicker_main_container .time_container .select {
            display: inline-block;
            width: 44px;
            height: 32px;
            border-radius: 4px;
            width: 100%;
            border: 1px solid #C7CBD2;
            color: #202328;
            font-size: 1em;
            cursor: pointer;
            font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
            padding: 0 2px
        }

    .datepicker_main_container .shown {
        display: block
    }

    .datepicker_main_container .hidden {
        display: none
    }

.treeContent {
    min-height: 300px;
    padding-top: 5px;
    -moz-user-select: none;
    user-select: none
}

.emptyTreeSelector {
    display: table;
    border: 2px dashed #ddd;
    width: 100%;
    height: 300px;
    border-radius: 5px;
    cursor: pointer
}

    .emptyTreeSelector > .emptyTreePlaceholder {
        font-size: 25px;
        font-weight: 900;
        color: #757575;
        display: table-cell;
        text-align: center;
        vertical-align: middle
    }

.emptyTreeSelector--focused {
    border-color: #2c7ab1;
    background-color: #f1f1f1
}

.treeContext {
    height: 300px;
    padding-top: 10px;
    width: 100%;
    overflow: auto;
    font-size: 1.2em;
    color: #757575;
    fill: #757575;
    cursor: pointer
}

    .treeContext .dataTreeIcon {
        width: 19px;
        height: 13px;
        position: static;
        display: inline-block
    }

    .treeContext .dataTreeSubFiles {
        margin-left: 18px;
        display: none
    }

    .treeContext .dataTreeItem {
        overflow: hidden
    }

        .treeContext .dataTreeItem .openedFolder {
            display: none
        }

        .treeContext .dataTreeItem.dataTreeOpened .openedFolder {
            display: inline
        }

        .treeContext .dataTreeItem.dataTreeOpened .closedFolder {
            display: none
        }

        .treeContext .dataTreeItem.dataTreeOpened + .dataTreeSubFiles {
            display: block
        }

    .treeContext .dataTreeTitle {
        padding: 1px 3px
    }

        .treeContext .dataTreeTitle.dataTreeSelected {
            background-color: #E8F3FD
        }

.planList {
    border-collapse: collapse;
    width: 100%;
    min-width: 500px
}

    .planList .planListItem.content:nth-of-type(even) .planCell {
        background-color: rgba(229,242,250,0.3)
    }

    .planList .planListItem .planCell {
        width: 90px
    }

    .planList .planListItem .activeMode {
        max-width: 90px;
        width: 90px;
        text-align: center
    }

        .planList .planListItem .activeMode .geotabButtonIcons {
            position: relative;
            top: 1px;
            width: 6px;
            cursor: default;
            outline: none;
            color: #25477B;
            fill: #25477B
        }

            .planList .planListItem .activeMode .geotabButtonIcons > .allowedFlag, .planList .planListItem .activeMode .geotabButtonIcons > .disallowedFlag {
                display: none
            }

            .planList .planListItem .activeMode .geotabButtonIcons.activateFlag {
                width: 17px
            }

                .planList .planListItem .activeMode .geotabButtonIcons.activateFlag > .allowedFlag {
                    display: inline
                }

            .planList .planListItem .activeMode .geotabButtonIcons.deactivateFlag > .disallowedFlag {
                display: inline
            }

            .planList .planListItem .activeMode .geotabButtonIcons > .disallowedFlag {
                color: #757575;
                fill: #757575
            }

    .planList .planListItem.title {
        height: 3em
    }

        .planList .planListItem.title .activeMode {
            color: #757575;
            fill: #757575;
            font-weight: bold
        }

        .planList .planListItem.title .titleYourMode {
            font-weight: normal
        }

        .planList .planListItem.title .titleActivePlan, .planList .planListItem.title .titleYourMode {
            display: inline-block;
            width: 100%
        }

        .planList .planListItem.title .titleActivePlan {
            font-weight: bold
        }

    .planList .planListItem .planName {
        max-width: 440px;
        min-width: 40px;
        padding: 3px 0;
        width: auto
    }

    .planList .planListItem .planName {
        color: #757575;
        fill: #757575;
        text-align: left;
        font-weight: normal
    }

    .planList.base .planListItem .baseMode.planCell, .planList.HOS .planListItem .HOSMode.planCell, .planList.pro .planListItem .proMode.planCell, .planList.sb .planListItem .sbMode.planCell, .planList.proPlus .planListItem .proPlusMode.planCell {
        border: solid #C5DBEC;
        border-width: 0 1px;
        background-color: #E8F3FD
    }

        .planList.base .planListItem .baseMode.planCell .titleYourMode, .planList.HOS .planListItem .HOSMode.planCell .titleYourMode, .planList.pro .planListItem .proMode.planCell .titleYourMode, .planList.sb .planListItem .sbMode.planCell .titleYourMode, .planList.proPlus .planListItem .proPlusMode.planCell .titleYourMode, .planList.base .planListItem .baseMode.planCell .titleActivePlan, .planList.HOS .planListItem .HOSMode.planCell .titleActivePlan, .planList.pro .planListItem .proMode.planCell .titleActivePlan, .planList.sb .planListItem .sbMode.planCell .titleActivePlan, .planList.proPlus .planListItem .proPlusMode.planCell .titleActivePlan {
            color: #25477B;
            fill: #25477B
        }

    .planList #titlePlan > .planCell {
        border-bottom: 1px solid #C5DBEC
    }

    .planList.base .title .baseMode.planCell, .planList.HOS .title .HOSMode.planCell, .planList.sb .title .sbMode.planCell, .planList.pro .title .proMode.planCell, .planList.proPlus .title .proPlusMode.planCell {
        border-top-width: 1px;
        border-bottom: 1px solid #C5DBEC
    }

    .planList.base .planListItem:last-of-type .baseMode, .planList.HOS .planListItem:last-of-type .HOSMode, .planList.sb .planListItem:last-of-type .sbMode, .planList.pro .planListItem:last-of-type .proMode, .planList.proPlus .planListItem:last-of-type .proPlusMode {
        border-bottom-width: 1px
    }

@media only screen and (max-width:768px) {
    .planList .planListItem .activeMode {
        flex: 0 0 70px;
        max-width: 70px
    }
}

.wifi-eula {
    position: relative
}

.wifi-eula__content {
    padding: 0 12px 12px 0;
    min-height: 200px
}

.wifi-eula__controls {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.device-replacement .dialog__header {
    width: 100%;
    padding: 4px;
    border-bottom: 1px solid #C5DBEC;
    font-weight: bold;
    color: #757575
}

.device-replacement .dialog__content {
    padding: 15px 4px
}

.device-replacement .dialog__content-primary-data {
    font-weight: bold
}

.device-replacement__footer-item {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5px
}

.device-replacement__footer-item--sm-1 {
    width: 35%
}

.device-replacement__footer-item--sm-2 {
    width: 64%
}

.device-replacement__comments-label--dimmed {
    color: #757575
}

.device-replacement__comments-value--wide {
    width: 100%;
    height: 32px
}

.device-replacement__shipping-label--dimmed {
    color: #757575
}

.device-replacement__shipping-value {
    width: 100%
}

.device-replacement__confirmation-checkbox {
    margin: 0 5px;
    vertical-align: middle
}

.device-replacement__confirmation-label {
    vertical-align: middle
}

.devices_dialogContent .dialog__wrapper {
    padding: 0 10px
}

#device_3GSunsetDevice_ConfirmReplace, #devices_3GSunsetConfirmReplace {
    float: left;
    margin-right: 10px
}

.grid--sm-scrollable {
    flex-wrap: wrap;
    border-bottom: none
}

    .grid--sm-scrollable .grid__header {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #C5DBEC;
        margin-bottom: 5px;
        background-color: transparent;
        color: #25477B;
        font-weight: bold
    }

    .grid--sm-scrollable .grid__header-cell {
        width: 32%;
        padding: 6px
    }

    .grid--sm-scrollable .grid__content {
        width: 100%;
        max-height: 300px;
        white-space: normal;
        overflow-x: auto;
        border-bottom: none
    }

    .grid--sm-scrollable .grid__row {
        display: flex;
        flex-direction: row;
        height: auto;
        background-color: #E9F6E1
    }

    .grid--sm-scrollable .grid__row--transparent {
        background: none
    }

    .grid--sm-scrollable .grid__row--alert {
        background-color: #F4D1CF
    }

    .grid--sm-scrollable .grid__cell {
        width: 32%;
        padding: 6px
    }

    .grid--sm-scrollable .grid__cell_primary-data {
        font-weight: bold
    }

    .grid--sm-scrollable .grid__cell_secondary-data {
        color: #757575
    }

.grid--detached {
    margin-top: 15px
}

.grid .grid__row.grid__row--low {
    height: 30px;
    white-space: normal
}

    .grid .grid__row.grid__row--low .grid__cell {
        padding-left: 0;
        padding-right: 40px
    }

    .grid .grid__row.grid__row--low .grid__cell--detached-low {
        padding: 5px 10px
    }

.grid .grid__content.grid__content--clear-style {
    border-bottom: 0
}

.grid .grid__content--wide {
    width: 100%
}

.grid .grid__cell--sm {
    width: 20%
}

.grid .grid__cell--detached {
    padding-top: 25px
}

.grid .grid__cell--baseline {
    vertical-align: baseline
}

.grid .geo-text-input--wide {
    width: 60%;
    height: 32px
}

.grid .geo-textarea--wide {
    width: 60%;
    height: 32px
}

.grid__text--alert {
    color: #751111
}

.grid__text--dimmed {
    color: #757575
}

.geo-button--detached {
    margin-left: 10px
}

.device-editor__tab {
    max-width: 1250px
}

.device-editor__tab--extended {
    max-width: none
}

.device-editor .device-editor__form.inset {
    padding: 15px 30px
}

.device-editor .device-editor__tab-title {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #202328;
    fill: #202328
}

.asset-cards--wrapped {
    flex-wrap: wrap;
    padding: 15px
}

.asset-cards--h-part {
    width: 45%;
    min-width: 280px;
    margin-top: 24px
}

.asset-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px
}

.asset-card {
    min-height: 70px;
    border: 1px solid #C7CBD2;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px
}

.asset-card--l {
    width: 100%
}

.asset-card--m {
    width: calc(50% - 15px)
}

.asset-card--grid {
    max-width: 500px;
    min-width: 200px;
    flex-grow: 1;
    margin-bottom: 0
}

.asset-card__title {
    font-size: 14px;
    line-height: 1rem;
    font-weight: 700;
    color: #202328
}

#deviceEditor_assetInfo {
    display: flex;
    flex-wrap: wrap
}

#deviceEditor_asset {
    width: 55%;
    flex-grow: 1
}

@media only screen and (max-width:992px) {
    .asset-card--l {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .asset-cards--h-part {
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    .device-editor .device-editor__form.inset {
        margin-top: 24px
    }
}

.asset-info {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

    .asset-info fieldset {
        width: auto
    }

.odometer-control__field {
    display: flex;
    align-items: center
}

.odometer-control__field-units {
    padding-left: 3px
}

.odometer-control__field-additional-info {
    position: relative
}

.engine-hours-control__field {
    width: 10em;
    margin-bottom: 3px
}

.vin-control__container {
    display: flex;
    align-items: flex-start;
    flex-direction: row
}

.vin-control__id {
    flex: 1 1 auto;
    width: 100%;
    text-transform: uppercase
}

.vin-control__info {
    flex: 1 1 auto;
    width: 100%;
    margin-left: 5px;
    padding: 8px;
    line-height: 14px;
    border: 1px solid #cccccb;
    border-radius: 5px;
    background-color: #f5f5f5
}

.groups-control__switcher-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.groups-control__switcher-label {
    margin-left: 5px;
    margin-top: 3px
}

.assign-driver {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    color: #575757
}

.assign-driver__container {
    display: flex
}

.assign-driver__content {
    margin-top: 12px
}

.assign-driver__content--item {
    padding-bottom: 4px
}

.assign-driver__description {
    font-style: italic;
    color: #757575
}

.assign-driver__selectedItems {
    color: #202328
}

.assign-driver__trigger-section {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    white-space: nowrap
}

.assign-driver__current-driver-name {
    word-break: break-all
}

.assign-driver__selected-driver, .assign-driver__current-driver-name {
    padding-right: 10px
}

.exceptions-card__header {
    display: flex;
    align-items: center;
    padding-bottom: 10px
}

.exceptions-card__header-title {
    flex-grow: 1
}

.exceptions-card__list-name {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1rem;
    padding: 10px 0
}

.exceptions-card__list {
    max-height: 150px;
    overflow-y: auto
}

    .exceptions-card__list .list-builder__record {
        padding: 4px 7px
    }

    .exceptions-card__list .list-builder__record-name {
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        color: black
    }

    .exceptions-card__list .list-builder__record, .exceptions-card__list .list-builder__record:hover, .exceptions-card__list .list-builder__record:focus {
        background-color: #F8F9FC
    }

.health-card__list-name {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1rem;
    padding: 10px 0;
    color: #0062A9
}

.health-card__list-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.health-card__list .list-builder__record-name {
    flex-grow: 1;
    font-weight: normal;
    color: black
}

.health-card__list .list-builder__record-details {
    white-space: nowrap;
    font-size: 14px;
    color: black
}

.health-card__list .list-builder__record, .health-card__list .list-builder__record:hover, .health-card__list .list-builder__record:focus {
    background-color: #F8F9FC
}

    .health-card__list .list-builder__record.health-card__list-row--negative {
        background-color: #fce8e8
    }

    .health-card__list .list-builder__record.health-card__list-row--moderate {
        background-color: #FFF2D2
    }

.health-card__list .list-builder__main-data {
    display: flex;
    align-items: center
}

.health-card__list .list-builder__row-item:not(:last-child) {
    margin-bottom: 5px
}

.health-card__list--detailed .list-builder__record-name {
    width: 100%
}

.health-card__list--detailed .list-builder__record-details {
    display: flex
}

.health-card__list--detailed .list-builder__main-data {
    flex-wrap: wrap
}

.location-card__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.location-card__header {
    margin-bottom: 12px
}

.location-card__map-container {
    width: 100%;
    height: 300px;
    position: relative
}

.location-card__map {
    position: absolute;
    width: 100%;
    height: 300px
}

    .location-card__map .geo-map__svg {
        position: absolute;
        z-index: 3000;
        left: 0;
        pointer-events: none;
        -moz-user-select: none;
        user-select: none
    }

.location-card__info {
    display: flex;
    width: 100%;
    padding-top: 10px
}

.location-card__info-location {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    margin-top: 5px
}

.location-card__info-trip {
    margin: auto 0 auto auto
}

.location-card__field {
    margin: 1px
}

.location-card__label {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #575757
}

.location-card__value {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #575757
}

.location-card__icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(./ui/deviceTools/modules/deviceLocationCard/./deviceLocationIcon.svg);
    min-width: 16px;
    margin-left: 5px
}

.device-settings {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 30px 12px;
    margin: 0px
}

.device-settings__tab {
    padding: 0px 16px;
    margin: 0px
}

.iox-edit-form, .aux-edit-form, .advanced-settings-tab, .logging-parameters-tab {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0px;
    padding: 0px
}

.iox-edit-form__header, .aux-edit-form__header, .advanced-settings-tab__header, .logging-parameters-tab__header {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #202328;
    line-height: 0.1em;
    margin: 10px 0px 10px 0px
}

.iox-edit-form__header-text, .aux-edit-form__header-text, .advanced-settings-tab__header-text, .logging-parameters-tab__header-text {
    font-size: 14px;
    color: #202328;
    background: #FFF;
    padding: 0 7px
}

.iox-edit-form__body, .aux-edit-form__body, .advanced-settings-tab__body, .logging-parameters-tab__body {
    margin: 0px;
    padding: 0px
}

.advanced-settings-tab__input--long {
    min-width: 250px
}

.logging-parameters-tab__input {
    width: 70px
}

.aux-edit-form__bulk, .custom-params-form__bulk {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 6px 0px;
    margin-top: 8px
}

.aux-edit-form__inputs-wrapper, .custom-params-form__inputs-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center
}

.aux-edit-form__label, .custom-params-form__label {
    width: 160px;
    font-size: 12px;
    line-height: 16px;
    color: #575757;
    margin: 0px 32px 0px 0px
}

.aux-edit-form__bulk-label, .custom-params-form__bulk-label {
    font-size: 12px;
    line-height: 16px;
    margin: 1px 16px 0px 12px
}

.aux-edit-form__input, .custom-params-form__input {
    width: 16px;
    height: 16px;
    margin: 0px
}

.iox-aux-tab, .advanced-settings-tab, .wifi-editor, .logging-parameters-tab {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.iox-aux-tab__control, .advanced-settings-tab__control, .wifi-editor__control, .logging-parameters-tab__control {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 6px 0px;
    margin-top: 8px
}

.iox-aux-tab__label, .advanced-settings-tab__label, .wifi-editor__label, .logging-parameters-tab__label {
    width: 160px;
    font-size: 12px;
    line-height: 16px;
    color: #575757;
    margin: 0px 32px 0px 0px
}

.iox-aux-tab__units, .advanced-settings-tab__units, .wifi-editor__units, .logging-parameters-tab__units {
    margin: 0px 0px 0px 4px
}

.iox-aux-tab__warning, .advanced-settings-tab__warning, .wifi-editor__warning, .logging-parameters-tab__warning {
    margin: 8px 0px 24px 0px
}

.iox-aux-tab__warning-paragraph, .advanced-settings-tab__warning-paragraph, .wifi-editor__warning-paragraph, .logging-parameters-tab__warning-paragraph {
    margin: 0px 0px 4px 0px
}

.iox-aux-tab__tab, .advanced-settings-tab__tab, .wifi-editor__tab, .logging-parameters-tab__tab {
    margin: 0px 0px 8px 0px
}

.wifi-editor__input {
    min-height: 32px;
    width: 300px
}

.custom-parameters-editor__control {
    margin: 20px 0px 0px 0px
}

.aux-edit-control {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.aux-edit-control__title {
    color: #202328;
    font-size: 14px;
    line-height: 16px;
    margin: 0px 0px 12px 0px
}

.aux-edit-control__invert-wrapper, .aux-edit-control__notify-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin: 0px 0px 12px 0px
}

.aux-edit-control__invert-label, .aux-edit-control__notify-label {
    width: 160px;
    font-size: 12px;
    line-height: 16px;
    color: #575757;
    margin: 0px 32px 0px 0px
}

.aux-edit-control__notify-condition {
    margin: 0px 0px 0px 4px
}

.aux-edit-control__notify-condition-input {
    width: 60px
}

.aux-edit-control__input {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (max-width:650px) {
    .iox-aux-tab__control--to-shift, .advanced-settings-tab__control--to-shift, .wifi-editor__control--to-shift, .logging-parameters-tab__control--to-shift {
        flex-direction: column;
        align-items: flex-start
    }

        .iox-aux-tab__control--to-shift .advanced-settings-tab__label, .advanced-settings-tab__control--to-shift .advanced-settings-tab__label, .wifi-editor__control--to-shift .advanced-settings-tab__label, .logging-parameters-tab__control--to-shift .advanced-settings-tab__label, .iox-aux-tab__control--to-shift .logging-parameters-tab__label, .advanced-settings-tab__control--to-shift .logging-parameters-tab__label, .wifi-editor__control--to-shift .logging-parameters-tab__label, .logging-parameters-tab__control--to-shift .logging-parameters-tab__label {
            width: 100%
        }

    .iox-aux-tab__control .advanced-settings-tab__input, .advanced-settings-tab__control .advanced-settings-tab__input, .wifi-editor__control .advanced-settings-tab__input, .logging-parameters-tab__control .advanced-settings-tab__input, .iox-aux-tab__control .iox-aux-tab__input, .advanced-settings-tab__control .iox-aux-tab__input, .wifi-editor__control .iox-aux-tab__input, .logging-parameters-tab__control .iox-aux-tab__input, .iox-aux-tab__control .logging-parameters-tab__input, .advanced-settings-tab__control .logging-parameters-tab__input, .wifi-editor__control .logging-parameters-tab__input, .logging-parameters-tab__control .logging-parameters-tab__input {
        margin: 0px 0px 0px 6px
    }

    .aux-edit-control__notify-wrapper {
        align-items: flex-start;
        flex-direction: column
    }

    .aux-edit-control__input {
        margin: 0px 0px 0px 6px
    }

    .wifi-editor__input {
        width: 200px
    }

    .aux-edit-form__bulk, .custom-params-form__bulk {
        align-items: flex-start;
        flex-direction: column
    }
}

.form-color-picker__input {
    margin-bottom: 8px
}

.form-color-picker__default-colors {
    margin-bottom: 8px
}

.alert-field-error {
    border: none;
    color: #DE3030;
    fill: #DE3030;
    padding: 8px 0px 8px 0px;
    position: relative;
    display: inline-block
}

.alert-field-error__text {
    border: 1px solid #DE3030
}

.icon-attention {
    margin-right: 0.3rem;
    padding: 0px
}

.error-wrapper {
    float: right;
    width: 69%
}

@media (max-width:480px) {
    .error-wrapper {
        clear: both;
        width: 100%;
        float: none
    }
}

.geo-view-list__row {
    display: flex;
    width: 100%;
    align-items: center
}

.geo-view-list__header {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.geo-view-list__field {
    width: 100%;
    max-width: 420px
}

.geo-view-list__single-element {
    margin-left: 30%
}

.geo-view-list__label {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    min-width: 30%;
    width: 30%;
    font-size: 12px;
    margin-top: 8px;
    padding-right: 20px;
    text-align: right
}

.geo-view-list__container {
    margin: 4px 0;
    margin-top: 12px;
    padding-left: 15px;
    padding-bottom: 12px;
    width: 100%
}

    .geo-view-list__container:first-child {
        margin-top: 10px
    }

    .geo-view-list__container:last-child {
        padding-bottom: 35px
    }

@media (max-width:1200px) {
    .geo-view-list__field {
        width: 100%
    }
}

@media (max-width:650px) {
    .geo-view-list__container {
        flex-direction: column;
        width: 100%
    }

    .geo-view-list__single-element {
        margin-left: 0;
        width: 100%
    }

    .geo-view-list__field {
        width: auto
    }

    .geo-view-list__label {
        width: 100%;
        padding-bottom: 5px;
        text-align: unset
    }
}

.reports-uploader__drop-area {
    padding: 10px 16px
}

.reports-lists {
    padding: 16px 0
}

.reports-lists__list-group {
    overflow: hidden
}

.reports-lists__list-name {
    margin: 5px 0;
    font-weight: 300;
    font-size: 28px
}

.alert-uploader-error {
    color: #751111;
    background-color: #FDE5E5;
    border: none;
    padding: 8px;
    margin-top: 8px
}

.alert-uploader-error__label {
    margin-right: 8px
}

.alert-uploader-error__text {
    width: 90%
}

.geo-period-badge {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border-radius: 5px;
    background: #0078D3;
    color: #FFF;
    font-weight: bold;
    padding: 2px 5px
}

.geo-incremental-progress {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.geo-incremental-progress__body {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 0px;
    margin-bottom: 0px
}

.geo-incremental-progress__value {
    font-weight: 300;
    color: #575757;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    padding-right: 5px
}

.geo-incremental-progress__spinner {
    margin: 0;
    line-height: 30px
}

@media (max-width:768px) {
    .geo-incremental-progress {
        margin-right: auto;
        margin-left: 8px
    }

    .geo-incremental-progress__value {
        font-size: 14px
    }
}

.geo-custom-button__icon {
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin: 0 5px 0 -4px
}

.slider-max-value__value {
    text-align: right;
    line-height: 1em
}

.slider-max-value__mark {
    height: 5px;
    border-right: 2px solid #C7CBD2
}

.slider {
    position: relative
}

.slider__value {
    margin-top: 4px;
    line-height: 1.34em;
    text-align: center
}

.slider__max-value {
    position: relative;
    top: 4px;
    right: 0
}

.advanced-groups-filter .form__sections {
    margin: 0;
    padding: 0
}

.advanced-groups-filter .form__section {
    list-style: none
}

    .advanced-groups-filter .form__section:first-child .section__inter-section-switcher {
        display: none
    }

.advanced-groups-filter .form__desc {
    margin-bottom: 12px
}

.advanced-groups-filter .section__inter-section-switcher {
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

.advanced-groups-filter .section__main {
    margin-bottom: 12px;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    display: flex
}

.advanced-groups-filter .section__col {
    padding: 12px 16px 9px 13px
}

.advanced-groups-filter .section__col--left {
    flex: 0 0 30%;
    border-right: 1px solid #C7CBD2
}

.advanced-groups-filter .section__col--right {
    flex: 1 1 70%;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between
}

.advanced-groups-filter .section__label {
    margin-bottom: 8px;
    display: block
}

.advanced-groups-filter .section__remove-button {
    margin-bottom: 8px
}

.advanced-groups-filter .section__groups {
    flex: 1 1 100%
}

    .advanced-groups-filter .section__groups .currentState .stateItem:last-child {
        margin-bottom: 0
    }

.advanced-groups-filter .geotab-filter__wrapper {
    flex: 1 1 auto
}

    .advanced-groups-filter .geotab-filter__wrapper .inputBox {
        flex: 1 1 32px;
        max-width: none
    }

@media (max-width:480px) {
    .advanced-groups-filter .section__main {
        flex-flow: column
    }

    .advanced-groups-filter .section__col--left {
        border-right: none;
        border-bottom: 1px solid #C7CBD2
    }
}

.back-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    overflow: hidden
}

.back-button__icon {
    fill: #FFF;
    margin: 0 12px;
    flex: 0 0 auto
}

.back-button__title {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #FFF
}

.route-completion-layout {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.route-completion-layout__list {
    height: 100%;
    width: 470px;
    overflow-y: auto;
    z-index: 1;
    background-color: #FFF
}

.route-completion-layout__map {
    height: 100%;
    width: calc(100% - 470px);
    overflow: hidden;
    position: relative
}

.route-completion-layout__live-map {
    height: 100%;
    width: 100%
}

.route-completion-layout__svg-layer {
    height: 100%;
    width: 100%;
    pointer-events: none;
    top: 0;
    position: absolute
}

.route-completion-layout__resizer {
    display: none;
    overflow: visible;
    position: absolute;
    left: 470px;
    top: 0;
    bottom: 0;
    align-items: center;
    z-index: 2
}

.route-completion-layout__opener {
    background-color: #0078D3;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
    fill: #FFF;
    height: 42px;
    width: 26px;
    padding: 0
}

.route-completion-layout__opener-icon {
    width: 20px;
    height: 20px
}

@media (max-width:900px) {
    .route-completion-layout__resizer {
        display: flex
    }

    .route-completion-layout__map {
        width: 100%
    }

    .route-completion-layout__list {
        box-shadow: 10px 0px 20px 0px rgba(0,0,0,0.4);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0
    }

    .route-completion-layout--closed-list .route-completion-layout__list {
        width: 0
    }

    .route-completion-layout--closed-list .route-completion-layout__resizer {
        left: 0;
        right: auto
    }

    .route-completion-layout--closed-list .route-completion-layout__opener-icon {
        transform: rotate(180deg)
    }
}

@media (max-width:520px) {
    .route-completion-layout__list {
        right: 50px;
        width: auto
    }

    .route-completion-layout__resizer {
        right: 24px;
        left: auto
    }
}

.path-segment__trigger {
    height: 100px
}

.path-segment-info {
    cursor: pointer;
    width: 100%;
    border: none;
    background: none;
    border-bottom: 1px solid #C7CBD2;
    padding: 24px 10px 24px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.path-segment-info__arrow-section {
    width: 15px;
    flex: 0 0 auto
}

.path-segment-info__arrow {
    transform: rotate(0);
    width: 12px;
    height: 12px
}

.path-segment-info__segment-content {
    flex: 1 1 auto;
    overflow: hidden
}

.path-segment-info--open {
    background-color: #D8DEE9
}

    .path-segment-info--open .path-segment-info__arrow {
        transform: rotate(180deg)
    }

.path-segment-info--unfoldable {
    cursor: auto
}

    .path-segment-info--unfoldable .path-segment-info__arrow {
        display: none
    }

.path-segment-info--level-1 {
    padding-left: 32px
}

.path-segment-info--level-2 {
    padding-left: 48px
}

.path-segment-info--level-3 {
    padding-left: 64px
}

.segments-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none
}

.segments-list--open.segments-list {
    display: block
}

.route-completion-list {
    height: 100%
}

.route-completion-list__empty-list {
    display: none;
    color: inherit;
    font-size: 1.5rem;
    height: 100%;
    justify-content: center;
    align-items: center
}

.route-completion-list--empty .route-completion-list__list {
    display: none
}

.route-completion-list--empty .route-completion-list__empty-list {
    display: flex
}

.r-completion-canvas {
    width: 100%;
    height: 100%
}

.r-completion-zone {
    opacity: 0.75
}

.route-segment {
    display: flex
}

.route-segment__content {
    text-align: start;
    flex: 1 1 auto;
    width: calc(100% - 115px)
}

.route-segment__title {
    font-size: 14px;
    line-height: 16px;
    color: #575757;
    font-weight: bold
}

.route-segment__info {
    font-size: 12px;
    line-height: 16px;
    color: #575757
}

.route-segment__value {
    width: 115px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 0 5px
}

.route-segment__meter {
    width: 70px;
    height: 15px;
    margin-right: 4px;
    flex-shrink: 0
}

.route-segment__meter-value {
    color: #202328
}

.route-segment__in-progress {
    display: none;
    line-height: 32px;
    color: #575757
}

.route-segment--active .route-segment__title {
    color: #0062A9
}

.route-segment--in-progress .route-segment__value {
    display: none
}

.route-segment--in-progress .route-segment__in-progress {
    display: inline
}

.info-graph {
    display: flex
}

.info-graph__segments {
    display: flex;
    width: 100%
}

.info-graph__segment {
    display: flex;
    justify-content: center;
    align-items: center
}

.info-graph__segment--circle {
    padding: 2px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    min-width: 8px
}

.info-graph__segment--line {
    height: 2px;
    width: 100%
}

.info-graph__icon {
    background-image: url(./ui/modules/infoGraph/./infoGraphIcon.svg);
    min-width: 16px
}

.segment--grey {
    background-color: #66788C
}

.asset-usage-card__header {
    display: flex;
    justify-content: space-between
}

.asset-usage-card__legend-title {
    font-size: 14px;
    line-height: 16px;
    color: #202328;
    font-weight: normal
}

.asset-usage-card__graph, .asset-usage-card__no-activity-label {
    margin: 16px 0px
}

.asset-usage-card--period {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    text-align: right
}

.asset-usage-card__legend {
    display: flex;
    flex-wrap: wrap
}

.asset-usage-card__legend--info {
    display: flex;
    align-items: center;
    margin-right: 16px
}

.asset-usage-card__legend--circle {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    min-width: 8px
}

.asset-usage-card__legend-name {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    margin-right: 4px
}

.asset--stopDuration {
    background: #66788C
}

.asset--drivingDuration {
    background: #009D9A
}

.asset--idlingDuration {
    background: #DA7C3A
}

.pagination-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pagination-container__navigation-button {
    margin: 2px
}

.pagination-container__navigation-button--custom-small-lineheight {
    line-height: 0.95em
}

.pagination-container__custom-hide {
    display: none
}

.pagination-container .pagination-id-previous, .pagination-container .pagination-id-next {
    display: flex;
    align-items: center;
    justify-content: center
}

.arrow-icon {
    pointer-events: none
}

.rotate180 {
    transform: rotate(180deg)
}

@media (max-width:1024px) {
    .page-tools__container-pagination {
        display: block;
        justify-content: flex-end
    }

    .page-tools__item {
        margin: 2px
    }

    .pagination-container {
        justify-content: center
    }
}

@media (max-width:480px) {
    .pagination-container__navigation-button {
        margin: 2px
    }
}

@media (max-width:280px) {
    .pagination-container__navigation-button {
        margin: 2px;
        padding-left: 6px;
        padding-right: 6px
    }
}

.page-tools {
    display: flex;
    align-items: center;
    margin-left: 1rem
}

.page-tools__container-selectedit {
    display: flex
}

.page-tools__container-pagination {
    display: flex;
    align-items: center
}

.page-tools__item {
    margin-left: 8px;
    flex: 0 0 auto
}

.page-tools__space {
    flex: 100 100 auto
}

.page-tools__count {
    margin-left: 8px
}

.page-tools__pagination {
    margin-left: 8px;
    flex: 0 0 auto
}

@media (max-width:480px) {
    .page-tools__container-pagination {
        display: block
    }

    .page-tools__count {
        text-align: center;
        display: block;
        padding: 8px
    }

    .page-tools__item {
        margin: 2px
    }
}

.footer {
    display: flex;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-style: normal;
    align-items: center;
    padding: 16px;
    background-color: #FFF;
    height: 77px;
    border-top: 1px solid #C7CBD2;
    justify-content: flex-end
}

@media (max-width:480px) {
    .footer {
        padding: 0px 16px 16px 16px;
        display: block
    }
}

.warning-device-dialog .dialog__wrapper {
    padding: 6px 12px 12px 2px
}

.warning-device-dialog .dialog__header {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 10px
}

.warning-device-dialog .dialog__header--icon {
    height: 36px;
    width: 32px;
    margin-right: 14px
}

.warning-device-dialog .dialog__header--text {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.warning-device-dialog .dialog__body {
    padding-left: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

.warning-device-dialog .warning-icon {
    width: 32px;
    height: 36px;
    fill: #DE3030
}

.warning-device-dialog .warnings-list {
    margin: 0px
}

.warning-device-dialog .warnings-list--item {
    padding-bottom: 10px
}

.geo-file-uploader {
    position: relative
}

.geo-file-uploader__errors {
    padding-top: 10px
}

.trips-list__row {
    display: flex;
    flex-direction: row
}

.trips-list__row-item {
    display: flex
}

.trips-list__row-styling {
    flex-direction: column;
    position: relative;
    width: 20px;
    padding-top: 10px;
    fill: #66788C
}

.trips-list__row-trip-info {
    flex-wrap: wrap;
    flex-grow: 1;
    margin: 5px
}

.trips-list__row-trip-time {
    padding: 10px;
    flex-shrink: 0
}

.trips-list__row--selectable {
    cursor: pointer
}

    .trips-list__row--selectable .trips-list__row-trip-info {
        padding: 3px 7px;
        border-radius: 4px;
        box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2)
    }

.trips-list__row--selected .trips-list__row-trip-info {
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2),4px 0px 0px 0px #93A75C inset;
    background-color: #EFF2F7
}

.trip-styling__icon--colorized {
    fill: #DA7C3A
}

.trip-styling__crumbs {
    width: 2px;
    height: 100%;
    margin-left: 6px;
    margin-top: 7px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8px' height='8px'><rect width='2px' height='2px' fill='rgb(102,120,140)'/></svg>");
    background-repeat: repeat-y
}

.trip-info__item {
    width: 50%;
    padding: 5px
}

.trip-info__item-data {
    line-height: 16px;
    color: #575757
}

.trip-info__item-data--primary {
    color: #202328;
    font-weight: 500
}

.trip-info__advanced-item {
    width: 100%;
    padding: 5px
}

.trip-advanced-data__icon {
    fill: #EB3323
}

.trip-advanced-data__list {
    margin-top: 5px
}

.trip-advanced-data__list-row {
    display: flex;
    margin-top: 2px
}

.trip-advanced-data__list-row-item {
    width: 50%
}

.trip-advanced-data__list-row-item--negative {
    color: #DE3030
}

.trip-advanced-data__list-row-item:last-child {
    padding-left: 5px
}

.map-view-dialog__message {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0 0 16px 0
}

.map-view-dialog__groups-text {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0 0 16px 0
}

.map-view-dialog__errors {
    margin: 0 0 16px 0
}

.map-view-dialog__name {
    width: 100%
}

.mobile-map-button {
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #FFF;
    color: #66788C;
    fill: #66788C;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
    z-index: 9001;
    border: none
}

.geo-mobile-map-button {
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #ffffff;
    color: #66788c;
    fill: #66788c;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
    z-index: 9001;
    border: none
}

    .geo-mobile-map-button:hover {
        background-color: #F4F6F8
    }

    .geo-mobile-map-button:active {
        background-color: #66788C;
        fill: #FFF
    }

.map-options-trigger {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #ffffff;
    color: #66788c;
    fill: #66788c;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
    z-index: 9001;
    border: none
}

    .map-options-trigger:hover {
        background-color: #F4F6F8
    }

    .map-options-trigger:active {
        background-color: #66788C;
        fill: #FFF
    }

.map-options-mobile {
    padding: 16px 0;
    background-color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9003;
    overflow-y: auto
}

.map-options-mobile__header {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    margin-bottom: 12px;
    padding: 0 12px
}

.map-options-mobile__actions {
    padding: 0 12px
}

.map-options-mobile__actions-header {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    margin-bottom: 4px
}

.map-options-mobile__actions-content {
    display: flex;
    flex-wrap: wrap
}

    .map-options-mobile__action, .map-options-mobile__actions-content .customButton {
        margin-right: 8px;
        margin-bottom: 8px
    }

.map-options-mobile__option {
    margin-top: 16px;
    padding: 0 12px
}

.map-options-mobile__option-header {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    margin-bottom: 4px
}

.map-options-mobile__option-content {
    width: 100%
}

.map-options-mobile__map {
    margin-top: 20px
}

.map-options-mobile__map-header {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    margin-bottom: 4px;
    padding: 0 12px
}

.map-options-mobile__map-option {
    margin-top: 16px
}

.mobile-map-item__title {
    display: flex;
    padding: 0 12px
}

.mobile-map-item__switcher {
    flex: 0 0 auto
}

.mobile-map-item__label {
    flex: 1 1 auto;
    margin-left: 14px;
    color: #202328;
    fill: #66788C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.mobile-map-item__options {
    background-color: #EFF2F7;
    padding: 12px;
    margin-top: 14px
}

.map-provider-mobile {
    width: 100%
}

.map-providers-menu {
    min-width: 170px
}

.geo-map-menu__save-view {
    border-top: 1px solid #C7CBD2
}

.map-views-menu {
    min-width: 170px
}

.label-switcher__options-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757
}

.label-switcher__item {
    display: flex;
    margin-top: 16px
}

.label-switcher__item-switcher {
    flex: 0 0 auto
}

.label-switcher__item-label {
    flex: 1 1 auto;
    margin-left: 14px;
    color: #202328;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.more-options-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 50px;
    display: flex;
    justify-content: flex-end
}

.more-options-button__icon {
    fill: #66788C;
    transition: transform 100ms
}

.more-options-button__icon--expanded {
    transform: rotate(180deg)
}

.routes-switcher__options-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757
}

.routes-switcher__buttons {
    margin-top: 4px
}

#liveMap_zoneDisplayModeList.geo-zone-types {
    padding: 0
}

.geotabZoneFilterLabel {
    cursor: pointer;
    width: 100%;
    border: 1px solid #C5DBEC;
    background-color: #E8F3FD;
    color: #25477B;
    line-height: 18px;
    display: inline-block;
    padding: 6px 11px 6px 11px
}

    .geotabZoneFilterLabel:first-of-type {
        margin-right: 6px
    }

.geotabSwitchSpan {
    display: inline-block;
    margin: 6px 4px 5px 0
}

.geotabSepareteButton {
    user-select: none
}

.geotabHiddenCheckbox {
    position: absolute;
    left: -9999px;
    clip: rect(1px,1px,1px,1px)
}

.hiddenZoneSwitcher {
    overflow: hidden
}

#checkboxFieldset.geo-zone-types--fieldset {
    border-top: none;
    padding: 0;
    margin-top: 0
}

#checkboxFieldset .geo-zone-types {
    display: block;
    position: absolute;
    right: 170px;
    bottom: 50px
}

#checkboxFieldset .geo-zone-types__item {
    display: flex
}

.zones-switcher {
    display: flex
}

.zones-switcher__trigger {
    width: 32px
}

.zones-switcher-popup__fieldset {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none
}

.zones-switcher-popup__header {
    padding-right: 5px;
    text-transform: none;
    color: #757575;
    font-size: 14px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 13px 0 13px 18px;
    border-top: 1px solid #E7E9EC;
    text-align: left
}

.zone-type-switcher__icon--hidden {
    visibility: hidden
}

.zones-switcher-mobile__options-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    margin-bottom: 8px
}

.zones-switcher-mobile__options {
    margin-bottom: 16px
}

.zone-type-switcher-mobile {
    display: flex;
    margin-bottom: 16px
}

.zone-type-switcher-mobile__switcher {
    flex: 0 0 auto
}

.zone-type-switcher-mobile__label {
    flex: 1 1 auto;
    margin-left: 14px;
    color: #202328;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.current-location-button {
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #ffffff;
    color: #66788c;
    fill: #66788c;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
    z-index: 9001;
    border: none;
    position: absolute;
    bottom: 12px;
    right: 12px
}

    .current-location-button:hover {
        background-color: #F4F6F8
    }

    .current-location-button:active {
        background-color: #66788C;
        fill: #FFF
    }

.map-type-mobile {
    width: auto;
    flex-wrap: wrap
}

.live-map-search-mobile {
    position: absolute;
    z-index: 9001;
    top: 12px;
    left: 12px;
    right: 60px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2)
}

.live-map-search-mobile__search {
    border: none;
    width: 100%;
    height: 36px
}

    .live-map-search-mobile__search .geotab-filter__input {
        line-height: 22px
    }

.geo-filter-mobile__item {
    background-color: #FFF;
    color: #202328
}

.geo-filter-mobile__item--empty {
    display: none
}

.geo-filter-mobile__item-content {
    padding: 7px 9px;
    border-bottom: 1px solid #C7CBD2
}

@media screen and (min-width:calc(641px)) {
    .geo-filter-mobile {
        display: none
    }
}

.entity-select__navigator {
    float: left;
    margin: 0 8px 6px 0
}

.entity-select__reset-button {
    float: left;
    margin-bottom: 6px
}

.entity-select__selected {
    clear: both;
    margin-top: 6px
}

.report-preview--detached .report-preview__close-title {
    padding-bottom: 6px
}

.report-preview--detached .report-preview__close {
    display: block
}

.report-preview--detached .report-preview__header {
    flex-direction: column
}

.report-preview--detached .report-preview__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.report-preview--detached .report-preview__preview-title {
    font-size: 19px
}

.report-preview--detached .report-preview__switcher {
    display: flex
}

.report-preview--spreadsheet-view .report-preview__chart {
    display: none
}

.report-preview--spreadsheet-view .report-preview__spreadsheet {
    display: block
}

.report-preview__spreadsheet {
    display: none
}

.report-preview__header {
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.report-preview__chart {
    display: flex;
    justify-content: center
}

.report-preview__close-title {
    display: flex
}

.report-preview__close {
    display: none;
    cursor: pointer;
    border: none;
    background: none
}

.report-preview__close-icon {
    width: 16px;
    height: 16px
}

.chart-preview {
    border-radius: 3px;
    border: 1px solid #C5DBEC;
    color: #25477B;
    fill: #25477B;
    background-color: #fefefe;
    margin: 11px
}

.chart-preview__template-title {
    border-bottom: 1px #DDD solid;
    font-weight: bold;
    padding: 10px;
    height: 36px
}

.chart-preview__template-name {
    padding-right: 10px
}

.chart-preview__chart {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.chartAxisCell {
    background-color: #E8F3FD
}

.chartAxisHeaderCell {
    background-color: #2c7ab1;
    color: #ffffff
}

.sheet {
    border-collapse: collapse
}

.sheet__header {
    height: 20px;
    overflow: hidden;
    background-color: none
}

.sheet__header-cell {
    padding: 6px;
    width: 161px;
    text-align: center
}

.sheet__header-cell--chart-cell {
    background-color: #2c7ab1;
    color: #ffffff
}

.sheet__row-number {
    padding: 5px 5px 5px 16px;
    min-width: 26px;
    width: 26px;
    text-align: center
}

.sheet__row--chart-row > .sheet__row-number {
    background-color: #2c7ab1;
    color: #ffffff
}

.sheet__row--chart-row > .sheet__cell {
    background-color: #e8f3fd
}

.sheet__cell {
    padding: 8px;
    background-color: #fefefe;
    min-width: 160px;
    height: 20px;
    border: 1px solid #C7CBD2
}

.sheet__cell--chart-cell {
    background-color: #e8f3fd
}

.report-spreadsheet {
    color: #202328
}

.report-spreadsheet__sheet {
    overflow: auto
}

.report-spreadsheet__load-more {
    padding-top: 17px;
    width: 100%;
    display: none
}

.report-spreadsheet__load-more--shown {
    display: flex
}

.report-spreadsheet__sheets-list {
    border-bottom: 1px solid #C7CBD2
}

.report-spreadsheet__tabs {
    padding-left: 16px
}

.report-spreadsheet__tab {
    border: none;
    padding: 11px 13px;
    background: none;
    cursor: pointer
}

.report-spreadsheet__tab--active {
    border-bottom: 5px solid #202328
}

.report-spreadsheet__chart-icon {
    width: 16px;
    height: 16px;
    background-position: center;
    background-size: contain;
    float: left;
    margin-right: 5px
}

.report-spreadsheet__load-button {
    margin: auto
}

.report-edit {
    display: flex;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 45px)
}

.report-edit__forms {
    max-width: 1000px;
    min-width: 1px;
    width: 50%;
    flex: 1 0 50%
}

.report-edit__form {
    margin-top: 10px;
    padding: 18px 25px;
    display: block
}

.report-edit__preview {
    display: none;
    flex: 1 0 50%;
    background-color: #F8F9FC;
    width: 50%
}

.report-edit__preview--shown {
    display: block
}

.report-edit--scrollable .report-edit {
    overflow-y: hidden
}

.report-edit--scrollable .report-edit__forms {
    overflow-y: auto
}

.report-edit--scrollable .report-edit__preview {
    overflow-y: auto
}

.report-edit--detached .report-edit__forms {
    width: 100%
}

.report-edit--detached .report-edit__preview {
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width:905px) {
    .report-edit__form {
        padding: 0
    }
}

.slice-threshold__value {
    padding-top: 10px
}

.slice-threshold__input {
    width: 100%
}

.slice-threshold__type {
    width: 100%
}

.report-separator {
    margin-left: -2%;
    font-weight: 700;
    color: #25477B;
    fill: #25477B;
    text-transform: uppercase
}

.report-button__icon {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    stroke: #25477B;
    display: inline-block
}

.report-button__title {
    margin-left: 5px
}

.report-button:active .report-button__icon {
    stroke: #ffffff
}

@media (max-width:480px) {
    .report-button {
        width: 100% !important
    }
}

.zone-excludes {
    width: 100%;
    max-width: unset
}

.zone-excludes__zone-types, .zone-excludes__rules-filter {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px
}

.zone-excludes__zone-types--hidden, .zone-excludes__rules-filter--hidden {
    display: none
}

.zone-excludes__select, .zone-excludes__filter {
    max-width: 70%;
    flex: 1 1 auto
}

.zone-excludes__select--full-width, .zone-excludes__filter--full-width {
    max-width: unset
}

.zone-excludes__label {
    min-width: 30%;
    width: 30%;
    margin-top: 8px;
    padding-right: 20px;
    text-align: right
}

@media (max-width:480px) {
    .report-autocomplete {
        width: 100% !important
    }
}

.report-input {
    display: flex;
    align-items: center
}

.report-input__field {
    margin-right: 5px
}

@media (max-width:480px) {
    .report-input {
        width: 100% !important
    }
}

.order-list-row__select {
    width: 100%;
    margin-right: 5px
}

.sheet-selector__sheet-name-select {
    width: 100%;
    margin-bottom: 8px
}

.sheet-axis {
    background-color: #FFFCDD;
    color: #784600;
    overflow: hidden;
    width: 100%;
    padding: 15px;
    margin: 5px 0
}

.sheet-axis__select-axis {
    width: 100%;
    margin: 8px 0
}

.sheet-axis__help-text {
    padding: 5px 0
}

.data-point {
    border: 1px #ddd solid;
    border-radius: 3px;
    padding: 8px;
    margin-bottom: 8px
}

.data-point__row {
    padding: 4px 0
}

.data-point__name-edit {
    display: flex;
    justify-content: space-between
}

.data-point__edit {
    border: none;
    background: none;
    color: #25477B;
    cursor: pointer
}

.data-point--single .data-point__chart-type {
    display: none
}

.data-point-form {
    border: 1px #ddd solid;
    border-radius: 3px;
    padding: 8px;
    margin-bottom: 8px
}

.data-point-form__part {
    padding: 6px 0
}

.data-point-form__controls {
    display: flex;
    justify-content: space-between;
    padding-top: 20px
}

.data-point-form__approve {
    display: flex;
    margin-left: 20px
}

.data-point-form__done.data-point-form__done {
    margin-left: 5px
}

.data-point-form--single .data-point-form__chart-type {
    display: none
}

.data-point-form--limit .data-point-form__remove {
    display: none
}

.data-point-edit__label {
    color: #757575;
    padding-bottom: 4px;
    display: block
}

.data-point-edit__select {
    width: 100%;
    max-width: 300px
}

.report-color-plates__option {
    display: flex;
    align-items: center
}

.report-color-plates__plate {
    padding: 10px
}

.report-color-plates__title {
    color: #575757
}

.custom-color-plates {
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
    width: 100%
}

.custom-color-plates__cell {
    max-width: 250px;
    width: 50%;
    flex: 1 1 auto;
    margin: 4px 0
}

@media (max-width:500px) {
    .custom-color-plates__cell {
        width: 100%
    }
}

.value-color-picker {
    display: flex;
    align-items: center
}

.value-color-picker__picker {
    flex: 0 0 auto;
    margin-right: 10px
}

.value-color-picker__title {
    color: #575757
}

.custom-report-page {
    display: flex;
    flex-direction: column;
    height: 100%
}

.custom-report-page__name-edit {
    font-size: inherit;
    height: 1.3em;
    font-weight: normal;
    width: 350px
}

.custom-report-page__control {
    flex: 0 0 auto
}

.custom-report-page__form {
    flex: 1 1 auto;
    overflow: hidden;
    position: relative
}

.custom-report-page__uploader {
    max-width: 900px;
    padding: 10px 16px
}

.area-activity-dialog__description, .area-activity-dialog__date-period, .area-activity-dialog__buttons {
    margin: 12px
}

.area-activity-dialog__apply {
    width: 100%;
    display: block;
    text-align: center
}

.dates-period {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dates-period__date-label {
    margin: 0 5px
}

    .dates-period__date-label:first-child {
        margin-left: 0
    }

.dates-period__input {
    max-width: 150px
}

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right {
    z-index: 1000 !important
}

.map-back-button {
    background-color: #FFF;
    cursor: pointer
}

.map-back-button__label {
    color: #66788C;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
}

.map-back-button__icon {
    transform: rotate(180deg);
    fill: #66788C
}

.map-back-button:hover, .map-back-button:focus {
    background-color: #F4F6F8
}

.legend-container {
    z-index: 10000;
    position: absolute;
    width: 75%;
    max-height: 70%;
    right: 52px;
    bottom: 60px;
    overflow: auto;
    background: #0B2032;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
    border-radius: 4px
}

.legend-container__header {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 16px;
    color: #ffffff
}

.legend-container__slot {
    cursor: default;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 16px;
    margin-bottom: 2px;
    color: #ffffff;
    fill: #ffffff
}

.legend-container__slot--disabled {
    background-color: #3C5063;
    color: #C7CBD2
}

.legend-container__svg {
    height: 20px;
    width: 20px;
    stroke: #FFFFFF
}

.legend-container__slot-title {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding-left: 17px
}

.legend-button {
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #ffffff;
    color: #66788c;
    fill: #66788c;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
    z-index: 9001;
    border: none;
    position: absolute;
    bottom: 60px;
    right: 12px;
    display: none;
    background-color: #FFF;
    fill: #66788C
}

.legend-button__icon {
    height: 18px;
    width: 20px;
    position: relative
}

.legend-button--enabled {
    background-color: #66788C;
    fill: #FFF
}

.trip-pointer {
    display: none;
    stroke: #ffffff;
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.4));
    stroke-width: 2
}

.trip-pointer--border-width {
    stroke-width: 3
}

@media (max-width:640px) {
    .mapSvgElement .trip-pointer {
        display: block
    }
}

.arcsChart .sectionBg {
    stroke: none;
    fill: #637dff;
    cursor: default
}

.arcsChart .sectionBorder {
    stroke: #637dff;
    stroke-width: 1px;
    stroke-opacity: 0.5;
    cursor: default
}

.arcsChart .highlight:hover .sectionBg {
    fill: #0100d3 !important
}

.arcsChart .highlight:hover .sectionBorder {
    stroke: #637dff !important
}

.arcsChart .sectionHighlight:hover .sectionBg {
    fill: #ffeb00 !important
}

.arcsChart text {
    fill: #555;
    text-shadow: rgba(0,0,0,0.568627) 0 0 0.07em;
    user-select: none;
    pointer-events: none
}

.arcsChart .control {
    stroke: #5293c6;
    fill: #25477B;
    fill-opacity: 0.3;
    cursor: pointer
}

    .arcsChart .control.round {
        stroke-opacity: 0.5;
        fill-opacity: 0.2
    }

.arcsChart .chartTitle {
    font-size: 1.5em;
    text-shadow: none;
    alignment-baseline: middle
}

.densityGraph {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%;
    min-width: 400px;
    shape-rendering: crispEdges
}

    .densityGraph svg {
        position: relative;
        overflow: hidden;
        text-decoration: none
    }

        .densityGraph svg .week_day {
            fill: #fff
        }

        .densityGraph svg .day {
            stroke: #ccc
        }

        .densityGraph svg .month {
            fill: none;
            stroke: #000;
            stroke-width: 2px
        }

        .densityGraph svg .q91_100 {
            fill: #a50026
        }

        .densityGraph svg .q81_90 {
            fill: #d73027
        }

        .densityGraph svg .q71_80 {
            fill: #f46d43
        }

        .densityGraph svg .q61_70 {
            fill: #fdae61
        }

        .densityGraph svg .q51_60 {
            fill: #fee08b
        }

        .densityGraph svg .q41_50 {
            fill: #ffffbf
        }

        .densityGraph svg .q31_40 {
            fill: #1a9850
        }

        .densityGraph svg .q21_30 {
            fill: #66bd63
        }

        .densityGraph svg .q11_20 {
            fill: #a6d96a
        }

        .densityGraph svg .q1_10 {
            fill: #d9ef8b
        }

.bc-barChartContainer {
    position: relative;
    height: 100%;
    padding: 20px 0 40px 35px
}

    .bc-barChartContainer .bc-xAxisContainer {
        height: 20px;
        width: 100%;
        padding: 0 15px
    }

        .bc-barChartContainer .bc-xAxisContainer .bc-xAxisItem {
            position: relative;
            display: inline-block;
            vertical-align: top;
            height: 100%;
            text-align: center;
            font-size: 10px;
            line-height: 20px
        }

        .bc-barChartContainer .bc-xAxisContainer .bc-xAxisLabel {
            height: 20px;
            width: 100%;
            text-align: center
        }

    .bc-barChartContainer .bc-yAxisContainer {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 35px;
        padding-bottom: 40px;
        padding-top: 20px
    }

        .bc-barChartContainer .bc-yAxisContainer .bc-yAxisItems {
            height: 100%;
            border-right: 1px solid #376092;
            font-size: 10px
        }

            .bc-barChartContainer .bc-yAxisContainer .bc-yAxisItems .bc-yAxisItem {
                position: relative;
                padding-right: 5px;
                padding-top: 15px;
                text-align: right
            }

                .bc-barChartContainer .bc-yAxisContainer .bc-yAxisItems .bc-yAxisItem span {
                    position: relative;
                    top: -20px
                }

                .bc-barChartContainer .bc-yAxisContainer .bc-yAxisItems .bc-yAxisItem:not(:last-child):before {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: -3px;
                    width: 5px;
                    height: 1px;
                    background-color: #376092
                }

        .bc-barChartContainer .bc-yAxisContainer .bc-yAxisLabel {
            width: 130px;
            text-align: center;
            transform: rotate(-90deg);
            transform-origin: 0
        }

    .bc-barChartContainer .bc-itemsContainer {
        position: relative;
        height: 100%;
        padding: 0 15px 0 15px;
        border-bottom: 1px solid #376092
    }

        .bc-barChartContainer .bc-itemsContainer .bc-barItemCont {
            position: relative;
            display: inline-block;
            vertical-align: top;
            height: 100%
        }

            .bc-barChartContainer .bc-itemsContainer .bc-barItemCont .bc-barItemWrapper {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 0;
                padding-right: 1px;
                transition: 1s ease height;
                color: #dcdcdc
            }

                .bc-barChartContainer .bc-itemsContainer .bc-barItemCont .bc-barItemWrapper .bc-barItem {
                    height: 100%;
                    background-color: #376092
                }

                    .bc-barChartContainer .bc-itemsContainer .bc-barItemCont .bc-barItemWrapper .bc-barItem .bc-barItemTooltip {
                        display: none;
                        position: absolute;
                        top: -31px;
                        left: 50%;
                        margin-left: -25px;
                        z-index: 1;
                        width: 50px;
                        height: 25px;
                        line-height: 25px;
                        font-size: 12px;
                        text-align: center;
                        color: white;
                        background: black;
                        border-radius: 5px
                    }

                        .bc-barChartContainer .bc-itemsContainer .bc-barItemCont .bc-barItemWrapper .bc-barItem .bc-barItemTooltip:after {
                            content: "";
                            position: absolute;
                            width: 0;
                            height: 0;
                            border-width: 5px;
                            border-style: solid;
                            border-color: black transparent transparent transparent;
                            top: 25px;
                            left: 20px
                        }

                    .bc-barChartContainer .bc-itemsContainer .bc-barItemCont .bc-barItemWrapper .bc-barItem:hover .bc-barItemTooltip {
                        display: block
                    }

.default-header #organizationFilter.hideFilter {
    display: none
}

.default-header .imageContainer {
    padding: 0 2px;
    margin: 0 10px 0 3px;
    fill: #ffffff;
    flex: 0 0 auto
}

    .default-header .imageContainer .svgIcon {
        top: 1px;
        width: 15px;
        margin-left: 0;
        height: 15px;
        display: block
    }

    .default-header .imageContainer .comboOpenedIcon {
        height: 20px
    }

    .default-header .imageContainer .comboClosedIcon {
        top: 8px;
        height: 25px
    }

.default-header .orgFilterState {
    width: 100%;
    min-width: 1px;
    text-align: left;
    position: relative;
    justify-content: flex-start;
    flex: 1 1 auto;
    align-items: center;
    display: flex
}

.default-header .orgFilterState__container {
    width: 100%
}

.default-header .orgFilterReset {
    flex: 0 0 auto;
    display: none;
    padding: 3px;
    background-color: transparent;
    border: none;
    height: 11px;
    width: 11px;
    font-size: 11px;
    line-height: 1em;
    box-sizing: content-box
}

.default-header .orgFilterReset--visible {
    display: inline-block
}

.default-header .orgFilterReset .svgIcon {
    position: relative
}

.default-header .orgFilterSelection {
    flex: 0 1 auto
}

.default-header .orgFilterSelectionAmount {
    display: none;
    flex: 0 1 auto
}

.default-header .org-filter {
    line-height: inherit
}

.default-header .hidden {
    display: none
}

@media (max-width:545px) {
    #topBar .orgFilterSelection {
        display: none
    }

    #topBar .orgFilterSelectionAmount {
        display: inline
    }
}

.menuClass {
    overflow: visible;
    vertical-align: top;
    padding: 0;
    top: 72px;
    bottom: 0;
    width: 249px;
    background: #fefefe;
    z-index: 10001;
    touch-action: pan-y;
    transform: translateX(0px) translateZ(0)
}

    .menuClass.menuCollapsed {
        transform: translateX(-200px) translateZ(0);
        overflow: visible
    }

        .menuClass.menuCollapsed.scrollVisible {
            transform: translateX(-190px) translateZ(0)
        }

            .menuClass.menuCollapsed.scrollVisible .navigationClass .mainMenuHeader .icon {
                transform: translateX(186px) translateZ(0)
            }

        .menuClass.menuCollapsed .navigationClass {
            overflow-x: hidden;
            overflow-y: auto
        }

            .menuClass.menuCollapsed .navigationClass.scrollDisabled {
                overflow-y: hidden
            }

            .menuClass.menuCollapsed .navigationClass .mainMenuHeader .mainMenuHeaderLink {
                min-height: 32px
            }

            .menuClass.menuCollapsed .navigationClass .mainMenuHeader .icon {
                transform: translateX(200px) translateZ(0);
                float: none;
                display: block;
                position: absolute
            }

            .menuClass.menuCollapsed .navigationClass .mainMenuHeader .itemText {
                visibility: hidden
            }

    .menuClass.animating .navigationClass .mainMenu .mainMenuHeader .itemText {
        visibility: visible
    }

    .menuClass.animated {
        transition: transform 0.1s ease-in
    }

    .menuClass.menuHidden {
        transform: translateX(-250px) translateZ(0);
        user-select: none;
        position: absolute;
        left: 0;
        top: 0
    }

.menuClass--updated {
    width: 266px
}

    .menuClass--updated.menuHidden {
        transform: translateX(-100%) translateZ(0)
    }

    .menuClass--updated.menuCollapsed {
        transform: translateX(-216px) translateZ(0)
    }

.navigationContainer {
    width: 100%;
    position: relative;
    height: calc(100% - 40px)
}

.navigationContainer--short {
    height: calc(100% - 111px)
}

@media (max-width:640px) {
    .navigationContainer--short {
        height: calc(100% - 56px)
    }
}

.navigationClass {
    width: 100%;
    background-color: #fefefe;
    vertical-align: top;
    padding: 0;
    position: absolute;
    border-top: 1px #ddd solid;
    touch-action: pan-y;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0
}

.touchScrollClass:not(.notScrollableElement) {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

.notScrollableElement {
    overflow: hidden
}

#north {
    max-height: 200px;
    overflow: visible;
    z-index: 10002
}

#checkmateContent {
    top: 72px;
    bottom: 0;
    left: 0;
    right: 0;
    touch-action: pan-y
}

.checkmate-margin {
    margin: 0px
}

.companyLogoContainer {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-34 -18 250 40'%3E%3Cpath d='m -7.7234907,-7.840255 h 4.709239 v 2.1978561 a 8.0111716,8.173423 0 0 1 2.68139743,-2.022446 7.8324124,7.9910428 0 0 1 3.21767627,-0.6691145 6.0140719,6.1358756 0 0 1 3.1766873,0.8793749 q 1.4141382,0.8805364 2.2771947,2.5684247 a 7.4213782,7.5716839 0 0 1 6.314661,-3.4477996 q 2.000516,0 3.518266,0.950236 a 5.379873,5.4888323 0 0 1 2.18383,2.4813001 q 0.668357,1.5299033 0.66608,4.97770285 V 11.298053 H 16.279283 V 1.5877578 q 0,-3.252642 -0.797019,-4.4050052 -0.797018,-1.152365 -2.37853,-1.1535267 A 3.6298488,3.7033645 0 0 0 10.9404,-3.2737791 4.0818721,4.1645424 0 0 0 9.5182916,-1.3280033 Q 9.0571587,-0.08502965 9.0537435,2.6599676 V 11.29573 H 4.3126232 V 2.028026 q 0,-2.56958626 -0.3711832,-3.7173041 C 3.6943649,-2.4606191 3.3209049,-3.0321542 2.8290307,-3.4085318 a 2.9478289,3.0075315 0 0 0 -1.800122,-0.5622423 3.5296522,3.6011386 0 0 0 -2.132594,0.7132586 4.1308314,4.2144938 0 0 0 -1.4357708,1.9957269 q -0.4782107,1.2859553 -0.4747956,4.0472152 v 8.5126264 h -4.709239 z' style='fill:%230078d3;stroke-width:8.81342125' /%3E%3Cpolygon points='440.05,4.61 397.7,4.61 350.45,107.98 307.69,4.61 265.42,4.61 328.05,157.08 294.17,229.64 336.87,229.64 ' style='fill:%230078d3;stroke-width:76.63378906' transform='matrix(0.11385974,0,0,0.11616576,-8.2927896,-8.375779)' /%3E%3Cpath d='M 66.992417,1.7178631 H 54.659128 v 1.9260283 h 9.07804 a 7.7777593,7.9352831 0 0 1 0.157127,1.1070598 c 0,2.1664917 -0.401929,3.5209843 -1.196669,4.0297902 -0.794741,0.5088063 -2.937585,0.7678559 -6.351101,0.7678559 -4.468992,0 -7.25628,-0.2729897 -8.27874,-0.8131603 C 47.045324,8.1952658 46.540926,6.7350621 46.540926,4.3745743 l -0.01823,-2.7124705 0.04098,-2.5207966 c 0,-2.3233151 0.462271,-3.795136 1.372011,-4.3701559 0.909736,-0.575021 3.254109,-0.8747284 6.945445,-0.8747284 3.999893,0 6.50822,0.1823808 7.44984,0.5448181 0.941622,0.3624364 1.393647,1.3033795 1.393647,2.8193425 v 0.5320384 h 3.270053 v -0.7783107 c 0,-2.1223475 -0.721871,-3.5105285 -2.145122,-4.1262068 -1.423237,-0.6156793 -4.570319,-0.9153866 -9.401392,-0.9153866 -4.831067,0 -8.073794,0.4727952 -9.670108,1.393989 -1.596312,0.9211947 -2.420656,2.8402535 -2.420656,5.66075756 l -0.02279,1.68440349 0.02279,2.79843345 c 0,3.3560285 0.732117,5.5480763 2.176995,6.5180607 1.444883,0.969984 4.708105,1.448586 9.727041,1.448586 5.306999,0 8.639674,-0.413549 9.905798,-1.227871 1.266124,-0.8143224 1.915124,-2.9715205 1.915124,-6.3984103 a 18.70374,19.082549 0 0 0 -0.0854,-2.0816907 z' style='fill:%2325477b;stroke-width:8.74400139' /%3E%3Cpolygon points='718.09,75.97 718.09,21.27 850.75,21.27 850.75,4.68 688.81,4.68 688.81,169.24 850.75,169.24 850.75,152.67 718.09,152.67 718.09,92.55 845.26,92.55 845.26,75.97 ' style='fill:%2325477b;stroke-width:76.03018951' transform='matrix(0.11385974,0,0,0.11616576,-8.2927896,-8.375779)' /%3E%3Cpath d='m 95.330961,-5.1126827 c 0.749197,-0.6563367 3.402131,-0.9874095 7.880239,-0.9874095 3.90196,0 6.4103,0.2834448 7.45553,0.8422022 1.04524,0.5587574 1.55761,1.8784004 1.55761,3.9496351 l 0.0182,1.79476146 V 1.7190248 c 0,3.8903917 -0.37801,6.1916349 -1.12721,6.8468099 -0.7492,0.6551748 -3.41579,0.9862475 -7.90414,0.9862475 -4.48836,0 -7.131042,-0.3299109 -7.880239,-0.9862475 -0.749187,-0.6563365 -1.129482,-2.9564182 -1.129482,-6.8468099 0,-3.890391 0.379156,-6.1776951 1.12949,-6.8317075 m 18.047901,-1.3300984 c -1.3538,-1.0513001 -4.76731,-1.5845011 -10.14718,-1.5845011 -4.652314,0 -7.876816,0.464663 -9.584714,1.393989 -1.707895,0.929326 -2.590309,2.6880755 -2.590309,5.2274591 l -0.04101,1.79708457 V 1.7190248 c 0,4.3701561 0.671779,7.1221228 1.994825,8.175746 1.323055,1.0536232 4.759336,1.5868242 10.221178,1.5868242 5.49145,0 8.9323,-0.537847 10.23258,-1.5984407 1.30028,-1.0605934 1.96522,-3.8985229 1.96522,-8.4150473 0,-4.1935842 -0.69,-6.8537801 -2.04947,-7.9108881' style='fill:%2325477b;stroke-width:8.74400139' /%3E%3Cpolygon points='1179.7,22.82 1179.7,169.24 1208.95,169.24 1208.95,22.82 1289.88,22.82 1289.88,4.67 1098.03,4.67 1098.03,22.82 ' style='fill:%2325477b;stroke-width:76.03018951' transform='matrix(0.11385974,0,0,0.11616576,-8.2927896,-8.375779)' /%3E%3Cpath d='m 154.35243,5.5327468 h -12.38565 l 6.14842,-11.43071 z m -4.00786,-13.3660322 h -4.57944 L 135.25361,11.284114 h 3.53762 l 2.1952,-4.0228209 h 14.37025 l 2.21344,4.0228209 h 3.49663 L 150.36392,-7.8030815 Z' style='fill:%2325477b;stroke-width:8.74400139' /%3E%3Cpath d='m 167.3222,2.4473846 h 8.23661 c 3.37253,0 5.46527,0.1905114 6.22244,0.5715355 0.75717,0.3810235 1.11696,1.4056052 1.11696,3.0714224 0,1.3335831 -0.37345,2.218766 -1.10786,2.6288311 -0.73438,0.410065 -2.35917,0.6261334 -4.79007,0.6261334 l -2.90456,0.013939 h -6.77352 z m 13.5698,-2.55564738 c -0.76399,0.42052077 -2.50491,0.63310345 -5.16581,0.63310345 H 167.3222 V -5.9049338 h 9.28185 c 2.27719,0 3.76876,0.1858656 4.4337,0.5552726 0.66494,0.369407 0.9826,1.1825671 0.9826,2.4394811 0,1.4462635 -0.38028,2.38952883 -1.12835,2.80191732 m 0.79702,1.37424158 c 2.33868,-0.58082892 3.52966,-1.93415964 3.52966,-4.0088811 0,-2.0747195 -0.56702,-3.4733559 -1.65779,-4.122722 -1.0908,-0.6493669 -3.40328,-0.9676611 -6.89195,-0.9676611 H 163.98952 V 11.284114 h 14.03549 c 2.94898,0 5.05196,-0.412389 6.24977,-1.233681 1.1978,-0.821292 1.81036,-2.2687171 1.81036,-4.2981329 0,-2.4685223 -1.48016,-3.9810009 -4.40181,-4.4967767' style='fill:%2325477b;stroke-width:8.74400139'%0A/%3E%3Cpath d='m 190.75453,-7.265235 h -1.67828 v 4.2261112 h -0.61941 V -7.265235 h -1.67829 v -0.5668888 h 3.9851 z' style='fill:%2325477b;stroke-width:8.74400139'%0A/%3E%3Cpath d='m 196.08545,-3.0391238 h -0.6251 v -4.1296936 l -1.31052,2.8100496 h -0.37232 l -1.29686,-2.8100496 v 4.1296936 h -0.58295 v -4.793 h 0.85166 l 1.25246,2.6718131 1.21146,-2.6718131 h 0.87217 z' style='fill:%2325477b;stroke-width:8.74400139' /%3E%3C/svg%3E%0A") no-repeat;
    background-position: center;
    background-size: contain;
    height: 40px;
    width: 100%
}

#brandId {
    max-height: 50px;
    overflow: hidden;
    display: none
}

.org-filter {
    display: flex;
    line-height: 1em;
    border: none
}

    .org-filter.filterDisabled .inputBox {
        background-color: #f7f7f7;
        color: #757575
    }

    .org-filter.filterDisabled .imageContainer .svgIcon {
        fill: #757575;
        cursor: default
    }

    .org-filter .inputBox {
        width: 180px
    }

    .org-filter.full-size {
        position: relative;
        display: block
    }

        .org-filter.full-size .inputBox {
            width: 100%
        }

        .org-filter.full-size .imageContainer {
            position: absolute;
            right: 0;
            width: 25px;
            height: 100%;
            padding: 0;
            margin: 0
        }

            .org-filter.full-size .imageContainer .svgIcon {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto
            }

@media (max-width:949px) {
    .menuClass--updated {
        position: absolute;
        max-height: 100%;
        top: 0px !important;
        z-index: 12000
    }

    .menu-overlay {
        z-index: 11000
    }
}

@media (max-width:640px) {
    .menuClass--updated {
        width: 266px;
        max-width: 100%
    }

    .menu-overlay {
        z-index: 2400
    }
}

@media (max-width:905px) {
    #organizationFilter .inputBox {
        width: 100px
    }

    .checkmateFormPage fieldset, .checkmateFormPage fieldset.inset, .geotabFieldset {
        width: 100%;
        padding: 0;
        margin-top: 0.5em
    }
}

@media (max-width:480px) {
    #organizationFilter .inputBox {
        width: 90px;
        min-width: 75px
    }

    .org-filter .inputBox {
        min-width: 120px;
        width: calc(100% - 30px)
    }
}

.dangerousDrivingSelector_Line {
    display: flex
}

.dangerousDrivingSelector_Slider, .dangerousDrivingSelector_SensitivityLabel, .dangerousDrivingSelector_sensitivityHint {
    flex: 1 1 auto;
    width: 100%
}

.dangerousDrivingSelector_InputContainer, .dangerousDrivingSelector_Placeholder {
    flex: 0 0 67px;
    margin-left: 1em
}

.dangerousDrivingSelector_Slider {
    margin: 0.5em 0
}

.dangerousDrivingSelector_InputContainer {
    margin-left: 1em;
    text-align: right
}

    .dangerousDrivingSelector_InputContainer > .dangerousDrivingSelector_InputLabel {
        line-height: 1.7em
    }

.dangerousDrivingSelector_sensitivityHint {
    display: flex;
    justify-content: space-between
}

.dangerousDrivingSelector_sensitivityHintLabel {
    white-space: nowrap;
    padding: 6px 0;
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis
}

    .dangerousDrivingSelector_sensitivityHintLabel .dangerousDrivingSelector_sensitivityHintLink {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 11px;
        padding-left: 3px;
        text-decoration: none;
        color: #0078D3;
        fill: #0078D3
    }

    .dangerousDrivingSelector_sensitivityHintLabel .geotabButtonIcons {
        top: 1px
    }

    .dangerousDrivingSelector_sensitivityHintLabel.moreSensitive {
        text-align: left
    }

    .dangerousDrivingSelector_sensitivityHintLabel.lessSensitive {
        text-align: right
    }

@media (max-width:480px) {
    .dangerousDrivingSelector_Line {
        flex-wrap: wrap
    }

    .dangerousDrivingSelector_InputContainer {
        flex-basis: 100%;
        margin: 0 0 0.5em 0
    }

    .dangerousDrivingSelector_Placeholder {
        width: 0
    }
}

.dangerousDrivingSelector_Input {
    margin-right: 6px;
    width: 48px;
    text-align: center
}

#fleet_id {
    height: 100%
}

    #fleet_id .tripsGraph, #fleet_id .speedGraph {
        height: 170px
    }

    #fleet_id .fleet_NoActivityDataWrapper {
        display: block;
        height: auto
    }

    #fleet_id .fleet_NoActivityData {
        padding: 15px;
        font-size: 1em
    }

    #fleet_id .chartContainer {
        width: 100%;
        padding-left: 15px;
        padding-top: 20px
    }

        #fleet_id .chartContainer .graphsWrapper {
            display: inline-block;
            width: 90%;
            max-width: 800px
        }

        #fleet_id .chartContainer .additionalInfo {
            min-width: 350px;
            width: 100%
        }

            #fleet_id .chartContainer .additionalInfo .additionalInfoRow .value {
                width: 35%;
                max-width: 135px
            }

            #fleet_id .chartContainer .additionalInfo .additionalInfoRow .value, #fleet_id .chartContainer .additionalInfo .additionalInfoRow .label {
                font-size: 1.5em;
                line-height: 1.5em
            }

@media screen and (min-width:1600px) {
    #fleet_id .chartContainer .additionalInfo {
        width: 40%
    }
}

@media screen and (max-width:600px) {
    #fleet_id .chartContainer .additionalInfoRow .label {
        width: 65%
    }
}

.tripsGraph, .speedGraph {
    position: relative;
    height: 140px
}

.fleet_NoActivityDataWrapper, .customerStops_NoActivityDataWrapper {
    display: table;
    width: 100%;
    height: 100%
}

    .fleet_NoActivityDataWrapper .fleet_NoActivityData, .customerStops_NoActivityDataWrapper .fleet_NoActivityData, .fleet_NoActivityDataWrapper .customerStops_NoActivityData, .customerStops_NoActivityDataWrapper .customerStops_NoActivityData {
        vertical-align: middle;
        display: table-cell;
        padding: 10px;
        font-size: 1.5em;
        text-align: center
    }

.help-section {
    padding-left: 6px;
    min-width: 70px;
    flex-shrink: 0
}

.help-section__input {
    position: absolute;
    left: -9999px;
    clip: rect(1px,1px,1px,1px)
}

    .help-section__input:hover + .geo-button, .help-section__input:focus + .geo-button {
        color: #202328;
        fill: #66788c;
        border-color: #66788c;
        background-color: #f4f6f8
    }

    .help-section__input:active + .geo-button {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c
    }

    .help-section__input:disabled + .geo-button {
        color: #c7cbd2;
        fill: #c7cbd2;
        border-color: #c7cbd2;
        background-color: #ffffff
    }

    .help-section__input:checked + .geo-button {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px
    }

    .help-section__input:hover:checked + .geo-button, .help-section__input:focus:checked + .geo-button {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #282f36
    }

    .help-section__input:active:checked + .geo-button {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #282f36
    }

    .help-section__input:disabled:checked + .geo-button {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c;
        opacity: 0.3
    }

.help-section__label {
    border-radius: 0;
    float: left
}

    .help-section__label:first-of-type {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .help-section__label:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .help-section__label:nth-child(3) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.help-section__label-icon {
    display: none;
    position: relative;
    top: 2px
}

.help-section__label-text {
    display: inline
}

@media (max-width:992px) {
    .help-section__label-icon {
        display: inline
    }

    .help-section__label-text {
        display: none
    }
}

.help-tooltip {
    border-radius: 5px;
    background-color: #0B2032;
    border: 1px solid #0B2032;
    position: relative;
    padding: 0.5em 2%;
    float: right;
    clear: both;
    line-height: normal;
    width: 100%;
    margin: 1em 0 4px 0;
    color: #FFF
}

    .help-tooltip:before {
        content: "";
        position: absolute;
        left: 20px;
        top: -15px;
        border-width: 0 15px 15px;
        border-style: solid;
        border-color: #0B2032 transparent
    }

    .help-tooltip:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -14px;
        border-width: 0 15px 15px;
        border-style: solid;
        border-color: #0B2032 transparent
    }

    .help-tooltip .geotabButtonIcons {
        position: relative;
        float: right;
        top: 0;
        right: -6px
    }

        .help-tooltip .geotabButtonIcons:hover {
            color: #888888
        }

    .help-tooltip .helpPart {
        margin-top: 10px
    }

        .help-tooltip .helpPart:first-child {
            margin-top: 0
        }

    .help-tooltip .newTitleHelp {
        resize: none;
        width: 100%
    }

    .help-tooltip.help-content {
        display: block
    }

.help-content {
    display: none
}

#infoHUD {
    overflow: hidden;
    padding: 0;
    z-index: 10002
}

    #infoHUD .infoHUD_data {
        flex: 1 1 auto;
        padding: 8px;
        line-height: 14px;
        font-size: 12px
    }

    #infoHUD .infoHUD_ellipsis {
        max-height: 13em;
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative
    }

        #infoHUD .infoHUD_ellipsis .infoHUD_list {
            overflow-y: auto;
            overflow-x: inherit;
            max-height: inherit
        }

            #infoHUD .infoHUD_ellipsis .infoHUD_list .infoHUD_list_item {
                padding: 0
            }

    #infoHUD .infoHUD_wrapper {
        border-bottom: 1px #C7CBD2 solid;
        overflow: hidden;
        padding: 0;
        display: flex
    }

    #infoHUD .infoHUD_sort {
        margin: 0;
        font-weight: normal;
        border: none;
        flex: 0 0 auto;
        font-size: 12px;
        line-height: 14px;
        padding: 8px;
        background-color: #FFF;
        border-left: 1px solid #C7CBD2;
        color: #202328;
        -moz-user-select: none;
        user-select: none
    }

    #infoHUD .infoHUD_sortBy {
        background-color: transparent;
        border: none;
        color: inherit;
        font-size: inherit;
        padding: 0;
        text-decoration: underline;
        cursor: pointer
    }

        #infoHUD .infoHUD_sortBy[data-sort-direction="ASC"], #infoHUD .infoHUD_sortBy[data-sort-direction="DESC"] {
            font-weight: bolder
        }

    #infoHUD .infoHUD_attributes {
        width: 100%
    }

        #infoHUD .infoHUD_attributes .infoHUD_row {
            display: flex;
            flex-wrap: nowrap;
            width: 100%
        }

        #infoHUD .infoHUD_attributes .infoHUD_data {
            border-bottom: 1px #ddd solid
        }

        #infoHUD .infoHUD_attributes .infoHUD_keys {
            font-weight: bold;
            max-width: 180px;
            flex: 100 1 auto
        }

        #infoHUD .infoHUD_attributes .infoHUD_values {
            flex: 1 0 auto;
            text-align: right
        }

        #infoHUD .infoHUD_attributes .infoHUD_heading {
            flex: 1 0 auto
        }

        #infoHUD .infoHUD_attributes .infoHUD_link {
            color: #25477B
        }

@media (max-width:480px) {
    #infoHUD .infoHUD_attributes .infoHUD_keys {
        max-width: 130px
    }

    #infoHUD .infoHUD_data {
        padding: 6px 8px
    }

    #infoHUD .infoHUD_sort {
        padding: 7px 8px
    }

    #infoHUD.popupWindow {
        max-width: 94%
    }
}

.checkmateListBuilder {
    overscroll-behavior: contain
}

    .checkmateListBuilder .checkmateListTable {
        width: 100%;
        border-spacing: 0;
        table-layout: fixed;
        word-wrap: break-word;
        margin: 0;
        padding: 0
    }

        .checkmateListBuilder .checkmateListTable > li {
            list-style-type: none;
            padding: 0
        }

        .checkmateListBuilder .checkmateListTable td {
            padding: 0
        }

        .checkmateListBuilder .checkmateListTable tr:first-child .checkmateListBuilderHeading, .checkmateListBuilder .checkmateListTable li:first-child .checkmateListBuilderHeading {
            margin-top: 0
        }

    .checkmateListBuilder .checkmateListBuilderHeading a:not(.geo-button) {
        text-decoration: none;
        color: #ffffff;
        fill: #ffffff
    }

    .checkmateListBuilder .checkmateListBuilderHeading, .checkmateListBuilder .checkmateListBuilderSubTitle {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        background-color: #2c7ab1;
        border: 1px solid #2c7ab1;
        border-bottom-color: #ddd;
        color: #ffffff;
        fill: #ffffff;
        padding: 5px 8px;
        margin-top: 5px;
        overflow: hidden;
        font-weight: 700;
        font-size: 1.3em;
        display: block;
        text-decoration: none
    }

        .checkmateListBuilder .checkmateListBuilderHeading .geo-button, .checkmateListBuilder .checkmateListBuilderSubTitle .geo-button {
            font-size: 13px
        }

        .checkmateListBuilder .checkmateListBuilderHeading .groupValue, .checkmateListBuilder .checkmateListBuilderSubTitle .groupValue {
            display: inline-block;
            margin: 0 8px;
            padding: 2px 4px;
            background: #fefefe;
            color: #757575;
            font-weight: normal;
            font-size: 0.8em;
            vertical-align: middle;
            overflow: hidden;
            text-overflow: ellipsis;
            border-radius: 3px
        }

        .checkmateListBuilder .checkmateListBuilderHeading .checkmateListBuilderRowName, .checkmateListBuilder .checkmateListBuilderSubTitle .checkmateListBuilderRowName {
            font-weight: bold;
            vertical-align: middle
        }

        .checkmateListBuilder .checkmateListBuilderHeading .checkmateListTitle, .checkmateListBuilder .checkmateListBuilderSubTitle .checkmateListTitle {
            padding-top: 5px;
            padding-right: 8px
        }

        .checkmateListBuilder .checkmateListBuilderHeading .subduedData, .checkmateListBuilder .checkmateListBuilderSubTitle .subduedData {
            font-weight: normal
        }

        .checkmateListBuilder .checkmateListBuilderHeading .checkmateListBuilderHeadingDetails, .checkmateListBuilder .checkmateListBuilderSubTitle .checkmateListBuilderHeadingDetails {
            font-size: 0.8em;
            font-weight: normal;
            float: right
        }

            .checkmateListBuilder .checkmateListBuilderHeading .checkmateListBuilderHeadingDetails .usualData, .checkmateListBuilder .checkmateListBuilderSubTitle .checkmateListBuilderHeadingDetails .usualData {
                padding-right: 0.5em
            }

        .checkmateListBuilder .checkmateListBuilderHeading.flexBox, .checkmateListBuilder .checkmateListBuilderSubTitle.flexBox {
            display: flex;
            white-space: nowrap
        }

    .checkmateListBuilder .checkmateListBuilderSubTitle {
        background: #e5f2fa;
        border: 1px #e5f2fa solid;
        color: #25477B;
        font-size: 1.2em
    }

    .checkmateListBuilder .checkmateListBuilderRow {
        background: #fefefe;
        border: none;
        min-height: 32px;
        border-bottom: 1px #ddd solid;
        border-left: 5px #C5DBEC solid;
        padding: 8px 15px;
        margin-bottom: 1px;
        margin-left: 0;
        overflow: hidden;
        display: block;
        cursor: pointer;
        color: #25477B;
        fill: #25477B;
        text-decoration: none
    }

        .checkmateListBuilder .checkmateListBuilderRow .zoneStop {
            border-bottom: 2px solid
        }

        .checkmateListBuilder .checkmateListBuilderRow.noAction {
            cursor: default
        }

        .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowInactive:hover:not(.noAction), .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowInactive.hover:not(.noAction), .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowDisabled:hover:not(.noAction), .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowDisabled.hover:not(.noAction) {
            background-color: #f9f9f9;
            background-image: linear-gradient(to bottom,#fefefe,#f1f1f1);
            background-repeat: repeat-x;
            color: #757575;
            border-left-color: #ddd
        }

        .checkmateListBuilder .checkmateListBuilderRow:hover:not(.noAction), .checkmateListBuilder .checkmateListBuilderRow.hover:not(.noAction), .checkmateListBuilder .checkmateListBuilderRow:focus:not(.noAction) {
            background-color: #f9f9f9;
            background-image: linear-gradient(to bottom,#fefefe,#f1f1f1);
            background-repeat: repeat-x;
            border-bottom-color: #ddd;
            border-left-color: #5293c6;
            color: #25477B;
            text-decoration: none;
            outline: none
        }

        .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowHighlighted {
            background-color: #FFF2D2
        }

            .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowHighlighted:not(.checkmateListBuilderRowInactive):hover {
                background-color: #fff0cc;
                background-image: linear-gradient(to bottom,#FFF2D2,#ffeec3);
                background-repeat: repeat-x
            }

        .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowSuccessed {
            background-color: #ebfce4
        }

        .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowFailed {
            background-color: #fce8e8;
            border-left-color: #f3a4a4
        }

            .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowFailed:hover {
                background-color: #fbe3e3;
                background-image: linear-gradient(to bottom,#fce8e8,#fadada);
                background-repeat: repeat-x;
                border-left-color: #ea6161
            }

        .checkmateListBuilder .checkmateListBuilderRow.liveVehiclesPanel-deviceStateActive-false {
            color: #757575
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowName {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            max-width: 100%;
            float: left;
            line-height: 32px;
            font-size: 1.2em
        }

            .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowName.email {
                text-transform: lowercase
            }

            .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowName.checkmateListBuilderRowNameTop {
                line-height: inherit;
                height: 32px
            }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowMainInfo {
            font-size: 1.4em
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails {
            float: right
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRightDetail {
            float: right;
            text-align: right
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderLeftDetail {
            float: left;
            text-align: left
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderSection .checkmateListBuilderRowName {
            float: none;
            margin-top: 0.5em
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment {
            color: #757575;
            clear: left;
            float: left;
            margin-top: 0.2em;
            word-wrap: break-word
        }

        .checkmateListBuilder .checkmateListBuilderRow .primaryData {
            color: #25477B;
            fill: #25477B
        }

        .checkmateListBuilder .checkmateListBuilderRow .usualData {
            color: #222
        }

        .checkmateListBuilder .checkmateListBuilderRow .secondaryData {
            color: #757575
        }

            .checkmateListBuilder .checkmateListBuilderRow .secondaryData a {
                text-decoration: none;
                color: inherit
            }

        .checkmateListBuilder .checkmateListBuilderRow .errorData {
            color: #751111
        }

            .checkmateListBuilder .checkmateListBuilderRow .errorData svg {
                fill: #751111
            }

        .checkmateListBuilder .checkmateListBuilderRow .successData {
            color: #286000
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderLink {
            color: inherit;
            fill: inherit;
            text-decoration: none
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment > .blockDetails, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails > .blockDetails {
            display: inline-block;
            vertical-align: middle;
            padding-right: 0.8em;
            margin-bottom: -0.7em
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment.completedRows > .blockDetails, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails.completedRows > .blockDetails {
            display: block;
            margin-bottom: 0;
            vertical-align: middle
        }

            .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment.completedRows > .blockDetails > .dataItem, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails.completedRows > .blockDetails > .dataItem {
                display: inline-block
            }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment:not(.completedRows) > span.dataItem, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails:not(.completedRows) > span.dataItem, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment a.dataItem, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails a.dataItem, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment:not(.completedRows) > .blockDetails, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails:not(.completedRows) > .blockDetails {
            line-height: 32px
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment .dataItem, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails .dataItem {
            padding-right: 0.5em;
            vertical-align: middle;
            white-space: nowrap;
            position: relative
        }

            .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment .dataItem > .svgIcon, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails .dataItem > .svgIcon {
                padding-right: 4px
            }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment .multiLineData, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails .multiLineData {
            white-space: normal
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment a.dataItem, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails a.dataItem {
            text-decoration: underline
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment .singleLineData, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails .singleLineData {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            max-width: 98%
        }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment.horizontalDataSplit > .dataItem, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails.horizontalDataSplit > .dataItem {
            padding-right: 15px
        }

        .checkmateListBuilder .checkmateListBuilderRow .horizontalDataSplit > .dataItem {
            padding-right: 15px
        }

        .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowActive {
            border-bottom: 1px #ddd solid;
            border-left: 5px #5293c6 solid
        }

        .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowInactive {
            color: #757575;
            border-color: #ddd
        }

            .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowInactive .primaryData {
                color: #757575
            }

        .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowDisabled {
            background: #fefefe;
            border-bottom: 1px #ddd solid;
            border-left: 5px #ddd solid;
            cursor: default
        }

            .checkmateListBuilder .checkmateListBuilderRow.checkmateListBuilderRowDisabled .checkmateListBuilderRowName {
                color: #757575
            }

    .checkmateListBuilder .checkmateListBuilderRowIcons {
        float: right
    }

        .checkmateListBuilder .checkmateListBuilderRowIcons + .checkmateListBuilderRowIcons {
            margin-right: 5px
        }

    .checkmateListBuilder .checkmateListBuilderRowIcon {
        margin-right: 3px;
        float: right
    }

    .checkmateListBuilder .checkmateListBuilderRowLeftIcons {
        float: left;
        margin-right: 5px
    }

    .checkmateListBuilder .periodNumber {
        border-radius: 5px;
        background: rgba(0,0,0,0.7);
        color: #ffffff;
        font-weight: bold;
        line-height: 1.7em;
        font-size: 1.3em;
        margin-left: -5px;
        padding: 2px 5px
    }

    .checkmateListBuilder .iconSquare {
        width: 20px;
        height: 20px;
        margin-top: 3px;
        border: 1px #ddd solid;
        display: inline-block;
        vertical-align: text-bottom
    }

.checkmateField > .checkmateListBuilder {
    border: 1px solid #C5DBEC;
    border-bottom: none;
    border-radius: 5px
}

.checkmateListAnnotationContainer {
    margin: 0;
    padding: 10px 0 0 0;
    overflow: hidden;
    width: 100%
}

.checkmateListAnnotation {
    width: 100%;
    line-height: 2em;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 1px #ddd solid;
    color: #222;
    word-wrap: normal;
    box-shadow: inset 0 -33px 20px -30px rgba(0,0,0,0.05);
    border-radius: 3px
}

    .checkmateListAnnotation .checkmateListAnnotationIcon {
        color: #5293c6;
        fill: #5293c6;
        margin: 0 5px;
        padding-right: 4px;
        display: inline-block;
        border-right: 1px #ddd solid
    }

        .checkmateListAnnotation .checkmateListAnnotationIcon .geotabButtonIcons {
            top: 2px;
            position: relative
        }

    .checkmateListAnnotation .checkmateListAnnotationRow {
        list-style-type: none;
        border-bottom: 1px #ddd solid;
        padding-left: 10px
    }

        .checkmateListAnnotation .checkmateListAnnotationRow.inactiveColor {
            border-color: #ddd;
            color: #757575
        }

        .checkmateListAnnotation .checkmateListAnnotationRow.warningColor {
            background-color: #FFF2D2;
            border-color: #FFF2D2;
            color: #784600
        }

        .checkmateListAnnotation .checkmateListAnnotationRow:last-child {
            border: none
        }

    .checkmateListAnnotation.alertAnnotation {
        background-color: #FDE5E5;
        border-color: #FDE5E5;
        color: #751111
    }

        .checkmateListAnnotation.alertAnnotation .checkmateListAnnotationRow {
            border-color: #FDE5E5
        }

        .checkmateListAnnotation.alertAnnotation .checkmateListAnnotationIcon {
            fill: #751111;
            border: none;
            margin: 0 10px 0 0;
            padding: 0
        }

            .checkmateListAnnotation.alertAnnotation .checkmateListAnnotationIcon svg {
                width: 16px;
                height: 16px
            }

.checkmateListBuilderSubTitle .alertAnnotation {
    font-weight: normal;
    font-size: 0.9em
}

@media (max-width:768px) {
    .checkmateListBuilder .checkmateListBuilderRow {
        padding: 3px 8px 5px 5px
    }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails {
            padding-left: 5px;
            float: left
        }

            .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails > .dataItem, .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails.completedRows > .blockDetails {
                display: inline-block
            }

        .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowComment {
            padding-left: 5px
        }

    .checkmateListBuilder .checkmateListBuilderHeading .checkmateListTitle, .checkmateListBuilder .checkmateListBuilderSubTitle .checkmateListTitle {
        padding-top: 0
    }
}

.checkmateListBuilderRowListLimited {
    position: relative
}

    .checkmateListBuilderRowListLimited .geotabButtonIcons {
        fill: #25477B;
        color: #25477B;
        top: 0.2em
    }

    .checkmateListBuilderRowListLimited .listFooter {
        padding-left: 20px;
        color: #757575
    }

.checkmateListSequenceNumber {
    border-radius: 3px;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.7em;
    margin: 0 7px 0 0;
    padding: 0 0.34em;
    font-size: 1.5em;
    float: left;
    text-align: center;
    background-color: rgba(0,0,0,0.7)
}

.g-row.g-row-col {
    flex-direction: column
}

.checkmateListBuilder .g-row {
    display: flex;
    width: 100%;
    padding: 3px 6px
}

    .checkmateListBuilder .g-row.g-row_inactive {
        color: #757575;
        border-color: #ddd
    }

        .checkmateListBuilder .g-row.g-row_inactive:hover {
            color: #757575;
            border-color: #ddd
        }

        .checkmateListBuilder .g-row.g-row_inactive .primaryData {
            color: #757575
        }

        .checkmateListBuilder .g-row.g-row_inactive .g-name {
            color: #757575;
            fill: #757575
        }

    .checkmateListBuilder .g-row .g-comment {
        padding: 0 0 5px 5px
    }

    .checkmateListBuilder .g-row .g-number {
        border-radius: 5px;
        background: rgba(0,0,0,0.7);
        color: #fff;
        margin: 0 7px 0 0;
        font-size: 0.9em;
        font-weight: bold;
        line-height: 1.7em;
        padding: 2px 5px
    }

    .checkmateListBuilder .g-row .g-item {
        white-space: nowrap;
        padding-right: 3px
    }

    .checkmateListBuilder .g-row .g-main-row {
        display: flex;
        flex: 1 1 auto;
        max-width: 100%
    }

    .checkmateListBuilder .g-row .g-main-col {
        display: flex;
        flex-direction: column
    }

    .checkmateListBuilder .g-row .g-name {
        display: flex;
        width: 30%;
        overflow: hidden;
        max-width: 100%;
        font-size: 1.2em;
        align-items: center;
        color: #25477B;
        fill: #25477B
    }

    .checkmateListBuilder .g-row .g-name-icon {
        flex: 0 0 auto;
        margin-right: 7px
    }

    .checkmateListBuilder .g-row .g-item-icon {
        margin: 1px 7px 0 7px;
        top: 1px;
        position: relative
    }

    .checkmateListBuilder .g-row .g-main {
        display: flex;
        flex: 1 1 auto;
        max-width: 100%;
        justify-content: space-between;
        overflow: hidden;
        text-decoration: none;
        padding: 7px 4px;
        border: none;
        background: none
    }

        .checkmateListBuilder .g-row .g-main.g-main_wider {
            padding: 10px 4px
        }

        .checkmateListBuilder .g-row .g-main .g-comment {
            padding: 5px 0 0 0
        }

        .checkmateListBuilder .g-row .g-main .g-group {
            justify-content: space-between;
            display: flex;
            flex: 1 1 auto
        }

        .checkmateListBuilder .g-row .g-main .g-sub-main {
            flex: 1 1 auto;
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

        .checkmateListBuilder .g-row .g-main .g-sub-main_end {
            justify-content: flex-end
        }

        .checkmateListBuilder .g-row .g-main .g-sub-main_between {
            justify-content: space-between
        }

        .checkmateListBuilder .g-row .g-main .g-narrow {
            display: flex;
            flex: 0 1 auto
        }

    .checkmateListBuilder .g-row .g-ctrl {
        display: flex;
        flex: 0 0 auto;
        justify-content: flex-end;
        align-items: center
    }

        .checkmateListBuilder .g-row .g-ctrl > .geo-button, .checkmateListBuilder .g-row .g-ctrl__item {
            margin-right: 3px;
            float: right
        }

    .checkmateListBuilder .g-row .g-wrapped {
        display: flex;
        flex-wrap: wrap
    }

    .checkmateListBuilder .g-row .g-row_warning {
        color: red;
        fill: red
    }

    .checkmateListBuilder .g-row .g-tab-button, .checkmateListBuilder .checkmateListBuilderRow .g-tab-button {
        background-color: transparent;
        border: none;
        text-decoration: underline;
        cursor: pointer;
        color: inherit;
        margin-right: 20px;
        width: 0;
        height: 0;
        text-overflow: clip;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
        margin-left: 6px
    }

        .checkmateListBuilder .g-row .g-tab-button:focus, .checkmateListBuilder .checkmateListBuilderRow .g-tab-button:focus {
            width: auto;
            height: auto;
            padding-left: 6px;
            padding-right: 6px
        }

@media (max-width:480px) {
    .checkmateListBuilder .g-row .g-main {
        padding: 0
    }
}

.g-row .g-main.g-main__zone-row-height {
    padding: 0 4px
}

.g-row .g-sub-main__zone-data {
    flex-direction: column;
    align-items: start;
    flex: 1 1 auto;
    display: flex;
    width: 50%
}

.g-row .g-name.g-name__zone-name {
    width: 50%;
    padding-right: 10px
}

.g-row .g-item__zone-type, .g-row .g-item__zone-group {
    width: 100%
}

@media (max-width:768px) {
    .g-row .g-sub-main__zone-data {
        flex-direction: row
    }

    .g-row .g-item__zone-type {
        padding-right: 8px
    }

    .g-row .g-sub-main__zone-data, .g-row .g-name.g-name__zone-name {
        width: 100%
    }
}

.g-row .g-item.g-item__users_first_item, .g-row .g-item.g-item__users_item {
    max-width: 400px;
    padding: 0 6px
}

.g-row .g-item.g-item__users_security_group {
    max-width: 200px;
    width: 100%;
    text-align: right
}

@media (max-width:768px) {
    .g-row .g-item.g-item__users_first_item, .g-row .g-item.g-item__users_item {
        width: 100%
    }

    .g-row .g-main__users-name, .g-row .g-main__users-name .g-sub-main {
        flex-direction: column
    }

        .g-row .g-main__users-name .g-sub-main .g-item {
            padding: 5px 0 0 0;
            max-width: none !important
        }

    .g-row .g-item__users_security_group {
        text-align: left !important
    }

    .checkmateListBuilder .g-row .g-name {
        width: 100%
    }
}

.g-row .g-item.g-item__ticket_user, .g-row .g-item.g-item__ticket_date {
    padding-right: 10px;
    max-width: 400px;
    width: 100%
}

.g-row .g-item.g-item__ticket_status {
    max-width: 50px;
    width: 100%;
    text-align: right
}

.g-listBuilder-tickets {
    padding-bottom: 50px
}

.g-row .g-sub-main__ticket_comments > .g-item {
    padding-right: 10px
}

@media (max-width:768px) {
    .g-row .g-main-row__ticket_data {
        flex-direction: column
    }
}

@media (max-width:768px) {
    .g-row .g-sub-main__ticket_comments {
        justify-content: space-between !important
    }
}

#creditsId .g-item__credits {
    width: 50%
}

#creditsId .license-container pre {
    white-space: pre-wrap
}

#creditsId .creditsInfo {
    max-width: 550px
}

#creditsId .creditsSubInfo {
    max-width: 60%;
    min-width: 60%
}

@media (max-width:480px) {
    #creditsId .creditsSubInfo {
        max-width: 100%;
        line-height: normal
    }

        #creditsId .creditsSubInfo .creditsInfo {
            padding: 0
        }
}

.checkmateField > .checkmateListBuilder {
    border: none
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderHeading, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderHeading, .geo-list-table .checkmateListTable .checkmateListBuilderHeading, .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderSubTitle, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderSubTitle, .geo-list-table .checkmateListTable .checkmateListBuilderSubTitle {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 8px 16px;
    font-weight: bold;
    border: none;
    border-radius: 0;
    background-color: #3C5063;
    color: #FFF;
    fill: #FFF;
    line-height: 32px;
    letter-spacing: 0.4px;
    font-size: 12px;
    cursor: default;
    margin-top: 0
}

    .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderHeading .groupValue, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderHeading .groupValue, .geo-list-table .checkmateListTable .checkmateListBuilderHeading .groupValue, .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderSubTitle .groupValue, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderSubTitle .groupValue, .geo-list-table .checkmateListTable .checkmateListBuilderSubTitle .groupValue {
        background-color: #EFF2F7;
        display: inline-block;
        margin: 3px 10px;
        color: #202328;
        padding: 1px 5px;
        font-weight: normal;
        font-size: 12px;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 3px;
        line-height: 24px
    }

    .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderHeading .infoBarLabel, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderHeading .infoBarLabel, .geo-list-table .checkmateListTable .checkmateListBuilderHeading .infoBarLabel, .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderSubTitle .infoBarLabel, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderSubTitle .infoBarLabel, .geo-list-table .checkmateListTable .checkmateListBuilderSubTitle .infoBarLabel {
        color: #FFF;
        line-height: normal
    }

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow, .geo-list-table .checkmateListTable .checkmateListBuilderRow {
    color: #0062A9;
    fill: #0062A9;
    padding: 8px;
    margin: 0;
    border: none
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow--clickable, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow--clickable, .geo-list-table .checkmateListTable .checkmateListBuilderRow--clickable {
    cursor: pointer
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow.ref, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow.ref, .geo-list-table .checkmateListTable .checkmateListBuilderRow.ref, .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow .ref, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow .ref, .geo-list-table .checkmateListTable .checkmateListBuilderRow .ref {
    text-decoration: none;
    color: #0062A9;
    cursor: pointer
}

    .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow.ref:focus, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow.ref:focus, .geo-list-table .checkmateListTable .checkmateListBuilderRow.ref:focus, .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow .ref:focus, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow .ref:focus, .geo-list-table .checkmateListTable .checkmateListBuilderRow .ref:focus {
        outline: auto
    }

    .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow.ref:hover, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow.ref:hover, .geo-list-table .checkmateListTable .checkmateListBuilderRow.ref:hover, .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow .ref:hover, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow .ref:hover, .geo-list-table .checkmateListTable .checkmateListBuilderRow .ref:hover {
        text-decoration: none;
        background-color: #EFF2F7
    }

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow .primaryData, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow .primaryData, .geo-list-table .checkmateListTable .checkmateListBuilderRow .primaryData {
    color: #202328;
    fill: #202328
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow:hover, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow:hover, .geo-list-table .checkmateListTable .checkmateListBuilderRow:hover, .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow:focus, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow:focus, .geo-list-table .checkmateListTable .checkmateListBuilderRow:focus {
    background: #EFF2F7
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow .g-main, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow .g-main, .geo-list-table .checkmateListTable .checkmateListBuilderRow .g-main {
    padding: 8px;
    overflow: initial;
    min-width: 1px
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow .g-name, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow .g-name, .geo-list-table .checkmateListTable .checkmateListBuilderRow .g-name {
    text-decoration: none;
    color: #0062A9;
    fill: #0062A9;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    overflow: initial;
    flex: 1 1 auto
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow .g-narrow, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow .g-narrow, .geo-list-table .checkmateListTable .checkmateListBuilderRow .g-narrow {
    color: #575757;
    fill: #575757;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.4px
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow .g-ctrl .geo-checkbox, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow .g-ctrl .geo-checkbox, .geo-list-table .checkmateListTable .checkmateListBuilderRow .g-ctrl .geo-checkbox {
    padding: 8px 0 8px 8px
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRow .noResults, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRow .noResults, .geo-list-table .checkmateListTable .checkmateListBuilderRow .noResults {
    color: #202328;
    font-size: 14px;
    font-weight: 400
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRowInactive, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRowInactive, .geo-list-table .checkmateListTable .checkmateListBuilderRowInactive {
    border-left: none
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRowInactive--clickable, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRowInactive--clickable, .geo-list-table .checkmateListTable .checkmateListBuilderRowInactive--clickable {
    cursor: pointer
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRowInactive:focus, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRowInactive:focus, .geo-list-table .checkmateListTable .checkmateListBuilderRowInactive:focus, .geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRowInactive:hover, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRowInactive:hover, .geo-list-table .checkmateListTable .checkmateListBuilderRowInactive:hover {
    border-left: none
}

.geotab-page.geotab-page .checkmateListTable .checkmateListBuilderRowInactive .g-name, .geotab-page.geotab-page .list-builder__list .checkmateListBuilderRowInactive .g-name, .geo-list-table .checkmateListTable .checkmateListBuilderRowInactive .g-name {
    color: #757575
}

@media (max-width:768px) {
    .geotab-page .checkmateListTable .checkmateListBuilderRow .g-ctrl .geo-checkbox {
        padding: 8px 8px 8px 0px
    }

    .geotab-page .checkmateListTable .checkmateListBuilderRow .g-main {
        padding: 8px 0
    }

    .geotab-page .checkmateListTable .checkmateListBuilderRowDetails {
        padding: 0
    }
}

.list-builder {
    overscroll-behavior: contain;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.list-builder__record {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 16px;
    border: none;
    cursor: default;
    display: block;
    background-color: #FFF
}

    .list-builder__record:hover, .list-builder__record:focus {
        background: #EFF2F7
    }

.list-builder__record--referal {
    text-decoration: none;
    cursor: pointer
}

    .list-builder__record--referal:focus {
        text-decoration: none;
        outline: auto
    }

    .list-builder__record--referal:hover {
        text-decoration: none;
        outline: inherit
    }

.list-builder__record--clickable {
    cursor: pointer
}

.list-builder__record--disabled {
    background-color: #E9E9E9
}

    .list-builder__record--disabled:hover, .list-builder__record--disabled:focus {
        background-color: #E9E9E9
    }

    .list-builder__record--disabled .list-builder__record-name {
        color: #575757
    }

    .list-builder__record--disabled .list-builder__record-details {
        color: #575757
    }

.list-builder__record--flexible {
    display: flex
}

.list-builder__record-name {
    color: #0062A9;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 0.4px
}

.list-builder__record-details {
    color: #575757;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.4px
}

.list-builder__no-data {
    color: #202328;
    font-size: 14px;
    font-weight: 400
}

.list-builder__row {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    text-decoration: none
}

    .list-builder__row:hover {
        text-decoration: none;
        background-color: transparent
    }

.list-builder__row--stretched {
    justify-content: space-between
}

.list-builder__main-data {
    overflow: hidden;
    width: 100%
}

.list-builder__row-content-item {
    margin-right: 5px
}

    .list-builder__row-content-item:last-child {
        margin-right: 0
    }

.list-builder__other-data {
    padding-top: 6px
}

.list-builder__other-data-item {
    padding: 0 10px;
    color: #575757
}

.list-builder__controls {
    padding: 0;
    flex: 0 0 auto
}

.list-builder__control {
    padding-right: 10px
}

.list-builder__tab-button {
    background-color: transparent;
    border: none;
    text-decoration: underline;
    cursor: pointer;
    color: #202328;
    margin-right: 20px;
    width: 0;
    height: 0;
    text-overflow: clip;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    margin-left: 6px
}

    .list-builder__tab-button:focus {
        width: auto;
        height: auto;
        padding-left: 6px;
        padding-right: 6px
    }

.list-builder__grouped-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 15px;
    margin-bottom: 1px
}

    .list-builder__grouped-list:last-child {
        border-bottom: none
    }

    .list-builder__grouped-list:nth-child(odd) {
        background: #F4F6F8
    }

.list-builder__main-text {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #0062A9;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px
}

    .list-builder__main-text:hover {
        background-color: transparent
    }

.list-builder__sub-container {
    display: flex;
    margin-top: 4px
}

.list-builder__link-text {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    color: #0062A9;
    text-decoration: none;
    margin-right: 24px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    background: none
}

    .list-builder__link-text:hover {
        background-color: transparent
    }

.list-builder__sub-text {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px
}

.list-builder__description {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    padding-right: 8px;
    color: #575757
}

.list-builder__block {
    border-radius: 4px;
    margin-bottom: 16px
}

.list-builder__row-item {
    list-style-type: none
}

.list-builder__grouped-header {
    display: flex;
    align-items: center;
    padding: 15px 8px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding-left: 8px;
    background: #3C5063;
    color: #FFF
}

.list-builder__header {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    font-weight: bold;
    border: none;
    border-radius: 0;
    background-color: #3C5063;
    color: #FFF;
    fill: #FFF;
    letter-spacing: 0.4px;
    font-size: 12px;
    cursor: default
}

.list-builder__header--clickable {
    cursor: pointer
}

.list-builder__header-tag {
    background-color: #EFF2F7;
    display: inline-block;
    margin: 0 10px;
    color: #202328;
    padding: 1px 5px;
    font-weight: normal;
    font-size: 12px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 3px;
    line-height: 22px
}

.list-builder__list {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.list-builder__footer {
    color: #575757;
    display: flex;
    align-items: center
}

.list-builder__footer-icon {
    color: #202328;
    fill: #202328;
    margin-left: 12px
}

.list-builder__footer-text {
    margin-left: 30px
}

@media (max-width:768px) {
    .list-builder__record {
        padding: 8px
    }
}

@media (max-width:550px) {
    .list-builder__grouped-list {
        flex-direction: column;
        align-items: flex-start
    }
}

.liveVehiclesPanel-item {
    position: relative;
    padding: 0.5em 0.5em 0.2em 1em;
    cursor: pointer
}

.liveVehiclesPanel-dispatch {
    cursor: pointer;
    border: none;
    background-color: transparent;
    right: 0.5em;
    top: 1em;
    position: absolute;
    padding: 0.5em
}

.liveVehiclesPanel-devices .liveVehiclesPanel-item {
    float: none
}

.liveVehiclesPanel-deviceName {
    width: 100%;
    padding-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0.5em;
    display: flex;
    flex-direction: row;
    align-items: center
}

    .liveVehiclesPanel-deviceName .deviceName {
        flex: 1 1 auto
    }

    .liveVehiclesPanel-deviceName .chargeState {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 0 0 auto;
        font-size: 0.79em
    }

        .liveVehiclesPanel-deviceName .chargeState .chargeIcon {
            display: flex;
            font-size: 0.79em;
            align-items: center
        }

    .liveVehiclesPanel-deviceName .chargeStateIcon {
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        margin-right: 2px;
        width: 10px;
        height: 13px
    }

        .liveVehiclesPanel-deviceName .chargeStateIcon .batteryState_25 {
            fill: #e31e42
        }

        .liveVehiclesPanel-deviceName .chargeStateIcon .batteryState_50 {
            fill: #ffb534
        }

        .liveVehiclesPanel-deviceName .chargeStateIcon .batteryState_75 {
            fill: #9ad526
        }

        .liveVehiclesPanel-deviceName .chargeStateIcon .batteryState_90 {
            fill: #1bc93b
        }

        .liveVehiclesPanel-deviceName .chargeStateIcon .batteryState_101 {
            fill: #08c93e
        }

    .liveVehiclesPanel-deviceName .historicLastDriverName {
        color: #757575
    }

.liveVehiclesPanel-statusBlock {
    padding: 0.2em 0;
    position: relative
}

    .liveVehiclesPanel-statusBlock .liveVehiclesPanel-statusLine {
        display: flex;
        flex: 1 1 auto;
        flex-direction: row;
        align-items: baseline
    }

        .liveVehiclesPanel-statusBlock .liveVehiclesPanel-statusLine .liveVehiclesPanel-addressPreposition, .liveVehiclesPanel-statusBlock .liveVehiclesPanel-statusLine .liveVehiclesPanel-state {
            flex: 0 0 auto
        }

        .liveVehiclesPanel-statusBlock .liveVehiclesPanel-statusLine .liveVehiclesPanel-address {
            flex: 0 1 auto;
            overflow: hidden;
            text-overflow: ellipsis
        }

            .liveVehiclesPanel-statusBlock .liveVehiclesPanel-statusLine .liveVehiclesPanel-address .zoneStop {
                display: flex;
                border-bottom: 2px solid #FFF
            }

        .liveVehiclesPanel-statusBlock .liveVehiclesPanel-statusLine .liveVehiclesPanel-stateDuration {
            flex: 1 0 auto;
            align-items: right
        }

        .liveVehiclesPanel-statusBlock .liveVehiclesPanel-statusLine:nth-child(4) {
            display: flex;
            justify-content: space-between
        }

            .liveVehiclesPanel-statusBlock .liveVehiclesPanel-statusLine:nth-child(4) .liveVehiclesPanel-ageAndDistanceBlock {
                order: 1;
                flex: 0 0 auto;
                display: block
            }

            .liveVehiclesPanel-statusBlock .liveVehiclesPanel-statusLine:nth-child(4) .liveVehiclesPanel-address {
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
                padding-bottom: 2px
            }

.liveVehiclesPanel-state {
    color: #222
}

.liveVehiclesPanel-stateDuration, .liveVehiclesPanel-logAge, .liveVehiclesPanel-addressPreposition {
    color: #757575;
    font-weight: 200;
    font-size: smaller
}

.liveVehiclesPanel-address {
    color: #222
}

.liveVehiclesPanel-statusLine {
    padding-bottom: 2px
}

    .liveVehiclesPanel-statusLine span {
        margin-right: 4px
    }

.liveVehiclesPanel-ageAndDistanceBlock {
    float: right;
    padding-left: 0.5em;
    text-align: right
}

.liveVehiclesPanel-distanceToPOI, .liveVehiclesPanel-etaToPOI {
    color: #222;
    vertical-align: top
}

.liveVehiclesPanel-groupsLabel {
    color: #757575
}

.liveVehiclesPanel-trigger {
    width: 1px;
    height: 1px;
    position: absolute
}

.liveVehiclesPanel-devices {
    padding-left: 0;
    margin: 0
}

.liveVehiclesPanel-exceptions {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: transparent;
    border: none
}

.nearest-vehicle-header {
    font-weight: 300;
    min-height: 56px;
    font-size: 28px;
    color: #202328;
    letter-spacing: 1px;
    padding: 10px 10px;
    display: none
}

.nearest-vehicle-header--shown {
    display: block
}

.networkStateMonitor {
    height: 24px;
    z-index: 10010;
    opacity: 1;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: none
}

.networkStateMonitor-message {
    padding: 0 2px;
    border-width: 0;
    box-shadow: 0px 2px 10px #333
}

    .networkStateMonitor-message.state-warning {
        border: 1px solid #FFF2D2;
        background-color: #FFFCDD;
        color: #784600
    }

    .networkStateMonitor-message.state-error {
        border: 1px solid #FDE5E5;
        background-color: #FDE5E5;
        color: #751111
    }

    .networkStateMonitor-message.state-success {
        border: 1px solid #E5FDE9;
        background-color: #E5FDE9;
        color: #286000
    }

.shortOptionsMenu > .geotabOptionsMenu {
    min-width: 0
}

.geotabOptionsMenu {
    position: relative;
    overflow: hidden;
    min-width: 628px;
    padding: 0 0 0 0;
    background: #fefefe;
    list-style-type: none;
    height: auto
}

    .geotabOptionsMenu .timePeriodsList .centeredLabelText {
        padding-left: 3px;
        padding-right: 0
    }

    .geotabOptionsMenu .periodPicker_period, .geotabOptionsMenu .geotabOptionsMenuFieldset {
        margin: 10px 0 0 0;
        border: none;
        border-top: 1px solid #C5DBEC
    }

    .geotabOptionsMenu .periodPicker_period--no-border, .geotabOptionsMenu .geotabOptionsMenuFieldset--no-border {
        border-top: none
    }

    .geotabOptionsMenu .periodPicker_period > .rightOptionsMenuLabel, .geotabOptionsMenu .geotabOptionsMenuFieldset > .rightOptionsMenuLabel, .geotabOptionsMenu .periodPicker_period > .periodPicker_periodLegend, .geotabOptionsMenu .geotabOptionsMenuFieldset > .periodPicker_periodLegend {
        font-size: 0.9em;
        color: #25477B;
        text-transform: uppercase
    }

    .geotabOptionsMenu .leftOptionsMenuSection {
        float: left;
        line-height: 1.3em
    }

    .geotabOptionsMenu .rightOptionsMenuSection {
        width: 430px;
        max-width: 100%
    }

    .geotabOptionsMenu .geotabOptionsMenuElements {
        padding: 10px 0;
        margin: 0
    }

        .geotabOptionsMenu .geotabOptionsMenuElements .geotabOptionsMenuElementLabel {
            padding: 7px 0 3px
        }

        .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement {
            margin-bottom: 10px
        }

            .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement .geotabOptionsMenuElementValue .checkmateFormEditField {
                width: 100%
            }

            .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement .geotabOptionsMenuElementValue .horizontalButtonSet {
                overflow: visible
            }

            .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement .geotabOptionsMenuElementValue textarea.checkmateFormEditField {
                padding: 0;
                resize: none
            }

            .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement .geotabOptionsMenuElementValue .numeric {
                width: 55px;
                margin-right: 5px
            }

            .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement .geotabOptionsMenuElementValue.wideOptionsTextField {
                width: 100%
            }

            .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement .geotabOptionsMenuElementValue .optionsMenu_AutocompleteButton {
                float: right;
                clear: right;
                margin-top: 0.5em;
                margin-left: 5px
            }

            .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement .filterSelectionInformation {
                float: left;
                font-weight: bold;
                min-height: 1.1rem;
                max-height: 80px;
                overflow-y: auto;
                clear: right;
                max-width: 430px
            }

                .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement .filterSelectionInformation .optionsMenu_filterSelectedItems {
                    font-weight: normal
                }

            .geotabOptionsMenu .geotabOptionsMenuElements > .geotabOptionsMenuElement .filterSelectionInformation--with-selection {
                display: flex;
                width: 100%;
                max-height: 120px;
                margin-bottom: 0px
            }

    .geotabOptionsMenu > .geotabOptionsMenuButtonSeperator {
        clear: both;
        border-color: #C5DBEC;
        border-style: solid none none none
    }

    .geotabOptionsMenu .optionsMenuApplyButton {
        margin-right: 15px;
        margin-top: 5px;
        float: right;
        min-width: 100px
    }

        .geotabOptionsMenu .optionsMenuApplyButton:last-of-type {
            margin-right: 0
        }

.optionsMenu_AutocompleteButton + .optionsMenu_AutocompleteButton {
    clear: none;
    margin-right: 0
}

@media (min-width:768px) {
    .geotabOptionsMenu.geotabAnimationAccordion > .vanillaAccordionSubMenu {
        max-height: none !important;
        display: block !important
    }

    .geotabOptionsMenu .vanillaAccordionHeader {
        display: none !important
    }

    .geotabOptionsMenu .vanillaAccordionSubMenu {
        border-width: 0 !important
    }
}

@media (max-width:767px) {
    .geotabOptionsMenu {
        width: 230px;
        min-width: 0
    }

        .geotabOptionsMenu .geotabOptionsMenuElement > .geotabOptionsMenuElementLabel {
            padding-top: 3px;
            margin-top: 0
        }

        .geotabOptionsMenu .timePeriodsList {
            width: 100%
        }

        .geotabOptionsMenu .periodPicker_period, .geotabOptionsMenu .geotabOptionsMenuFieldset {
            border: none;
            margin: 0
        }

            .geotabOptionsMenu .periodPicker_period .rightOptionsMenuLabel, .geotabOptionsMenu .geotabOptionsMenuFieldset .rightOptionsMenuLabel, .geotabOptionsMenu .periodPicker_period .periodPicker_periodLegend, .geotabOptionsMenu .geotabOptionsMenuFieldset .periodPicker_periodLegend {
                display: none
            }

        .geotabOptionsMenu .leftOptionsMenuSection {
            float: none !important;
            overflow-x: visible !important
        }

        .geotabOptionsMenu .vanillaAccordionSubMenu {
            width: auto !important;
            padding: 0 0.5em !important
        }

            .geotabOptionsMenu .vanillaAccordionSubMenu .timePeriodsList {
                width: 100%
            }

        .geotabOptionsMenu .optionsMenuApplyButton {
            margin: 0;
            width: 100%
        }

    .geotabOptionsMenuWithoutDatePicker .vanillaAccordionHeader {
        display: none !important
    }

    .geotabOptionsMenuWithoutDatePicker .vanillaAccordionSubMenu {
        border-width: 0 !important
    }

    .filterSelectionInformation--with-selection {
        flex-direction: column
    }
}

.pdfCanvasContainer {
    overflow: auto;
    padding: 3px;
    position: relative;
    min-height: 100px
}

    .pdfCanvasContainer .horizontalButtonSet {
        display: inline
    }

    .pdfCanvasContainer #realSize {
        margin-left: 3px
    }

.report-buttons-set {
    display: flex
}

.report-buttons-set__button {
    margin-left: 3px
}

.timePeriodsList {
    width: 192px;
    padding: 10px 10px 5px 8px;
    margin: 0;
    float: left
}

    .timePeriodsList .dateRangeInput {
        width: 100%;
        -webkit-appearance: none;
        min-height: 2.1em
    }

    .timePeriodsList .periodPicker_period {
        margin: 0;
        min-inline-size: auto
    }

.custom-date-top-space {
    margin-top: 5px
}

.geo-custom-date-container {
    margin-top: 4px
}

.periodPicker_frequency {
    padding-top: 10px
}

.period-picker__switcher {
    display: flex;
    flex-direction: column
}

.period-picker__controls {
    padding: 0px 4px;
    margin-bottom: 4px
}

.period-picker__header {
    background: #3C5063;
    width: 100%;
    color: #FFF;
    text-transform: unset;
    letter-spacing: 0.32px;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    padding-left: 8px;
    margin-bottom: 4px
}

.pieChart {
    float: right;
    margin: 0.7em 0;
    text-align: right;
    color: #757575
}

    .pieChart svg {
        float: right
    }

        .pieChart svg path:hover {
            animation: chartAnimation 200ms ease-in 0ms 1;
            transform-origin: center;
            animation-fill-mode: forwards
        }

        .pieChart svg text {
            pointer-events: none
        }

@-webkit-keyframes chartAnimation {
    from {
        -webkit-transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.1)
    }
}

@keyframes chartAnimation {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

.pc-chartContainer {
    position: relative;
    padding-top: 55px
}

.pc-timeLineContainer {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px
}

    .pc-timeLineContainer .pc-timeLineHeaderLabel {
        padding: 5px
    }

    .pc-timeLineContainer .pc-timeLineHeaderItems {
        width: 100%;
        height: 20px;
        position: absolute;
        bottom: 2px;
        border-top: 1px solid #000000
    }

        .pc-timeLineContainer .pc-timeLineHeaderItems .pc-timeLineHeaderItem {
            display: inline-block;
            vertical-align: top;
            height: 100%;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

            .pc-timeLineContainer .pc-timeLineHeaderItems .pc-timeLineHeaderItem:not(:last-child) {
                border-right: 1px solid black
            }

.pc-chartLabelsWrapper, .pc-chartItemsWrapper {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 0
}

.pc-chartItemsWrapper {
    margin-left: 15px
}

    .pc-chartItemsWrapper .pc-labelText {
        fill: white
    }

.checkmatePopout, .checkmatePopout .popoutArrow {
    position: absolute;
    z-index: 10002
}

    .checkmatePopout .popoutContent {
        border-radius: 5px;
        position: relative;
        text-align: center;
        font-size: 1.5em;
        width: 300px;
        font-weight: bold;
        padding: 10px 20px 10px 20px;
        border: 1px solid #5293c6;
        background: #FFFCDD 50% 50% repeat-x
    }

        .checkmatePopout .popoutContent > .geotabButtonIcons {
            top: 0;
            right: 0
        }

            .checkmatePopout .popoutContent > .geotabButtonIcons:hover {
                background: #f4f4f4
            }

    .checkmatePopout .arrow-left, .checkmatePopout .arrow-right {
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
        border-left-style: solid;
        border-right-style: solid
    }

    .checkmatePopout .arrow-bottom, .checkmatePopout .arrow-top {
        border-left: 0 solid transparent;
        border-right: 0 solid transparent;
        border-top-style: solid;
        border-bottom-style: solid
    }

    .checkmatePopout .arrow-top {
        border-top-color: #5293c6
    }

    .checkmatePopout .arrow-bottom {
        border-bottom-color: #5293c6
    }

    .checkmatePopout .arrow-left {
        border-left-color: #5293c6
    }

    .checkmatePopout .arrow-right {
        border-right-color: #5293c6
    }

.systemWarningDialogText .systemWarningVersionsDialogText {
    font-weight: bold
}

.geotabButtonIcons.warningIcon {
    top: 0;
    left: 0;
    width: 17px;
    height: 17px
}

.geotabButtonIcons.seconsWarningBackground {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid #fff;
    top: 4px;
    left: 4px
}

.geotabButtonIcons ~ .warningIcon {
    left: 3px;
    top: 2px
}

.dialog_warning.geotabButtonIcons {
    fill: red;
    width: 29px;
    height: 29px
}

.geotabToolbar {
    background: #fefefe;
    padding: 6px 0 8px 0;
    border: none;
    float: left;
    clear: both;
    border-bottom: 1px #ddd solid;
    width: 100%;
    margin: 0
}

    .geotabToolbar .inputBox, .geotabToolbar .checkmateSearchTextbox, .geotabToolbar .geotabFormEditField {
        outline: none;
        border: 1px #ddd solid;
        border-radius: 0.4em;
        padding: 7px 7px 8px 7px;
        margin: 0 3px 0 0;
        font-size: inherit;
        background-color: #fefefe;
        -webkit-appearance: none
    }

        .geotabToolbar .inputBox:focus, .geotabToolbar .checkmateSearchTextbox:focus, .geotabToolbar .geotabFormEditField:focus {
            border: 1px #c4c4c4 solid
        }

    .geotabToolbar .imageContainer {
        margin-top: 9px
    }

    .geotabToolbar > .geo-button, .geotabToolbar > .horizontalButtonSet, .geotabToolbar > .toolbarSeparatedBlock:not(.horizontalButtonSet) > .geo-button {
        margin-right: 3px
    }

    .geotabToolbar .geotabSwitchButtonContainer {
        position: relative
    }

    .geotabToolbar .geo-button:active, .geotabToolbar .geotabSwitchButton:checked + .geo-button {
        background-color: #ededed;
        background-image: linear-gradient(to bottom,#ebebeb,#f0f0f0);
        background-repeat: repeat-x;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3) inset;
        color: #444;
        fill: #444;
        border: 1px #d2d2d2 solid
    }

    .geotabToolbar .geotabSwitchButton:checked:focus + .geo-button {
        background-color: #e0e0e0;
        background-image: linear-gradient(to bottom,#dedede,#e3e3e3);
        background-repeat: repeat-x
    }

    .geotabToolbar .geotabSwitchButton:focus + .geo-button {
        background-color: #e7e7e7;
        background-image: linear-gradient(to bottom,#f0f0f0,#d9d9d9);
        background-repeat: repeat-x;
        color: #444;
        fill: #444;
        border-color: #c4c4c4
    }

    .geotabToolbar > .checkmateSearchTextbox, .geotabToolbar > .geotabFormEditField, .geotabToolbar > .geo-button:not(.customButton), .geotabToolbar > .toolbarSeparatedBlock, .geotabToolbar > .horizontalButtonSet {
        float: left
    }

    .geotabToolbar .toolbarSeparatedBlock {
        overflow: hidden
    }

button.toolbarCell {
    background-color: transparent;
    border: none
}

.toolbarCell {
    padding: 0 6px;
    margin: 0;
    float: left;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    font-size: 1em
}

    .toolbarCell.toolbarMain {
        font-weight: bold
    }

    .toolbarCell.active {
        transition: background 250ms;
        text-decoration: none;
        cursor: pointer;
        display: block
    }

        .toolbarCell.active:hover, .toolbarCell.active:focus {
            outline: none;
            background-color: rgba(255,255,255,0.2)
        }

    .toolbarCell .toolbarIcon {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 100%;
        width: 25px;
        height: 40px;
        display: block;
        float: left
    }

    .toolbarCell .toolbarTextIcon {
        position: relative;
        width: 25px;
        height: 40px;
        float: left
    }

    .toolbarCell .toolbarCellText {
        max-width: 210px;
        float: left;
        margin-left: 5px
    }

#loggedInState_support > .toolbarCellText {
    margin-left: 0
}

.reportsListPopup .reportPopupLegend {
    padding-top: 4px !important
}

    .reportsListPopup .reportPopupLegend legend {
        padding: 3px 0;
        color: #25477B;
        font-size: 0.8em;
        position: absolute
    }

        .reportsListPopup .reportPopupLegend legend:last-child {
            right: 10px
        }

.reportsListPopup .webReportSeparator {
    margin: 14px 0 0 0;
    border-width: 0;
    border-bottom: 1px solid #ddd;
    height: 0
}

.reportsListPopup .verticalButtonSet .horizontalButtonSet {
    padding-right: 27px
}

    .reportsListPopup .verticalButtonSet .horizontalButtonSet .reportOptionsButton {
        position: absolute;
        right: 0
    }

        .reportsListPopup .verticalButtonSet .horizontalButtonSet .reportOptionsButton .svgIcon {
            pointer-events: none
        }

    .reportsListPopup .verticalButtonSet .horizontalButtonSet :first-child {
        white-space: nowrap
    }

        .reportsListPopup .verticalButtonSet .horizontalButtonSet :first-child span.icon {
            pointer-events: none
        }

    .reportsListPopup .verticalButtonSet .horizontalButtonSet .geo-button:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .reportsListPopup .verticalButtonSet .horizontalButtonSet .geo-button:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

.reportsListPopup .reportAdditionalOptionsButton .icon {
    pointer-events: none
}

.toolbar-popup {
    max-width: 260px;
    min-width: 0;
    right: 4px;
    top: 48px
}

    .toolbar-popup .toolbar-popup__item {
        width: 100%;
        text-align: left;
        margin-right: 0
    }

        .toolbar-popup .toolbar-popup__item:not(:last-child) {
            margin-bottom: 8px
        }

.toolbar-popup__full-width-item {
    width: calc(100% - 32px)
}

.toolbar-popup__full-width-item--single {
    width: 100%
}

.checkmateTooltip {
    position: absolute;
    z-index: 9100;
    background-color: #fefefe;
    border: 1px solid #ddd;
    padding: 5px;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.3);
    max-width: 900px
}

    .checkmateTooltip .tooltipRow {
        display: flex;
        padding: 0.2em 0;
        overflow: hidden
    }

    .checkmateTooltip .map-tooltip-icon {
        height: 32px;
        position: relative;
        float: left;
        margin: 0;
        display: block;
        width: 28px;
        fill: #66788C;
        background-repeat: no-repeat;
        background-size: 100% auto
    }

    .checkmateTooltip .map-tooltip-icon--warning {
        color: #751111;
        fill: #751111
    }

    .checkmateTooltip .map-tooltip-icon--small {
        width: 20px;
        height: 20px;
        margin-top: 2px;
        margin-right: 5px
    }

    .checkmateTooltip .tooltipFullImageRow {
        justify-content: center
    }

    .checkmateTooltip .tooltipFullImageSection {
        max-width: 500px;
        max-height: 500px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: contain
    }

    .checkmateTooltip .tooltipInformationSection {
        flex-grow: 1;
        align-self: center;
        max-width: 400px;
        overflow: hidden;
        margin-left: 3px
    }

        .checkmateTooltip .tooltipInformationSection .importantTooltipData {
            font-weight: 900;
            font-size: 15px
        }

            .checkmateTooltip .tooltipInformationSection .importantTooltipData span {
                color: #757575
            }

        .checkmateTooltip .tooltipInformationSection .lineData {
            word-wrap: break-word;
            white-space: nowrap
        }

        .checkmateTooltip .tooltipInformationSection .secondaryTooltipData {
            font-size: 13px
        }

            .checkmateTooltip .tooltipInformationSection .secondaryTooltipData .icon {
                float: right
            }

            .checkmateTooltip .tooltipInformationSection .secondaryTooltipData .rightTooltipIcon {
                float: right;
                height: 17px;
                width: 17px
            }

        .checkmateTooltip .tooltipInformationSection .additionTooltipData {
            font-weight: 400;
            font-size: 12px;
            color: #757575
        }

        .checkmateTooltip .tooltipInformationSection .warningData {
            color: #751111;
            fill: #751111
        }

        .checkmateTooltip .tooltipInformationSection .invalidTooltipData {
            color: #751111
        }

.checkmateTooltip--position {
    left: 20%;
    right: 20%;
    bottom: 20px;
    top: auto
}

@media screen and (max-width:900px) {
    .checkmateTooltip {
        max-width: 100%
    }

        .checkmateTooltip .tooltipInformationSection .lineData {
            word-wrap: normal;
            white-space: normal
        }
}

@media screen and (max-width:350px) {
    .checkmateTooltip .tooltipInformationSection {
        max-width: 180px
    }

        .checkmateTooltip .tooltipInformationSection.tooltipInformationSection--full-width {
            max-width: 100%
        }
}

@media screen and (max-width:640px) {
    .checkmateTooltip {
        max-height: 200px;
        overflow: auto
    }
}

@media screen and (max-width:400px) {
    .checkmateTooltip {
        left: 12px;
        right: 12px;
        bottom: 20px;
        top: auto
    }
}

.uploaderComponentsContainers .fileStatValue {
    font-weight: bold
}

.uploaderComponentsContainers.uploaderStatus {
    margin-top: 0.5em;
    line-height: 1.4em;
    margin-left: 3em
}

.geo-drag-and-drop-uploader__uploader {
    padding: 0
}

.geo-drag-and-drop-uploader__container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    border: 1px dashed #2E2E2E;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    padding: 16px
}

.geo-drag-and-drop-uploader__container--focused {
    border-color: #0078D3;
    background-color: #F4F6F8
}

.geo-drag-and-drop-uploader__title {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    color: #0062A9
}

.geo-drag-and-drop-uploader__divider {
    color: #575757;
    font-size: 16px;
    padding: 0 5px;
    margin-bottom: 4px
}

.geo-drag-and-drop-uploader__icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: #0062A9
}

.geo-drag-and-drop-uploader__action-container {
    margin-top: 10px
}

.geo-drag-and-drop-uploader__status-container {
    margin-top: 10px;
    margin-bottom: 10px
}

.uploadFileElement {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    right: 0;
    width: 1px;
    height: 1px
}

.upload_uploaderProgress {
    border: 1px solid #ddd;
    padding: 1em
}

.fileDropShield {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #222;
    font-size: 4em;
    font-weight: bold;
    box-shadow: inset 0 0 280px 103px rgba(200,200,200,0.75);
    text-align: center;
    z-index: 1
}

    .fileDropShield .fileDropShieldText {
        margin-top: 36%;
        line-height: 1em;
        pointer-events: none
    }

.lockAreaThrobber {
    position: absolute;
    z-index: 10005;
    background-color: #fefefe;
    opacity: 0.5;
    text-align: left;
    border: 1px solid #ddd;
    overflow: hidden
}

.lockAreaThrobber--transparent {
    background-color: transparent
}

.waitingElement {
    margin-left: auto;
    margin-right: auto;
    display: block;
    min-height: 20px;
    height: 100%;
    will-change: transform;
    animation: waiting 0.8s linear infinite;
    width: 40px
}

    .waitingElement.standalone {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-size: auto
    }

@keyframes waiting {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-360deg)
    }
}

.lineWaiting {
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none
}

    .lineWaiting .bg {
        background: #E8F3FD;
        width: 100%;
        height: 100%
    }

        .lineWaiting .bg:before {
            content: "";
            position: absolute;
            background-color: #2c7ab1;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left,right;
            animation: indeterminate 2.4s ease-out infinite
        }

        .lineWaiting .bg:after {
            content: "";
            position: absolute;
            background-color: #2c7ab1;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left,right;
            animation: indeterminate-short 2.4s ease-out infinite;
            animation-delay: 1.2s
        }

@keyframes indeterminate {
    0% {
        left: -25%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -130%
    }

    100% {
        left: 100%;
        right: -130%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -100%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -20%
    }

    100% {
        left: 107%;
        right: -20%
    }
}

.inputWaiting {
    position: relative;
    width: 100%;
    height: 2px;
    overflow-x: hidden
}

    .inputWaiting .lineWaiting {
        height: 2px
    }

    .inputWaiting.waitingVisible .lineWaiting {
        display: block
    }

    .inputWaiting.waitingVisible + .checkmateFormEditField {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.tl-container {
    display: flex;
    border-top: 1px solid #80808080;
    -moz-user-select: none;
    user-select: none
}

.tl-timeLineItem {
    position: relative;
    text-align: center
}

    .tl-timeLineItem:not(:last-child)::after {
        content: "";
        height: 50%;
        position: absolute;
        right: 0;
        top: 0;
        border-right: 1px solid rgba(128,128,128,0.5)
    }

    .tl-timeLineItem:last-child {
        flex-grow: 1
    }

.weatherTooltip {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 1000;
    height: 50px;
    width: 30px;
    border-radius: 5px;
    border: 1px solid grey;
    background-color: #fff;
    pointer-events: none
}

    .weatherTooltip .temperature {
        height: 50%;
        text-align: center
    }

    .weatherTooltip .precipitation {
        height: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center
    }

    .weatherTooltip:after, .weatherTooltip:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .weatherTooltip:after {
        border-color: rgba(0,0,0,0);
        border-top-color: #fff;
        border-width: 5px;
        margin-left: -5px
    }

    .weatherTooltip:before {
        border-color: rgba(0,0,0,0);
        border-top-color: grey;
        border-width: 6px;
        margin-left: -6px
    }

.driver-id-reminder {
    line-height: 1.34em
}

.driver-id-reminder__section {
    margin-bottom: 8px
}

.driver-id-reminder__label {
    display: block
}

.driver-id-reminder__select {
    margin-top: 8px
}

.driver-id-reminder__slider {
    margin-top: 8px
}

.options-feature-preview__container {
    padding: 10px 16px 0 16px
}

.options-feature-preview__multiple .geo-switcher {
    margin-bottom: 16px
}

.options-feature-preview__alert {
    margin-bottom: 16px
}

.feature-preview-form__item {
    width: 100%
}

.feature-preview {
    margin-bottom: 20px
}

.feature-preview__title {
    padding-left: 10px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.feature-preview__description {
    margin-top: 10px;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.tab-addin-container {
    position: relative
}

.live-map__detail-note {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%
}

.live-map__panel {
    width: 400px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    background-color: #fefefe
}

.live-map__back-button {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border: 0px;
    border-bottom: 1px solid #C7CBD2
}

.live-map__details-panel {
    height: 100%;
    overflow-y: auto
}

.live-map__north-pane {
    position: static
}

.live-map--with-zoom-history .live-map__back-button {
    display: flex
}

.live-map--with-zoom-history .live-map__details-panel {
    height: calc(100% - 40px)
}

.map {
    width: 100%;
    height: 100%;
    -moz-user-select: none;
    user-select: none
}

    .map .gmnoprint {
        z-index: 5000 !important
    }

    .map#googlev3MapCanvasId {
        transform: none !important
    }

        .map#googlev3MapCanvasId .gm-style {
            z-index: auto !important
        }

.mapViewName {
    width: 100%
}

.mapViewError {
    margin-top: 10px
}

.tripPath {
    fill: none
}

.hover-path {
    opacity: 0;
    fill: none
}

.hover-path--hover {
    opacity: 1
}

.mapSvgElement {
    pointer-events: none;
    -moz-user-select: none;
    user-select: none
}

    .mapSvgElement.editZoneMode {
        cursor: crosshair
    }

    .mapSvgElement .mapSvgItem {
        pointer-events: painted
    }

    .mapSvgElement .mapSvgRect {
        shape-rendering: crispEdges
    }

    .mapSvgElement .clickable {
        cursor: pointer
    }

    .mapSvgElement .transparentForEventElement {
        pointer-events: none
    }

    .mapSvgElement .MarkerSvgShape {
        fill: #FFF;
        stroke-width: 1;
        stroke: #000;
        pointer-events: painted;
        cursor: pointer
    }

    .mapSvgElement .MarkerSvgText {
        fill: #000;
        pointer-events: none
    }

    .mapSvgElement .routeWayPointMarker {
        fill: #0F97FF;
        stroke-width: 1;
        stroke: #000000;
        cursor: pointer;
        shape-rendering: crispEdges
    }

    .mapSvgElement .plannedRoute {
        stroke-width: 4px;
        fill: none;
        stroke: #0094FF;
        cursor: pointer
    }

        .mapSvgElement .plannedRoute.plannedRouteWithTrip {
            stroke-width: 4px
        }

        .mapSvgElement .plannedRoute.editPlannedRoute {
            stroke: #000
        }

    .mapSvgElement .plannedRouteLegacy {
        stroke-width: 6px;
        fill: none;
        stroke: #1eacff;
        cursor: pointer
    }

        .mapSvgElement .plannedRouteLegacy.plannedRouteWithTrip {
            stroke-width: 3px
        }

        .mapSvgElement .plannedRouteLegacy:not(.editPlannedRoute):hover {
            stroke: #3DEEFF
        }

        .mapSvgElement .plannedRouteLegacy.editPlannedRoute {
            stroke: #000
        }

    .mapSvgElement .routeWayPoint {
        stroke-width: 3px;
        stroke: #000;
        fill: #FFA268;
        cursor: pointer
    }

        .mapSvgElement .routeWayPoint:hover {
            stroke-width: 6px
        }

        .mapSvgElement .routeWayPoint.tempRouteWayPoint {
            opacity: 0.5
        }

        .mapSvgElement .routeWayPoint.startWayPoint {
            fill: #0F0
        }

        .mapSvgElement .routeWayPoint.endWayPoint {
            fill: #F00
        }

    .mapSvgElement .svgStopRoutePoint, .mapSvgElement .svgStartRoutePoint {
        pointer-events: none;
        stroke-width: 1;
        stroke: #000000
    }

    .mapSvgElement .svgStartRoutePoint {
        fill: #0F0;
        shape-rendering: crispEdges
    }

    .mapSvgElement .svgStopRoutePoint {
        fill: #F00
    }

    .mapSvgElement .itineraryPoint {
        fill: #F00;
        stroke-width: 1;
        stroke: #000000;
        cursor: pointer
    }

    .mapSvgElement .itineraryPointBase {
        stroke-width: 2;
        stroke: #ffffff;
        filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.2))
    }

    .mapSvgElement .itineraryPointBegin {
        stroke-width: 2;
        stroke: #ffffff;
        filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.2));
        fill: #3C874E
    }

    .mapSvgElement .itineraryPointMiddle {
        stroke-width: 2;
        stroke: #ffffff;
        filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.2));
        fill: #0094FF
    }

    .mapSvgElement .itineraryPointEnd {
        stroke-width: 2;
        stroke: #ffffff;
        filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.2));
        fill: #DE3030
    }

    .mapSvgElement .itineraryPointLabelBase {
        fill: #FFF;
        pointer-events: none;
        text-anchor: middle
    }

    .mapSvgElement .itineraryPointLabelLegacy {
        fill: #ffffff;
        pointer-events: none;
        text-anchor: middle;
        font-size: 12px
    }

    .mapSvgElement .itineraryPointLabel {
        fill: #ffffff;
        pointer-events: none;
        text-anchor: middle;
        font-size: 12px
    }

    .mapSvgElement .svgMapZone {
        stroke-width: 1px;
        cursor: pointer
    }

        .mapSvgElement .svgMapZone.smallZone {
            stroke: #000;
            fill: #ffe6c2;
            pointer-events: none
        }

        .mapSvgElement .svgMapZone.unfocusedZone {
            fill: #bbb;
            fill-opacity: 0.6;
            stroke-width: 0
        }

            .mapSvgElement .svgMapZone.unfocusedZone:hover {
                fill-opacity: 0.8
            }

    .mapSvgElement .mapZoneTitle {
        font-weight: 900;
        font-size: 14px;
        pointer-events: none
    }

        .mapSvgElement .mapZoneTitle.mapZoneTitleLightTheme {
            fill: #000;
            stroke: #FFF;
            stroke-opacity: 0.7;
            stroke-width: 0.02em;
            text-rendering: geometricPrecision;
            shape-rendering: crispEdges
        }

        .mapSvgElement .mapZoneTitle.mapZoneTitleDarkTheme {
            stroke: #000;
            fill: #FFF;
            stroke-width: 0.03em;
            text-rendering: geometricPrecision;
            shape-rendering: crispEdges
        }

    .mapSvgElement.editZoneModeLayout .svgMapZone {
        cursor: crosshair
    }

    .mapSvgElement .zoneEditPointer {
        stroke: #000;
        stroke-width: 6px;
        cursor: crosshair
    }

        .mapSvgElement .zoneEditPointer:hover {
            stroke-width: 8px
        }

        .mapSvgElement .zoneEditPointer.biggerPointer {
            stroke-width: 11px
        }

            .mapSvgElement .zoneEditPointer.biggerPointer:hover {
                stroke-width: 14px
            }

    .mapSvgElement .editZoneMode {
        fill: none;
        stroke-width: 3px;
        stroke: #000;
        cursor: crosshair
    }

        .mapSvgElement .editZoneMode.biggerZone {
            stroke-width: 6px
        }

        .mapSvgElement .editZoneMode:hover {
            stroke-width: 6px
        }

    .mapSvgElement .svgCheckmateVehicles {
        stroke: #000;
        cursor: pointer
    }

    .mapSvgElement .vehicleMarkerText {
        pointer-events: none
    }

    .mapSvgElement .vehiclesGroupLabelText {
        text-anchor: start
    }

    .mapSvgElement .warningsExclamationSign {
        stroke: #FFF;
        stroke-width: 2;
        shape-rendering: crispEdges;
        pointer-events: none
    }

    .mapSvgElement .checkmateSVGWarnings {
        stroke: #FFF
    }

    .mapSvgElement .tripsDetailsCircle {
        fill: rgba(255,255,255,0.7);
        stroke: #00F
    }

    .mapSvgElement .tripMovingPointer {
        stroke-width: 3px
    }

    .mapSvgElement .distanceLabelLine, .mapSvgElement .distanceLabelCircle {
        stroke-width: 1px;
        stroke: #FFF;
        shape-rendering: optimizeSpeed;
        pointer-events: none
    }

    .mapSvgElement .consolidationsElement {
        fill: #FFF;
        cursor: pointer
    }

    .mapSvgElement .pieClusterMainElement, .mapSvgElement .pieClusterElement {
        cursor: pointer
    }

    .mapSvgElement .consolidationsElementText {
        pointer-events: none
    }

    .mapSvgElement .vehicleLabelRect {
        cursor: pointer;
        fill: #FFF
    }

    .mapSvgElement .svgWay {
        stroke-width: 6px;
        stroke: #AA0000;
        stroke-opacity: 0.6;
        fill: none;
        cursor: pointer
    }

        .mapSvgElement .svgWay:hover {
            stroke-opacity: 0.9
        }

#liveMap_mapToolbar {
    z-index: 3 !important;
    position: static
}

.mapResizer .resizerButton {
    margin-top: -10em
}

.mapControl.map {
    width: auto;
    height: auto
}

#liveMapId .currentLocationButton {
    margin-top: -7px
}

@media (max-width:1024px) {
    .live-map__panel {
        width: 250px
    }

    .liveMapPanel {
        left: 250px
    }
}

@media (max-width:850px) {
    .liveMapPanel {
        right: 0 !important
    }
}

@media (max-width:600px) {
    .live-map__panel {
        width: 250px;
        right: 25px;
        box-shadow: rgba(0,0,0,0.3) 3px 2px 4px
    }

    .liveMapPanel {
        left: 0 !important;
        right: 0 !important
    }

    .mapResizer .resizerButton {
        margin-top: -5em
    }
}

@media (max-width:768px) {
    .mapResizer .resizerButton {
        margin-top: -7em
    }

    .live-panel__header {
        display: none
    }
}

#liveMap_mapCanvas {
    touch-action: none;
    overscroll-behavior: contain
}

    #liveMap_mapCanvas .map {
        cursor: default;
        min-height: 1px
    }

#liveMap_viewSettingsPopup .horizontalButtonSet {
    position: relative;
    padding-right: 27px
}

    #liveMap_viewSettingsPopup .horizontalButtonSet .rightGeotabIcon {
        white-space: nowrap;
        width: 100%;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

        #liveMap_viewSettingsPopup .horizontalButtonSet .rightGeotabIcon .geotabButtonLabelText {
            display: inline-block
        }

    #liveMap_viewSettingsPopup .horizontalButtonSet .popupWindowTrigger {
        position: absolute;
        right: 0
    }

        #liveMap_viewSettingsPopup .horizontalButtonSet .popupWindowTrigger.rightSVGButton {
            width: 28px;
            height: 100%
        }

#liveMap_viewSettingsPopup .verticalButtonSet:last-child .horizontalButtonSet:last-child .rightGeotabIcon {
    border-bottom-left-radius: 3px
}

#liveMap_viewSettingsPopup .verticalButtonSet:last-child .horizontalButtonSet:last-child .popupWindowTrigger {
    border-bottom-right-radius: 3px
}

.checkmateToolbar > #liveVehiclesLayer_updateButton {
    position: relative;
    overflow: hidden;
    width: 32px;
    max-height: 100%;
    padding: 6px 10px
}

.liveVehiclesLayer_countdown {
    contain: strict;
    will-change: transform;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.2;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.map-update-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    fill: #66788C
}

.map-update-button__countdown {
    contain: strict;
    will-change: transform;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.2
}

#liveVehiclesLayer_updateButton:hover .liveVehiclesLayer_countdown {
    opacity: 0.3
}

.legendLayer {
    position: absolute;
    z-index: 9000;
    opacity: 0.8;
    border: 1px solid #C5DBEC;
    background-color: #E8F3FD;
    color: #25477B;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

    .legendLayer:hover, .legendLayer.sublegend {
        opacity: 1
    }

    .legendLayer .legendSlots {
        cursor: default;
        position: relative;
        padding-right: 6px;
        line-height: 28px;
        margin-left: -1px;
        float: left
    }

        .legendLayer .legendSlots.legendChangeableElement {
            cursor: pointer;
            border: 0
        }

        .legendLayer .legendSlots.activeLegendButton {
            border-color: #2c7ab1;
            background-color: #2c7ab1;
            color: #ffffff;
            fill: #ffffff
        }

        .legendLayer .legendSlots:not(.activeLegendButton):hover {
            border-color: #5293c6;
            background-color: #d1e7fb;
            color: #25477B;
            fill: #25477B
        }

    .legendLayer .legendIcon {
        position: absolute;
        top: 10px;
        height: 10px;
        width: 25px
    }

        .legendLayer .legendIcon.icons {
            top: 0;
            height: 28px
        }

        .legendLayer .legendIcon.smallIcon {
            background-size: 90%;
            background-position: center;
            background-repeat: no-repeat
        }

        .legendLayer .legendIcon.extendLegendButton {
            left: 8px;
            top: 4px;
            height: 23px
        }

    .legendLayer .legendSlotTitle {
        padding-left: 30px
    }

    .legendLayer.horizontalLegend {
        height: 28px;
        bottom: 0
    }

    .legendLayer.verticalLegend {
        right: 3px;
        bottom: 27px;
        max-width: 250px;
        max-height: 90%;
        overflow-y: auto;
        transform: translateZ(0)
    }

        .legendLayer.verticalLegend .legendSlots {
            width: 100%
        }

.editMap {
    opacity: 0.5;
    z-index: 1005;
    left: 9px;
    top: 80px;
    position: absolute;
    width: 37px;
    height: 46px;
    background-image: url(/geotab/checkmate/maps/svg/layers/editMapLayer.png)
}

    .editMap:hover {
        opacity: 1;
        background-image: url(/geotab/checkmate/maps/svg/layers/editMapLayer-hover.png)
    }

.postedRoadSpeedLayer .roadSpeedLimit {
    width: 34px;
    text-align: center
}

.postedRoadSpeedLayer .roadSpeedContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 200px
}

.postedRoadSpeedLayer .roadValue {
    padding-left: 10px
}

.postedRoadSpeedLayer #postedRoadSpeedLayer_changeButtonId {
    text-align: center
}

.speed-details_container {
    max-width: 400px
}

    .speed-details_container .speed-details_row {
        display: flex;
        align-items: center
    }

    .speed-details_container .speed-details_column {
        display: flex;
        flex-direction: column
    }

    .speed-details_container .speed-details_speed-desc {
        margin-left: 29px
    }

    .speed-details_container .speed-details_icon {
        width: 24px;
        height: 24px;
        margin-right: 5px
    }

.mapTypeControl {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000
}

    .mapTypeControl .mapTypeMap, .mapTypeControl .mapTypeSat {
        display: inline-block;
        padding: 5px 10px;
        text-align: center;
        background-color: rgba(0,0,0,0.5);
        color: white;
        cursor: pointer
    }

        .mapTypeControl .mapTypeMap:hover, .mapTypeControl .mapTypeSat:hover {
            background-color: rgba(0,0,0,0.6)
        }

    .mapTypeControl .mapTypeMap {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .mapTypeControl .mapTypeSat {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .mapTypeControl .mapTypeHyb {
        display: none;
        text-align: center;
        background-color: rgba(0,0,0,0.5);
        color: white;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

        .mapTypeControl .mapTypeHyb .mapTypeHybLabel {
            vertical-align: middle;
            font-size: 11px;
            font-weight: normal
        }

        .mapTypeControl .mapTypeHyb .mapTypeHybSwitcher {
            vertical-align: middle
        }

    .mapTypeControl .mapTypeMap.active, .mapTypeControl .mapTypeSat.active {
        background-color: rgba(150,183,113,0.8)
    }

    .mapTypeControl.satType .mapTypeHyb, .mapTypeControl.hybType .mapTypeHyb {
        display: block
    }

    .mapTypeControl.satType .mapTypeMap, .mapTypeControl.hybType .mapTypeMap {
        border-bottom-left-radius: 0
    }

    .mapTypeControl.satType .mapTypeSat, .mapTypeControl.hybType .mapTypeSat {
        border-bottom-right-radius: 0
    }

.map .H_ui {
    z-index: 1000
}

.map .H_rdo {
    border-bottom: 0
}

.liveMapAddinsPanel {
    width: 450px;
    z-index: 3001
}

.mapAddinResizer {
    z-index: 1600
}

@media (max-width:600px) {
    .liveMapAddinsPanel {
        width: auto;
        left: 25px;
        right: 0;
        box-shadow: rgba(0,0,0,0.3) -3px 2px 4px
    }
}

.live-panel {
    display: flex;
    flex-direction: column;
    height: 100%
}

.live-panel__header {
    background-color: #3C5063;
    color: #FFF;
    margin: 0;
    padding: 8px;
    font-size: 12px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-bottom: 1px
}

.live-panel__filter {
    margin-right: 8px
}

.live-panel__sort {
    flex-grow: 1
}

.live-panel__devices {
    overflow-y: auto;
    overflow-x: hidden
}

.live-panel__dispatch-arrow {
    position: absolute;
    top: 0;
    left: 0
}

.live-panel__vehicle {
    border: none;
    background-color: #FFF;
    padding: 12px
}

    .live-panel__vehicle:hover {
        background-color: #F4F6F8
    }

.live-panel__vehicle--disconnected {
    color: #575757
}

    .live-panel__vehicle--disconnected .live-panel__device-name {
        color: #575757
    }

.live-panel__vehicle--inactive {
    opacity: 0.3
}

.live-panel__device-name {
    color: #0062A9;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.live-panel__nearest-header {
    flex: 0 0 auto
}

.vehicle-popup__icon {
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 0px;
    margin-top: 2px;
    background-size: auto 100%;
    margin-right: 8px
}

.addressTooltipCloseButtonSvg {
    width: 8px;
    height: 8px
}

.addressTooltipCloseButton {
    display: none;
    position: absolute;
    width: 16px;
    min-width: 16px;
    height: 16px;
    z-index: 1000;
    padding: 0px 1px 1px 1px;
    background-color: #FFF;
    border: none;
    margin-top: 1px;
    cursor: pointer
}

    .addressTooltipCloseButton:hover {
        background-color: #282F36;
        border-radius: 50%
    }

        .addressTooltipCloseButton:hover .addressTooltipCloseButtonSvg {
            fill: #FFF
        }

    .addressTooltipCloseButton .addressTooltipCloseButtonSvg {
        fill: #202328
    }

.live-map__north-pane {
    position: static
}

.live-map__north-pane--asset-monitoring-full-screen {
    position: absolute;
    bottom: 0
}

.asset-monitoring-details-panel {
    width: auto;
    left: 0px;
    right: 0px;
    height: 400px;
    position: static;
    z-index: 1499
}

.asset-monitoring-details-panel--full-height {
    height: 100%
}

.asset-monitoring-details-panel--display-inline-block {
    display: inline-block
}

.live-detail-panel {
    height: 400px
}

.live-detail-panel--full-screen {
    height: calc(100% - 104px)
}

@media (max-width:768px) {
    .mapResizer .resizerButton {
        margin-top: -7em
    }

    .live-panel__header {
        display: none
    }

    .northResizerBar {
        display: none !important
    }
}

@media (max-height:768px) {
    .asset-monitoring-details-panel {
        height: 300px
    }

    .live-detail-panel {
        height: 300px
    }
}

.live-panel__asset-monitoring-header {
    background-color: #FFF !important;
    border-bottom: 1px solid #66788c;
    padding: 16px 0px 16px 16px !important;
    justify-content: space-between
}

.live-panel__sort {
    flex-grow: 1
}

.live-panel__asset-monitoring-sort {
    display: none
}

.live-panel__asset-monitoring-buttons {
    flex: 0 0 auto;
    display: flex;
    margin-right: 16px
}

.live-panel__columns-dropdown {
    margin-left: 8px
}

.live-panel__asset-monitoring-refresh-text {
    font-style: italic;
    display: none
}

#gpsTextMessageSend_NewReplyId {
    margin-top: 5px
}

#gpsTextMessageSend_Id .routeEditInput {
    width: 100%;
    margin: 2px 0
}

#gpsTextMessages_Id .checkmateListBuilderRowName {
    line-height: 1.4em;
    white-space: normal;
    margin-bottom: 2px;
    padding-left: 0
}

#gpsTextMessages_Id .checkmateListBuilderRowDetails {
    padding-left: 0
}

#gpsTextMessages_Id .blockDetails {
    max-width: 100%
}

#gpsTextMessages_Id .primaryData, #gpsTextMessages_Id .secondaryData {
    display: block;
    float: left
}

#gpsTextMessages_Id .primaryData {
    max-width: 90%;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.messengerContainer {
    background: #fefefe;
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    font-family: inherit;
    color: #757575;
    vertical-align: top
}

    .messengerContainer .messengerHeader {
        width: 100%;
        min-width: 150px;
        height: 40px;
        position: relative;
        top: 0;
        font-size: 15px;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        text-align: center;
        overflow: hidden
    }

        .messengerContainer .messengerHeader.newMessage {
            height: auto;
            overflow: initial
        }

    .messengerContainer .headerUserName, .messengerContainer .headerUserName:active, .messengerContainer .headerUserName:visited {
        width: 50%;
        cursor: default;
        text-decoration: none;
        color: #757575;
        display: inline-block;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }

        .messengerContainer .headerUserName:first-of-type, .messengerContainer .headerUserName:active:first-of-type, .messengerContainer .headerUserName:visited:first-of-type {
            border-right: 1px solid #ddd
        }

            .messengerContainer .headerUserName:first-of-type.active, .messengerContainer .headerUserName:active:first-of-type.active, .messengerContainer .headerUserName:visited:first-of-type.active {
                text-decoration: underline;
                color: #25477B;
                cursor: pointer
            }

    .messengerContainer .headerFilter {
        height: 100%;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        white-space: normal;
        overflow: initial
    }

    .messengerContainer .selectList {
        display: inline
    }

        .messengerContainer .selectList .listItem {
            background: #E5F2FA;
            padding: 3px 2px;
            white-space: normal;
            display: inline-block;
            margin: 2px 0 2px 4px;
            border-radius: 5px;
            border: 1px solid #b9dbf9;
            color: #25477B
        }

    .messengerContainer .filterBlock {
        line-height: 18px;
        margin: 0 0 0 30px;
        display: inline;
        float: left;
        padding: 1px 0
    }

        .messengerContainer .filterBlock .inputBox {
            padding: 4px;
            margin: 0
        }

        .messengerContainer .filterBlock .imageContainer {
            padding-top: 7px
        }

    .messengerContainer .messengerChat {
        overflow-y: auto;
        font-size: 14px;
        text-align: center;
        position: relative;
        cursor: default;
        border-right: 1px solid #ddd
    }

    .messengerContainer .middleItem {
        text-align: center
    }

    .messengerContainer .loader {
        margin: 6px;
        border-radius: 10px;
        padding: 7px;
        cursor: pointer;
        display: inline-block;
        text-decoration: underline;
        color: #25477B
    }

    .messengerContainer .messageItem {
        cursor: default;
        text-align: left
    }

        .messengerContainer .messageItem .message {
            max-width: 49%;
            word-wrap: break-word;
            display: inline-block;
            position: relative;
            min-width: 70px;
            padding: 5px 7px 17px 7px;
            margin: 3px 0 3px 10px;
            font-size: 15px;
            line-height: 14px;
            border-radius: 5px;
            border: 1px solid #b9dbf9;
            background: #E8F3FD;
            color: #25477B;
            text-align: left
        }

            .messengerContainer .messageItem .message .messageText {
                display: inline;
                margin: 0;
                font-family: inherit;
                color: inherit;
                white-space: pre-wrap
            }

            .messengerContainer .messageItem .message .sent {
                position: absolute;
                bottom: 1px;
                width: 100%;
                margin-left: -7px;
                padding: 0 6px 0 8px;
                overflow: hidden;
                white-space: nowrap;
                word-wrap: normal;
                text-align: right;
                font-size: 10px;
                color: #5483cc;
                display: flex;
                flex: 1 1 100%;
                flex-direction: row;
                justify-content: flex-end
            }

            .messengerContainer .messageItem .message .sentResponse {
                float: left;
                text-align: left;
                display: none;
                width: 50%;
                overflow: hidden
            }

            .messengerContainer .messageItem .message .sentTime {
                display: flex;
                flex: 0 0 25px;
                position: relative;
                width: 26px
            }

        .messengerContainer .messageItem.right {
            text-align: right;
            float: none
        }

            .messengerContainer .messageItem.right .message {
                background: #25477B;
                margin: 3px 10px 3px 0;
                border-color: #25477B;
                color: #E8F3FD
            }

                .messengerContainer .messageItem.right .message .sent {
                    color: #b9dbf9
                }

        .messengerContainer .messageItem.active {
            background: #e4e4e4
        }

            .messengerContainer .messageItem.active .message .sent .sentResponse {
                flex: 1 1 100%;
                display: flex
            }

    .messengerContainer .active .messageItem {
        cursor: pointer
    }

    .messengerContainer .messengerFooter {
        width: 100%;
        height: 45px;
        position: relative;
        bottom: 0;
        overflow: hidden;
        border-top: 1px solid #C5DBEC;
        border-right: 1px solid #C5DBEC;
        background: #E5F2FA
    }

    .messengerContainer .sendBox {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        display: flex
    }

    .messengerContainer .textAreaBlock {
        display: flex;
        flex: 1 1 100%;
        flex-direction: column;
        position: relative;
        height: 100%;
        padding: 7px;
        text-align: center
    }

        .messengerContainer .textAreaBlock .textBlock, .messengerContainer .textAreaBlock .customInput {
            resize: none;
            width: 100%;
            height: 29px;
            min-height: 29px;
            border: 1px solid #C5DBEC;
            display: inline;
            font-family: inherit;
            padding: 0 5px;
            font-size: 15px;
            border-radius: 5px;
            outline: none;
            line-height: 27px;
            color: #222;
            background: #fefefe
        }

            .messengerContainer .textAreaBlock .textBlock:hover, .messengerContainer .textAreaBlock .customInput:hover, .messengerContainer .textAreaBlock .textBlock:focus, .messengerContainer .textAreaBlock .customInput:focus {
                border-color: #5293c6
            }

            .messengerContainer .textAreaBlock .textBlock.bigSize {
                height: 100%;
                line-height: 17px
            }

        .messengerContainer .textAreaBlock .customInput {
            display: inline;
            margin-top: 5px
        }

        .messengerContainer .textAreaBlock .htmlBlock {
            overflow: auto;
            height: 100%;
            border: 1px solid #C5DBEC;
            border-radius: 5px;
            background: #fefefe
        }

            .messengerContainer .textAreaBlock .htmlBlock .htmlList {
                padding: 0;
                margin: 0;
                text-align: left;
                list-style-type: decimal
            }

            .messengerContainer .textAreaBlock .htmlBlock .listItem {
                margin-left: 25px
            }

            .messengerContainer .textAreaBlock .htmlBlock .htmlMessage {
                height: auto;
                margin: 3px 0;
                display: inline-block
            }

                .messengerContainer .textAreaBlock .htmlBlock .htmlMessage:not(.optional) {
                    border-radius: 3px;
                    padding: 6px 11px;
                    background: #2c7ab1;
                    color: #E8F3FD
                }

    .messengerContainer .buttonBlock {
        display: flex;
        flex: 0 0 60px;
        height: 100%;
        width: 60px;
        margin: 7px 5px;
        position: relative
    }

        .messengerContainer .buttonBlock .sendButton {
            width: 100%;
            height: 29px;
            position: relative;
            margin: 0;
            display: inline;
            padding: 5px 5px;
            font-size: 14px;
            font-family: inherit;
            border-radius: 5px
        }

    .messengerContainer .replySelector {
        display: flex;
        flex: 0 0 80px;
        flex-direction: column;
        position: relative;
        margin: 7px 5px;
        width: 80px;
        height: 100%;
        overflow: hidden
    }

        .messengerContainer .replySelector .replySelect {
            height: 10px;
            width: 100%;
            padding: 0;
            position: relative;
            display: inline-block;
            font-size: 14px;
            font-family: inherit;
            border-radius: 5px
        }

            .messengerContainer .replySelector .replySelect:hover, .messengerContainer .replySelector .replySelect:focus {
                border-color: #5293c6
            }

            .messengerContainer .replySelector .replySelect.fullSize {
                height: 29px
            }

@media (max-width:768px) {
    .messengerContainer .messageItem .message {
        max-width: 88%;
        font-size: 13px
    }

    .messengerContainer .loader {
        font-size: 12px
    }

    .messengerContainer .middleItem {
        font-size: 12px
    }

    .messengerContainer .messengerHeader {
        height: 30px
    }

    .messengerContainer .headerUserName, .messengerContainer .headerUserName:active, .messengerContainer .headerUserName:visited {
        font-size: 12px;
        line-height: 30px
    }

    .messengerContainer .textAreaBlock .textBlock {
        font-size: 13px
    }

    .messengerContainer .headerFilter .filterBlock {
        line-height: 1em;
        padding: 0
    }

        .messengerContainer .headerFilter .filterBlock .inputBox {
            height: 100%;
            padding: 3px
        }

    .messengerContainer .selectList {
        font-size: 13px
    }
}

.geo-map-menu {
    max-height: 400px;
    padding: 4px 0;
    margin-top: 5px
}

.geo-map-menu__item {
    width: 32px
}

.trips-history {
    display: flex;
    flex-direction: column;
    height: 100%
}

.trips-history__map {
    height: 100%
}

.trips-history__north-pane {
    flex: 0 0 auto;
    position: static
}

.trips-history__content {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

.trips-history__trips-list {
    overflow: hidden;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.trips-history__map-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 488px;
    padding-top: 5px;
    background-color: #fefefe
}

.trips-history__map-footer {
    display: none;
    height: 60px
}

.trips-history--replay .trips-history__map {
    height: calc(100% - 60px)
}

.trips-history--replay .trips-history__map-footer {
    display: block
}

.trips-history-mobile-version {
    display: none
}

@media (max-width:767px) {
    .isMobileView .trips-history-mobile-version {
        display: block
    }

    .isMobileView .trips-history-mobile-version--flex {
        display: flex
    }

    .isMobileView .trips-history-desktop-version {
        display: none
    }
}

@media (max-width:767px) {
    .isMobileView .trips-history__header {
        display: none
    }
}

.geo-resize-button {
    position: absolute;
    background-color: #0078D3;
    border: 1px solid #0078D3;
    fill: #FFF;
    padding: 0;
    right: 0;
    height: 42px;
    width: 26px;
    z-index: 2000;
    cursor: pointer;
    overflow: hidden
}

.geo-resize-button--left {
    right: 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.geo-resize-button--right {
    left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.geo-resize-button__icon {
    margin-top: 3px;
    width: 16px;
    height: 16px
}

.geo-resize-button:hover, .geo-resize-button:focus {
    background-color: #25477B;
    outline: none;
    fill: #FFF
}

#tripsHistoryId .geo-options-toggle-buttons {
    display: none
}

#tripsHistoryId .geo-numeric-wrapper {
    display: flex;
    align-items: center
}

#tripsHistoryId .geo-navigation-range {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px
}

#tripsHistoryId .geo-navigation-range__date-link {
    margin: 0 5px
}

@media (max-width:767px) {
    #tripsHistoryId .geo-navigation-range {
        display: block;
        text-align: center
    }

    #tripsHistoryId .geo-options-toggle-buttons {
        display: flex;
        margin: 5px
    }
}

#tripsHistoryId .tripsWaitingRow {
    position: relative
}

#tripsHistoryId .checkmateListBuilderRowName {
    margin: 0
}

#tripsHistoryId .totalsListItems {
    padding: 0;
    margin: 0;
    list-style: none
}

    #tripsHistoryId .totalsListItems .totalsListItem {
        text-align: center
    }

#tripsHistoryId .resizeMapBar {
    width: 0px;
    position: absolute;
    bottom: 0;
    top: 90px;
    right: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

    #tripsHistoryId .resizeMapBar.resizeMapBarLeft {
        justify-content: flex-end
    }

        #tripsHistoryId .resizeMapBar.resizeMapBarLeft .resizeMapButton {
            border-right-width: 0;
            box-shadow: -2px 2px 3px 0 rgba(0,0,0,0.2);
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px
        }

    #tripsHistoryId .resizeMapBar.resizeMapBarRight {
        justify-content: flex-start
    }

        #tripsHistoryId .resizeMapBar.resizeMapBarRight .resizeMapButton {
            left: 0;
            border-left-width: 0;
            box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2);
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px
        }

#tripsHistoryId .geo-background {
    z-index: 2400
}

#tripsHistoryId .resizeMapButton {
    position: absolute;
    background-color: #EAEAEA;
    border: 1px solid #dddddd;
    fill: #5293c6;
    padding: 0;
    right: 0;
    height: 45px;
    width: 21px;
    z-index: 2000;
    cursor: pointer;
    overflow: hidden
}

    #tripsHistoryId .resizeMapButton:hover, #tripsHistoryId .resizeMapButton:focus {
        background-color: #dddddd
    }

    #tripsHistoryId .resizeMapButton .geotabButtonIcons {
        margin-top: 2px;
        width: 20px;
        height: 31px;
        position: static;
        display: none
    }

    #tripsHistoryId .resizeMapButton.resizeMapArrowLeft .leftArrow {
        display: inline
    }

    #tripsHistoryId .resizeMapButton.resizeMapArrowRight .rightArrow {
        display: inline
    }

#tripsHistoryId #tripsHistory_SubToolbarId {
    padding: 0.9em 6px 0.2em 6px;
    background: #fefefe;
    margin: 0 20px 5px 0;
    height: 47px;
    flex: 0 0 auto;
    display: flex
}

    #tripsHistoryId #tripsHistory_SubToolbarId.micro {
        margin-right: 0
    }

    #tripsHistoryId #tripsHistory_SubToolbarId .g-main {
        display: flex;
        align-items: center;
        padding: 0 4px
    }

    #tripsHistoryId #tripsHistory_SubToolbarId.shadow {
        box-shadow: -1px 4px 4px 0 rgba(0,0,0,0.05)
    }

#tripsHistoryId .checkmateToolbar .liveMap_mapToolbarExplanation {
    display: inline-block;
    padding-top: 5px;
    margin-left: 4px;
    margin-right: 5px;
    font-size: 1.3em;
    font-weight: bold;
    color: #222
}

#tripsHistoryId .checkmateListBuilderSubTitle {
    margin-top: 0
}

    #tripsHistoryId .checkmateListBuilderSubTitle .date {
        margin-right: 8px
    }

    #tripsHistoryId .checkmateListBuilderSubTitle .deviceDriverName {
        font-weight: normal
    }

    #tripsHistoryId .checkmateListBuilderSubTitle .totalsListItems {
        float: right;
        margin-top: 0;
        color: #757575
    }

#tripsHistoryId .checkmateListBuilderRow .checkmateListSequenceNumber {
    font-size: 0.8em;
    margin-top: 6px
}

#tripsHistoryId .checkmateListBuilderRow .startTime {
    color: #757575;
    line-height: 1.1em;
    float: left
}

#tripsHistoryId .checkmateListBuilderRow .startTime-row {
    display: flex;
    flex-wrap: nowrap
}

#tripsHistoryId .checkmateListBuilderRow .startTime-label {
    min-width: 40px;
    flex: 0 1 auto
}

#tripsHistoryId .checkmateListBuilderRow .startTime-value {
    flex: 1 0 auto;
    padding-left: 0.2em
}

#tripsHistoryId .checkmateListBuilderRow .exceptionSummary {
    position: relative;
    margin: 11px 3px 4px 7px;
    width: 22px;
    height: 22px;
    opacity: 0.7;
    flex: 0 0 auto;
    background-color: transparent;
    border: none;
    padding: 0
}

    #tripsHistoryId .checkmateListBuilderRow .exceptionSummary:hover {
        opacity: 1
    }

    #tripsHistoryId .checkmateListBuilderRow .exceptionSummary.exceptionSummary-single .warningIcon:first-child {
        display: none
    }

#tripsHistoryId #tripsHistory_BuilderId {
    position: relative;
    overflow: auto;
    margin-right: 5px;
    flex: 1 1 auto;
    height: calc(100% - 47px)
}

    #tripsHistoryId #tripsHistory_BuilderId.geo-trips-list {
        height: 100%
    }

    #tripsHistoryId #tripsHistory_BuilderId .checkmateListTable {
        overflow-x: hidden
    }

#tripsHistoryId #historyTrips_AddinsPanel {
    width: 450px;
    overflow: hidden
}

#tripsHistoryId #historyTrips_ToolbarAndMapCanvasLayout {
    overflow: hidden
}

#tripsHistoryId #tripsHistory_map .historyMap {
    height: 100%;
    position: relative
}

#tripsHistoryId #tripsHistory_map .resizerButton {
    margin-top: -10em
}

#tripsHistoryId .tripIcons {
    position: relative
}

#tripsHistoryId .tripControls {
    width: 10px;
    height: 12px;
    position: absolute;
    right: 0;
    top: -3px;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0
}

    #tripsHistoryId .tripControls .svgIcon {
        top: 0;
        left: 0
    }

#tripsHistoryId .privateTrip {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap-reverse;
    float: right;
    width: 100%;
    padding-right: 10px
}

#tripsHistoryId .privateTripLabel {
    flex: 1 1 0px;
    text-align: right;
    align-self: center
}

#tripsHistoryId .privateTripIcon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
    flex: 0 0 auto
}

#tripsHistoryId .privateTripRow {
    cursor: default
}

#tripsHistoryId .small .small-hide {
    display: none
}

#tripsHistoryId .small .privateTripLabel {
    display: none
}

#tripsHistoryId .small .privateTripIcon {
    display: block
}

#tripsHistoryId .micro .micro-hide {
    display: none
}

#tripsHistoryId .micro .micro-most {
    float: left;
    width: 91.666666667%
}

#tripsHistoryId .micro .micro-full {
    float: left;
    width: 100%
}

#tripsHistoryId .micro .startTime {
    min-width: 70px
}

#tripsHistoryId .micro .checkmateListBuilderRowIcons {
    min-width: 42px
}

#tripsHistoryId .micro .privateTripLabel {
    display: none
}

#tripsHistoryId .micro .privateTripIcon {
    display: block
}

#tripsHistoryId > .westPane:not(.hiddenPane) ~ .westResizerBar > .verticalResizer {
    display: none
}

#tripsHistoryId .tripPath, #tripsHistoryId .vehicleLabelRect {
    transition: all 0.1s ease
}

    #tripsHistoryId .tripPath.dimmed, #tripsHistoryId .vehicleLabelRect.dimmed {
        stroke: #9b9b9b
    }

    #tripsHistoryId .tripPath.highlighted:not(.excludeHighlighting) {
        stroke-opacity: 1
    }

#tripsHistoryId .checkmateSVGWarnings.dimmed, #tripsHistoryId .warningsExclamationSign.dimmed {
    display: none
}

#tripsHistoryId .vehicleMarkerText.dimmed {
    stroke: #ffffff;
    fill: #ffffff;
    transform: translate(0)
}

#tripsHistoryId .distanceLabelCircle, #tripsHistoryId .distanceLabelLine, #tripsHistoryId .vehicleLabelText, #tripsHistoryId .svgCheckmateVehicles {
    transition: fill 0.1s ease
}

    #tripsHistoryId .distanceLabelCircle.dimmed, #tripsHistoryId .distanceLabelLine.dimmed, #tripsHistoryId .vehicleLabelText.dimmed, #tripsHistoryId .svgCheckmateVehicles.dimmed {
        fill: #9b9b9b
    }

    #tripsHistoryId .svgCheckmateVehicles.dimmed {
        stroke: #9b9b9b
    }

#tripsHistoryId .tripMovingPointer.dimmed {
    display: none
}

@media (min-width:700px) {
    #tripsHistoryId > .eastResizerBar .leftArrow {
        display: block
    }

    #tripsHistoryId > .eastResizerBar .rightArrow {
        display: none
    }
}

@media (max-width:700px) {
    #tripsHistoryId #tripsHistory_ContentId {
        right: 0 !important
    }

    #tripsHistoryId:not(.geo-mobile) #tripsHistory_map {
        left: 35px !important;
        box-shadow: rgba(0,0,0,0.3) -3px 2px 4px;
        padding-left: 0.7em;
        width: auto !important;
        padding-top: 0 !important
    }

    #tripsHistoryId #tripsHistory_map:not(.hiddenPane) ~ .eastResizerBar {
        left: 35px !important
    }

    #tripsHistoryId #historyTrips_ToolbarAndMapCanvasLayout {
        left: 0px !important;
        right: 0px !important
    }

    #tripsHistoryId #historyTrips_AddinsPanel {
        width: auto;
        left: 25px;
        right: 0;
        box-shadow: rgba(0,0,0,0.3) -3px 2px 4px
    }
}

@media (max-width:768px) {
    #tripsHistoryId .checkmateListBuilderRow.g-row > .g-main {
        padding: 0
    }
}

.mobile-trips-notification__text {
    margin: 15px;
    padding: 10px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    color: #757575;
    background-color: #FFF2D2;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2)
}

.trips-history-period-mobile {
    display: flex
}

.trips-history-period-mobile__title {
    flex: 1 1 auto;
    text-align: left
}

.trips-history-period-mobile__icon {
    fill: #66788C
}

#hosRecaps_id #hosRecaps_builderId li {
    position: relative
}

#hosRecaps_id .nameColumn {
    max-width: 230px;
    min-width: 230px;
    display: flex;
    align-items: center
}

#hosRecaps_id .availableTomorrowColumn, #hosRecaps_id .totalColumn {
    padding: 0 10px;
    text-align: center
}

#hosRecaps_id .totalColumn {
    max-width: 100px;
    min-width: 100px
}

#hosRecaps_id .availableTomorrowColumn {
    max-width: 150px;
    min-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal
}

#hosRecaps_id .statusBlock {
    font-size: 1.4em
}

#hosRecaps_id .checkmateListBuilderRow {
    padding: 8px 6px
}

#hosRecaps_id .checkmateListBuilderSubTitle, #hosRecaps_id .checkmateListBuilderRow {
    align-items: center
}

#hosRecaps_id .daysGrid {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center
}

    #hosRecaps_id .daysGrid .daysRow {
        display: flex;
        height: 100%;
        align-items: center
    }

        #hosRecaps_id .daysGrid .daysRow .daysColumn {
            border-right: 2px solid #25477B
        }

            #hosRecaps_id .daysGrid .daysRow .daysColumn:first-child {
                border-left: 2px solid #25477B
            }

#hosRecaps_id .checkmateListBuilderSubTitle .nameColumn {
    margin-left: 6px
}

#hosRecaps_id .blockWrapper {
    overflow-x: auto;
    overflow-y: hidden
}

#hosRecaps_id .leftShadowBlock, #hosRecaps_id .rightShadowBlock {
    height: 100%;
    opacity: 0.2;
    top: 0;
    position: absolute;
    width: 10px
}

#hosRecaps_id .leftShadowBlock {
    left: 0;
    background-image: -webkit-linear-gradient(right,#eee,#000)
}

#hosRecaps_id .rightShadowBlock {
    right: 0;
    background-image: -webkit-linear-gradient(left,#eee,#000)
}

#hosRecaps_id .text-mixin {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px
}

#hosRecaps_id .checkmateListBuilder .checkmateListBuilderSubTitle {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    background: #EFF2F7;
    color: #202328;
    border: 0px
}

#hosRecaps_id .checkmateListBuilder .checkmateListBuilderRow {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-size: 12px;
    color: #202328;
    border-left: 0px
}

#hosRecaps_id .checkmateListBuilder .checkmateListSequenceNumber {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

#hosRecaps_id .daysGrid .daysRow .daysColumn {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    border-color: #202328
}

#hosRecaps_id .valuesColumn {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-size: 12px;
    color: #575757
}

.clearance-toggler__switcher-off {
    display: none
}

.clearance-toggler--off .clearance-toggler__switcher-on {
    display: none
}

.clearance-toggler--off .clearance-toggler__switcher-off {
    display: inline
}

.clearance-item {
    display: flex;
    align-items: center
}

.clearance-item__toggler {
    margin-right: 10px
}

.template-token-list__token-row {
    margin: 3px 0
}

.template-token-list__button {
    width: 200px
}

.template-token-list__label {
    padding-left: 10px
}

#defectList_id .new-defect-container {
    display: flex
}

#defectList_id .saveDefectButton, #defectList_id .savePartButton {
    display: none
}

#defectList_id .list-builder {
    border: none
}

    #defectList_id .list-builder .editable .savePartButton, #defectList_id .list-builder .editable .saveDefectButton {
        display: inline-block;
        margin-right: 0
    }

    #defectList_id .list-builder .editable .editPartButton, #defectList_id .list-builder .editable .editDefectButton, #defectList_id .list-builder .editable .addPartButton, #defectList_id .list-builder .editable .addDefectButton, #defectList_id .list-builder .editable .removePartButton, #defectList_id .list-builder .editable .removeDefectButton {
        display: none
    }

    #defectList_id .list-builder .editable .severity-switcher {
        display: flex
    }

#defectList_id .defectTitle {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    line-height: 1.5em;
    white-space: normal;
    word-break: break-word
}

    #defectList_id .defectTitle > .defectTitle__severity {
        display: none;
        font-weight: bold;
        font-size: 0.7em;
        line-height: 1.4em;
        text-transform: uppercase;
        color: #fff;
        border-radius: 3px;
        padding: 0px 4px;
        background: #25477B;
        position: relative;
        top: -1px
    }

#defectList_id .defectTitle__isRequired {
    color: #dedede;
    text-transform: lowercase;
    font-style: italic;
    font-weight: normal;
    margin-left: 0.5em
}

#defectList_id .list-builder__record .defectTitle {
    color: #0062A9;
    font-size: 1.167em
}

#defectList_id .criticalDefectRow .defectTitle__name, #defectList_id .unregulatedDefectRow .defectTitle__name {
    padding-right: 3px
}

#defectList_id .criticalDefectRow .defectTitle__severity, #defectList_id .unregulatedDefectRow .defectTitle__severity {
    display: inline-block
}

#defectList_id .criticalDefectRow:hover {
    border-left-color: #f9b6b6
}

#defectList_id .criticalDefectRow .defectTitle__name {
    color: #751111
}

#defectList_id .criticalDefectRow .defectTitle__severity {
    background: #751111
}

#defectList_id .unregulatedDefectRow {
    color: #757575;
    border-left-color: #ddd
}

    #defectList_id .unregulatedDefectRow:hover {
        border-left-color: #aaaaaa
    }

    #defectList_id .unregulatedDefectRow .defectTitle__name {
        color: #757575
    }

    #defectList_id .unregulatedDefectRow .defectTitle__severity {
        background: #757575
    }

#defectList_id #defectList_addPartContId {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px
}

    #defectList_id #defectList_addPartContId .checkmateFormEditField {
        width: 100%
    }

    #defectList_id #defectList_addPartContId #defectList_addPartButtonId {
        margin-left: 5px;
        flex: 0 0 auto
    }

    #defectList_id #defectList_addPartContId .required-parts-notice {
        padding: 15px 0px;
        font-style: italic
    }

#defectList_id .severity-switcher {
    flex: 0 0 auto;
    display: none
}

#defectList_id .severity-switcher__control {
    min-width: 110px
}

#defectList_id .defectEditor {
    display: flex;
    align-items: center
}

#defectList_id .defectEditor__name {
    width: 100%
}

#defectList_id .require-defect-checkbox {
    padding: 8px
}

    #defectList_id .require-defect-checkbox .geo-checkbox__label-text {
        font-weight: normal;
        flex-shrink: 0
    }

#defectList_builderId {
    float: right;
    width: 69%
}

@media only screen and (max-width:480px) {
    #defectList_builderId {
        width: 100%
    }
}

@media only screen and (max-width:1200px) {
    #defectList_id .severity-switcher__control {
        flex-direction: column
    }
}

.defect-list-button-set__arrow {
    width: 32px;
    height: 32px;
    justify-content: center
}

#dvirs_builderId .g-main {
    flex-direction: column
}

#dvirs_builderId .dvir-row-line {
    display: flex;
    justify-content: flex-start;
    min-height: 30px
}

    #dvirs_builderId .dvir-row-line .warningData {
        color: #757575
    }

        #dvirs_builderId .dvir-row-line .warningData svg {
            fill: #757575
        }

#dvirs_builderId .dvir-main {
    display: flex;
    width: 100%;
    overflow: hidden
}

#dvirs_builderId .dvir-time-vehicle {
    flex: 1 9999 auto
}

#dvirs_builderId .dvir-driver-type {
    display: flex;
    flex: 0 1 350px;
    align-items: center
}

#dvirs_builderId .dvir-date {
    flex: 0 1 auto;
    padding-right: 20px
}

#dvirs_builderId .dvir-icon {
    display: flex;
    flex: 0 0 17px;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 7px
}

#dvir_id .checkmateField.notFlexible .selectContainer > .checkmateFormEditField {
    width: 100%
}

#dvir_id .defectList {
    margin: 0
}

#dvir_id .selectContainer > textarea {
    width: 100%
}

#dvir_id .defect {
    width: auto;
    max-width: none;
    padding: 0
}

#dvir_id .dvirMedia {
    width: 100px;
    height: 100px;
    border: 1px solid #C5DBEC;
    box-sizing: border-box;
    border-radius: 2px;
    display: inline-block
}

#dvir_id .zoomedDvirMedia {
    border: 1px solid #C5DBEC;
    box-sizing: border-box;
    border-radius: 2px
}

#dvir_repairDefectsId {
    clear: both
}

@media (max-width:768px) {
    #dvirs_builderId .dvir-main {
        flex-direction: column
    }

    #dvirs_builderId .dvir-driver-type {
        flex: 0 1 auto
    }

    #dvirs_builderId .dvir-time-vehicle {
        justify-content: space-between
    }
}

#dvir_printVersion {
    display: none
}

.defect__defect-severity {
    display: inline-block;
    position: relative;
    width: 1.2em;
    height: 1.2em;
    top: 4px
}

.dvir-defect-severity-icon {
    display: inline-block;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    margin: 1px;
    border-radius: 50%;
    background-color: #fff
}

    .dvir-defect-severity-icon .svgIcon {
        position: relative;
        top: -1px;
        left: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px)
    }

.dvir-defect-severity-icon--critical > .svgIcon {
    fill: #ca0b0b
}

.dvir-defect-severity-icon--normal > .svgIcon {
    fill: #25477B;
    transform: rotate(180deg)
}

.dvir-defect-severity-icon--unregulated > .svgIcon {
    fill: #888
}

.dvirs-page .geo-dvir-icon {
    margin-right: 4px
}

    .dvirs-page .geo-dvir-icon:last-child {
        margin-right: 8px
    }

    .dvirs-page .geo-dvir-icon .svgIcon {
        width: 16px
    }

.dvirs-page .geo-dvir-icon--type--normal {
    fill: #0078D3
}

.dvirs-page .geo-dvir-icon--type--error {
    fill: #DE3030
}

.dvirs-page .grid__cell {
    white-space: normal
}

.dvirs-page .defect-list .geo-tag {
    display: inline-block
}

.dvirs-page .nodeSelectContainer {
    display: flex;
    flex-direction: column-reverse
}

.dvirs-page .left-col__image > .svgIcon {
    width: 14px;
    height: 16px;
    top: 0;
    cursor: default;
    fill: #66788C
}

.dvirs-page .rest-counter__tag {
    display: inline-flex
}

.geo-tooltip .fit-items__item-wrapper {
    margin: 1px 0
}

.geo-tooltip .defect {
    line-height: 20px
}

.dvir-page .nodeSelectContainer .stateItem, .dvir-page .nodeSelectContainer .currentState {
    order: 1
}

.dvir-page .nodeSelectContainer .stateItem {
    padding: 4px 8px
}

.dvir-parent-list {
    padding: 0;
    margin: 0;
    padding-bottom: 0.1rem;
    text-align: left;
    font-size: 14px
}

    .dvir-parent-list li.defect-parent-item {
        margin-bottom: -1px;
        display: flex;
        overflow-wrap: break-word;
        flex-direction: column;
        align-items: initial;
        padding: 0
    }

        .dvir-parent-list li.defect-parent-item .inspectionList-checkbox {
            flex: 0;
            color: #575757;
            white-space: nowrap;
            padding: 7px 9px
        }

        .dvir-parent-list li.defect-parent-item input[type="checkbox"] {
            position: absolute;
            width: 0;
            height: 0;
            opacity: 0;
            pointer-events: none
        }

            .dvir-parent-list li.defect-parent-item input[type="checkbox"]:focus + div > label {
                background: #E5F7FD
            }

        .dvir-parent-list li.defect-parent-item .collapseIcon {
            display: none
        }

        .dvir-parent-list li.defect-parent-item .expandIcon {
            display: block
        }

        .dvir-parent-list li.defect-parent-item > input[type="checkbox"] + .parent-heading + div.hidden-div {
            display: none
        }

        .dvir-parent-list li.defect-parent-item > input[type="checkbox"]:checked + .parent-heading .collapseIcon {
            display: block
        }

        .dvir-parent-list li.defect-parent-item > input[type="checkbox"]:checked + .parent-heading .expandIcon {
            display: none
        }

        .dvir-parent-list li.defect-parent-item > input[type="checkbox"]:checked + .parent-heading + div.hidden-div {
            display: block
        }

        .dvir-parent-list li.defect-parent-item .parent-heading {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            flex: 1 1 auto;
            max-width: 100%;
            padding: 6px 0
        }

            .dvir-parent-list li.defect-parent-item .parent-heading > label {
                border-radius: 4px;
                display: flex;
                align-items: baseline;
                cursor: pointer;
                padding: 5px
            }

                .dvir-parent-list li.defect-parent-item .parent-heading > label > .svgIcon {
                    fill: #0062A9;
                    margin-right: 1rem;
                    flex-shrink: 0
                }

        .dvir-parent-list li.defect-parent-item .child-heading {
            max-width: 100%;
            padding: 4px 0;
            margin-left: 26px
        }

        .dvir-parent-list li.defect-parent-item .list-title {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .dvir-parent-list li.defect-parent-item .list-title .list-subtitle {
                flex: 1
            }

        .dvir-parent-list li.defect-parent-item .child-heading .hidden-text-input {
            width: 100%;
            display: none;
            box-sizing: border-box
        }

            .dvir-parent-list li.defect-parent-item .child-heading .hidden-text-input .new-defect-remark {
                width: 100%;
                margin-top: 0.5rem;
                font-size: 12px
            }

        .dvir-parent-list li.defect-parent-item .child-heading > span.list-title {
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

        .dvir-parent-list li.defect-parent-item .hidden-div ul.dvir-child-list {
            padding: 0;
            margin: 0
        }

            .dvir-parent-list li.defect-parent-item .hidden-div ul.dvir-child-list li.defect-child-item {
                list-style-type: none;
                overflow-wrap: break-word
            }

    .dvir-parent-list .alert-tag {
        color: #202328;
        font-size: 12px;
        padding: 5px 9px;
        background: #EFF2F7;
        border-radius: 18px;
        flex-shrink: 0
    }

    .dvir-parent-list .geo-checkbox__label-text {
        font-size: 12px
    }

    .dvir-parent-list .geo-checkbox__input:disabled + .geo-checkbox__label .geo-checkbox__label-text {
        color: #C7CBD2;
        font-style: italic
    }

    .dvir-parent-list .toggle-defect-button {
        background: none;
        color: #0062A9;
        border: 0
    }

        .dvir-parent-list .toggle-defect-button:active, .dvir-parent-list .toggle-defect-button:focus {
            background: #E5F7FD
        }

    .dvir-parent-list .toggle-defect-button-remove {
        color: #DE3030
    }

        .dvir-parent-list .toggle-defect-button-remove:active, .dvir-parent-list .toggle-defect-button-remove:focus {
            background: #FDE5E5
        }

    .dvir-parent-list .toggle-defect-button:disabled {
        font-style: italic
    }

    .dvir-parent-list#defects-list li.defect-parent-item .parent-heading {
        padding: 11px 0
    }

    .dvir-parent-list#required-defects-list {
        margin-bottom: 16px
    }

.defect-name-container {
    color: #202328
}

    .defect-name-container .dvir-defect-severity-icon {
        width: auto;
        height: auto
    }

        .defect-name-container .dvir-defect-severity-icon .svgIcon {
            height: 12px;
            width: 12px;
            top: 0px;
            left: 0px
        }

    .defect-name-container.part-name {
        color: #0062A9;
        fill: #0062A9;
        word-wrap: break-word;
        word-break: break-word
    }

    .defect-name-container.Critical {
        color: #DE3030;
        fill: #DE3030
    }

    .defect-name-container.Unregulated {
        color: #888;
        fill: #888
    }

.title-line {
    display: block;
    font-weight: 500;
    color: #575757;
    font-size: 14px;
    padding: 5px
}

.row {
    clear: both;
    width: 100%;
    display: block
}

.column {
    overflow: hidden;
    float: left
}

.col1of2 {
    padding-right: 20px;
    width: 60%;
    overflow: hidden;
    float: left
}

.col2of2 {
    width: 40%;
    overflow: hidden;
    float: left
}

.col1of3 {
    width: 30%;
    padding-right: 10px;
    overflow: hidden;
    float: left
}

.col2of3 {
    width: 30%;
    padding-right: 10px;
    overflow: hidden;
    float: left
}

.col3of3 {
    width: 40%;
    overflow: hidden;
    float: left
}

.blueHatching {
    width: 7px;
    border: 1px solid #25477B;
    overflow: hidden
}

    .blueHatching svg {
        top: 0;
        width: 7px;
        height: 100%;
        fill: #25477B
    }

.redFill {
    border-left: 7px solid #ca0b0b
}

@media print {
    #dvir_WebViewVersion {
        display: none
    }

    #dvir_printVersion {
        overflow: hidden;
        display: block;
        font-size: 1.5em;
        color: #222
    }

        #dvir_printVersion .label {
            color: #25477B;
            margin-right: 5px
        }

        #dvir_printVersion .print-title {
            display: flex;
            align-items: baseline
        }

        #dvir_printVersion .print-title__icon {
            width: 11px;
            height: 11px;
            display: inline-block;
            position: relative;
            margin: 0 5px;
            flex: 0 0 auto
        }

        #dvir_printVersion .dvirPrint__header .vehicle__label, #dvir_printVersion .dvirPrint__header .trailer__label {
            color: #5293c6
        }

        #dvir_printVersion .dvirPrint__header .header__pageName {
            color: #25477B
        }

        #dvir_printVersion .dvirPrint__header .header__additional {
            display: flex;
            flex-wrap: wrap
        }

        #dvir_printVersion .dvirPrint__header .provider {
            font-size: 1.1em
        }

        #dvir_printVersion h1 {
            font-size: 2em;
            margin: 5px 0
        }

        #dvir_printVersion section {
            display: table-row;
            clear: both;
            width: 100%;
            display: block;
            border-top: 1px solid #25477B;
            margin: 5px 0;
            padding: 10px 0
        }

            #dvir_printVersion section section {
                border: 0;
                margin: 0;
                padding: 0
            }

        #dvir_printVersion .sectionTitle {
            color: #25477B;
            font-weight: bold
        }

        #dvir_printVersion ._defected.severity_normal > .item__name {
            color: #25477B
        }

        #dvir_printVersion ._defected.severity_critical > .item__name {
            color: #ca0b0b
        }

        #dvir_printVersion ._defected.severity_unregulated > .item__name {
            color: #888
        }

        #dvir_printVersion .companyData {
            display: flex;
            flex-wrap: wrap
        }

        #dvir_printVersion .generalData .generalData__driver {
            flex: 1 1 100%;
            display: flex;
            flex-wrap: wrap
        }

        #dvir_printVersion .generalData .vehicleInfo {
            flex: 1 1 100%;
            display: flex;
            flex-wrap: wrap;
            font-size: 1.1em;
            font-weight: bold
        }

        #dvir_printVersion .generalData .vehicleRegistrationData, #dvir_printVersion .generalData .inspectionData {
            display: flex;
            flex-wrap: wrap
        }

        #dvir_printVersion .item__defect-icon {
            font-size: 0.8em
        }

        #dvir_printVersion .inspectionList .inspectionList__generalInfo {
            width: 40%;
            margin-bottom: 10px
        }

        #dvir_printVersion .inspectionList._hasDefects .inspectionList__noDefects {
            display: none
        }

        #dvir_printVersion .inspectionList .legend {
            width: 60%;
            float: right;
            border: 1px solid #25477B;
            padding: 5px 0;
            page-break-inside: avoid
        }

            #dvir_printVersion .inspectionList .legend .legend__items {
                margin: 0 7px 7px 0;
                overflow: hidden
            }

            #dvir_printVersion .inspectionList .legend .legend__label {
                text-align: center;
                text-transform: uppercase;
                color: #222;
                margin-right: 0
            }

            #dvir_printVersion .inspectionList .legend .item {
                float: left;
                width: 33%;
                line-height: 1.6em;
                padding: 7px 0 0 10px;
                position: relative
            }

            #dvir_printVersion .inspectionList .legend .item__defect-icon {
                display: inline-block;
                width: 1.2em;
                height: 1.2em;
                top: 0.3em;
                position: relative
            }

            #dvir_printVersion .inspectionList .legend .item__icon {
                position: relative;
                display: inline-block;
                top: 0.5em;
                height: 1.6em
            }

            #dvir_printVersion .inspectionList .legend .item__normal {
                color: #25477B
            }

            #dvir_printVersion .inspectionList .legend .item__critical {
                color: #ca0b0b
            }

            #dvir_printVersion .inspectionList .legend .item__unregulated {
                color: #888
            }

            #dvir_printVersion .inspectionList .legend .item__title {
                font-size: 0.8em
            }

            #dvir_printVersion .inspectionList .legend .item__normal .item__icon {
                width: 7px;
                border: 1px solid #25477b;
                overflow: hidden
            }

                #dvir_printVersion .inspectionList .legend .item__normal .item__icon svg {
                    top: 0;
                    width: 7px;
                    height: 100%;
                    fill: #25477B
                }

            #dvir_printVersion .inspectionList .legend .item__critical .item__icon {
                border-left: 7px solid #ca0b0b
            }

        #dvir_printVersion .inspectionList .defects {
            margin: 10px 0;
            text-transform: uppercase;
            clear: both;
            overflow: visible
        }

        #dvir_printVersion .inspectionList .defects__item-remarks {
            margin-left: 20px
        }

        #dvir_printVersion .inspectionList .defects .defects__col1, #dvir_printVersion .inspectionList .defects .defects__col2 {
            width: 50%;
            overflow: visible !important
        }

        #dvir_printVersion .inspectionList .defects .defects__item {
            overflow: hidden;
            display: table;
            margin: 2px 20px;
            position: relative;
            page-break-inside: avoid
        }

            #dvir_printVersion .inspectionList .defects .defects__item .item__defect-icon, #dvir_printVersion .inspectionList .defects .defects__item .item__icon, #dvir_printVersion .inspectionList .defects .defects__item .item__title {
                display: table-cell
            }

            #dvir_printVersion .inspectionList .defects .defects__item .item__title {
                font-size: 1.1em
            }

            #dvir_printVersion .inspectionList .defects .defects__item .item__defect-icon {
                min-width: 20px;
                vertical-align: middle;
                padding-right: 5px
            }

            #dvir_printVersion .inspectionList .defects .defects__item .item__icon {
                position: relative;
                top: -4px;
                width: 20px;
                vertical-align: middle;
                fill: #286000
            }

            #dvir_printVersion .inspectionList .defects .defects__item._leaf .item__icon {
                top: 0
            }

            #dvir_printVersion .inspectionList .defects .defects__item._defected .item__icon {
                fill: #ca0b0b
            }

            #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf {
                text-transform: none;
                margin-left: 30px
            }

                #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf .item__icon {
                    height: 1.6em
                }

                #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf .item__title {
                    padding: 0 2px;
                    border-width: 1px 1px 1px 0;
                    border-style: solid;
                    line-height: 1.6em
                }

                #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_normal {
                    color: #25477B
                }

                    #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_normal .item__icon {
                        width: 7px;
                        border: 1px solid #25477b;
                        overflow: hidden
                    }

                        #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_normal .item__icon svg {
                            top: 0;
                            width: 7px;
                            height: 100%;
                            fill: #25477B
                        }

                        #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_normal .item__icon svg {
                            height: 200px
                        }

                    #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_normal .item__title {
                        border-color: #25477B
                    }

                #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_critical {
                    color: #ca0b0b
                }

                    #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_critical .item__icon {
                        border-left: 7px solid #ca0b0b;
                        width: 0
                    }

                    #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_critical .item__title {
                        border-color: #ca0b0b
                    }

                #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_unregulated {
                    color: #888;
                    align-items: baseline
                }

                    #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_unregulated .item__icon {
                        display: none
                    }

                    #dvir_printVersion .inspectionList .defects .defects__item._defected._leaf.severity_unregulated .item__title {
                        border: none;
                        padding: 0
                    }

        #dvir_printVersion .inspectionList .driverRemark {
            clear: both
        }

        #dvir_printVersion .inspectionList .summary {
            margin-top: 10px
        }

            #dvir_printVersion .inspectionList .summary .repairs .defects__list {
                list-style: none;
                margin: 0 0 10px 0;
                padding: 0
            }

            #dvir_printVersion .inspectionList .summary .repairs .defect__item {
                margin: 0 0 5px 40px
            }

                #dvir_printVersion .inspectionList .summary .repairs .defect__item .item__name {
                    display: table;
                    margin-left: -20px
                }

                #dvir_printVersion .inspectionList .summary .repairs .defect__item .iitem__defect-icon {
                    width: 20px;
                    display: table-cell
                }

                #dvir_printVersion .inspectionList .summary .repairs .defect__item .item__icon {
                    width: 11px;
                    height: 11px;
                    display: inline-block;
                    position: relative;
                    margin: 0 5px
                }

            #dvir_printVersion .inspectionList .summary .certification .certification__certifiedAs {
                font-weight: bold
            }

        #dvir_printVersion .inspectionList .defect-remarks__remarks-list {
            margin: 0;
            list-style: none;
            padding: 0;
            color: #222
        }

        #dvir_printVersion .inspectionList .defect-remarks .remark .remark__icon {
            fill: #205d88
        }

        #dvir_printVersion .inspectionList .defect-remarks .remark .remark__images {
            flex-basis: 100%;
            padding: 3px
        }

        #dvir_printVersion .inspectionList .defect-remarks .remark .remark__image {
            display: inline-block;
            padding: 3px
        }

        #dvir_printVersion .printPlaceholder {
            margin-top: 50px;
            font-size: 1.5em;
            display: flex;
            align-items: center;
            justify-content: center
        }

            #dvir_printVersion .printPlaceholder .svgIcon {
                fill: #751111;
                margin-right: 1em;
                width: 1em;
                height: 1em;
                flex: 0 0 auto
            }

            #dvir_printVersion .printPlaceholder .text.type_notLoadedData {
                display: block
            }

            #dvir_printVersion .printPlaceholder .text.type_notSavedData {
                display: none
            }

        #dvir_printVersion.action_add .printPlaceholder .text.type_notLoadedData {
            display: none
        }

        #dvir_printVersion.action_add .printPlaceholder .text.type_notSavedData {
            display: block
        }
}

@media only print and (max-width:700px) {
    #dvir_printVersion .inspectionList .inspectionList__generalInfo, #dvir_printVersion .inspectionList .inspectionList__legend.legend {
        width: 100%;
        padding: 0;
        float: none
    }
}

@media only print and (max-width:500px) {
    #dvir_printVersion .col1of3 {
        width: 60%;
        padding-right: 10px
    }

    #dvir_printVersion .col2of3 {
        width: 40%;
        padding-right: 0
    }

    #dvir_printVersion .col3of3 {
        width: 100%;
        float: none;
        clear: both;
        padding-right: 0
    }

    #dvir_printVersion .inspectionList .defects .defects__col1, #dvir_printVersion .inspectionList .defects .defects__col2 {
        width: 100%;
        padding-right: 0;
        float: none
    }
}

@media (max-width:300px) {
    #dvir_printVersion .col1of2, #dvir_printVersion .col2of2, #dvir_printVersion .col1of3, #dvir_printVersion .col2of3, #dvir_printVersion .col3of3 .summary__repairs, #dvir_printVersion .summary__certification, #dvir_printVersion .inspectionList .summary .repairs, #dvir_printVersion .inspectionList .summary .certification {
        width: 100%;
        padding-right: 0;
        float: none
    }

    #dvir_printVersion .inspectionList .legend .item {
        float: none;
        width: 100%
    }

        #dvir_printVersion .inspectionList .legend .item .item__icon {
            width: 7px
        }
}

.about-data {
    padding: 1em
}

.about-section {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5em 0
}

.about-section__header {
    display: flex;
    flex: 0 0 250px;
    min-width: 200px;
    font-size: 1.2em;
    color: #25477B
}

.about-section__header_wide {
    flex: 0 0 100%;
    padding-bottom: 1em
}

.about-section__value {
    flex: 1 1 60%;
    min-width: 200px
}

.about-section__value_inline {
    font-size: 1em
}

.about-section__header {
    color: #0062A9
}

.support-service__field {
    display: flex;
    align-items: center
}

    .support-service__field:first-child {
        padding-bottom: 0.5em
    }

.support-service__label {
    flex: 0 1 120px
}

.support-service__input {
    flex: 0 1 200px
}

#engineMeasurements_id .checkmateListBuilderRowDetails {
    position: relative
}

#engineFaults_id .checkmateListBuilderRow, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .checkmateListBuilderRow {
    position: relative
}

    #engineFaults_id .checkmateListBuilderRow .multipleSelection_checkbox, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .checkmateListBuilderRow .multipleSelection_checkbox {
        position: absolute;
        top: 5px;
        right: 7px
    }

    #engineFaults_id .checkmateListBuilderRow .showMoreButton, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .checkmateListBuilderRow .showMoreButton {
        display: none;
        margin-top: 10px;
        padding-left: 0;
        border: 0;
        background: none;
        color: #25477B
    }

        #engineFaults_id .checkmateListBuilderRow .showMoreButton:hover, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .checkmateListBuilderRow .showMoreButton:hover {
            text-decoration: underline;
            cursor: pointer
        }

#engineFaults_id .g-name, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .g-name {
    display: inline;
    width: auto
}

#engineFaults_id .g-space, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .g-space {
    position: absolute;
    top: 4px
}

#engineFaults_id .g-relative, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .g-relative {
    position: relative
}

#engineFaults_id .engine-faults-expand, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .engine-faults-expand {
    margin-left: 20px
}

#engineFaults_id .engine-faults-count, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .engine-faults-count {
    font-size: 1.2em;
    padding-right: 20px
}

#engineFaults_id .sparkLineLink, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .sparkLineLink {
    float: right;
    width: 150px;
    height: 30px
}

#engineFaults_id .extraDetails, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .extraDetails {
    position: relative;
    padding-right: 25px
}

    #engineFaults_id .extraDetails .eventDateTime, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .extraDetails .eventDateTime {
        display: inline-block;
        min-width: 170px;
        vertical-align: middle
    }

    #engineFaults_id .extraDetails .multipleSelection_checkbox, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .extraDetails .multipleSelection_checkbox {
        position: absolute;
        top: -5px;
        right: -3px
    }

    #engineFaults_id .extraDetails.dismissed, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .extraDetails.dismissed {
        color: #757575
    }

        #engineFaults_id .extraDetails.dismissed .primaryData, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .extraDetails.dismissed .primaryData {
            color: #757575
        }

#engineFaults_id .additionalDetailsCont, #engineMeasurements_id .checkmateListBuilder.groupBy_diagnostic .additionalDetailsCont {
    display: none;
    padding-top: 6px;
    padding-left: 20px;
    float: none;
    clear: both
}

@media only screen and (max-width:768px) {
    #engineFaults_id .g-name {
        padding-right: 20px
    }

    #engineFaults_id .checkmateListBuilderRow > .multipleSelection_checkbox {
        top: 3px;
        right: 10px
    }

    #engineFaults_id .extraDetails .multipleSelection_checkbox {
        top: -5px;
        right: -2px
    }

    #engineMeasurements_id .checkmateListBuilderRow {
        flex-wrap: wrap
    }

    #engineMeasurements_id .checkmateListBuilderRowDetails {
        width: 100%
    }

    #engineMeasurements_id .miniSparkLineCont {
        margin: 10px 0
    }
}

@media only screen and (max-width:480px) {
    #engineFaults_id .extraDetails .multipleSelection_checkbox {
        top: -5px;
        right: 2px
    }
}

.ev-charging {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.ev-charging__help-tooltip {
    display: flex
}

.ev-charging__main-data {
    align-items: center
}

.ev-charging__private-icon {
    width: 22px;
    height: 32px;
    background-repeat: no-repeat
}

.ev-charging__link {
    margin-right: 8px
}

.ev-charging__no-data {
    display: inline-flex;
    align-items: center
}

.ev-charging__no-data-icon {
    margin-right: 5px;
    fill: #575757
}

.ev-charging__close-button {
    width: 17px;
    height: 17px;
    right: 10px;
    top: 10px;
    fill: #FFF;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    cursor: pointer
}

.ev-charging__models-link {
    color: #FFF
}

    .ev-charging__models-link:focus {
        outline: auto;
        outline-color: #0078D3
    }

    .ev-charging__models-link:hover {
        background: transparent
    }

.ev-charging__list-limited {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    padding-left: 10px;
    margin: 0
}

.ev-charging__limited-popup {
    padding: 0
}

.ev-charging__popup-header {
    border-bottom: 1px solid #C7CBD2;
    letter-spacing: 0.4px;
    background: #3C5063;
    color: #FFF;
    fill: #FFF;
    align-items: center;
    text-align: center;
    font-size: 0.8em;
    padding-top: 0;
    min-height: 35px
}

.ev-charging__header-text {
    flex: 1 1 auto;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #FFF;
    fill: #FFF;
    background: #3C5063;
    letter-spacing: 0.4px;
    width: 100%;
    text-transform: unset;
    display: inline-block;
    padding-left: 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px
}

.ev-charging__popup-row {
    padding: 10px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    color: #222;
    border-bottom: 1px solid #C5DBEC
}

.ev-charging__popup-heading {
    flex: 0 1 90px;
    font-weight: bold;
    padding-right: 5px;
    color: #575757
}

.ev-charging__popup-list {
    flex: 1 1 auto;
    text-align: right;
    max-height: 80px;
    overflow: auto;
    padding: 0 3px;
    color: #202328;
    margin: 0;
    list-style: none
}

.trips-header--private .trips-stat__idling {
    display: none
}

.trips-header {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    padding: 10px 25px;
    background: #e5f2fa;
    border: 1px #e5f2fa solid;
    color: #25477B
}

.trips-header__entry-day {
    display: flex;
    flex: 0 1 auto;
    min-width: 250px;
    width: 100%;
    max-width: 370px
}

.trips-header__link {
    margin-left: 10px
}

.trips-header__stat {
    width: 93%
}

.trips-header__row {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    max-width: 100%
}

.trips-header__day {
    color: #25477B;
    font-weight: bold;
    line-height: 32px;
    font-size: 1.2em;
    white-space: nowrap
}

.trips-header__day--dark {
    line-height: 32px;
    font-size: 14px;
    white-space: nowrap;
    color: #FFF
}

.trips-header__entity {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding-left: 10px;
    color: #25477B;
    line-height: 32px;
    font-size: 1.2em
}

.trips-header__entity--dark {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding-left: 10px;
    line-height: 32px;
    font-size: 14px;
    color: #FFF;
    font-weight: 500
}

.trips-header--dark {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    padding: 7px 25px;
    border: 1px #e5f2fa solid;
    color: #FFF;
    background-color: #3C5063
}

    .trips-header--dark:hover, .trips-header--dark:active {
        background-color: #3C5063;
        text-decoration: none;
        outline: none
    }

    .trips-header--dark:focus {
        background-color: #3C5063;
        text-decoration: none;
        outline-style: auto
    }

.trips-stat {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.trips-stat__col {
    margin-left: 25px
}

.trips-stat-pair__value {
    color: #25477B;
    font-weight: bold;
    padding-left: 10px;
    white-space: nowrap
}

.trips-stat-pair__value--dark {
    font-weight: 500;
    padding-left: 10px;
    white-space: nowrap;
    color: #FFF;
    font-size: 14px
}

.trips-stat-pair__title {
    color: #757575
}

.trips-stat-pair__title--dark {
    float: left;
    min-width: 150px;
    color: #FFF;
    font-size: 12px
}

.trips-stat-list {
    display: flex
}

.trips-stat-list__pair {
    padding-left: 25px
}

    .trips-stat-list__pair:first-child {
        padding: 0
    }

.quarter-space .trips-header__row {
    flex-direction: column;
    align-items: flex-start
}

.quarter-space .trips-stat {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px
}

.quarter-space .trips-stat__col {
    flex-direction: column;
    margin-left: 0
}

.quarter-space .trips-stat-list__pair {
    padding: 0
}

@media (max-width:2560px) {
    .half-space .trips-stat__col {
        flex-direction: column
    }

    .half-space .trips-stat-list__pair {
        padding: 10px 0 0 0
    }

        .half-space .trips-stat-list__pair:first-child {
            padding: 0
        }

    .half-space .trips-stat-pair__value--dark {
        padding-left: 0
    }
}

@media (max-width:1800px) {
    .half-space .trips-stat {
        flex-direction: column;
        align-items: flex-start
    }

    .half-space .trips-stat__col {
        flex-direction: column
    }

    .half-space .trips-stat-list__pair {
        padding: 0
    }

    .half-space .trips-stat-pair__value--dark {
        padding-left: 0
    }
}

@media (max-width:1365px) {
    .half-space .trips-header__row {
        flex-direction: column;
        align-items: flex-start
    }

    .half-space .trips-stat {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px
    }

    .half-space .trips-stat__col {
        flex-direction: column;
        margin-left: 0
    }

    .half-space .trips-stat-list__pair {
        padding: 0
    }
}

@media (max-width:1250px) {
    .trips-stat__col {
        flex-direction: column
    }

    .trips-stat-list__pair {
        padding: 10px 0 0 0
    }

        .trips-stat-list__pair:first-child {
            padding: 0
        }

    .trips-stat-pair__value--dark {
        padding-left: 0
    }
}

@media (max-width:1050px) {
    .trips-stat {
        flex-direction: column;
        align-items: flex-start
    }

    .trips-stat__col {
        flex-direction: column
    }

    .trips-stat-list__pair {
        padding: 0
    }

    .trips-stat-pair__value--dark {
        padding-left: 0
    }
}

@media (max-width:600px) {
    .trips-header__row {
        flex-direction: column;
        align-items: flex-start
    }

    .trips-stat {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px
    }

    .trips-stat__col {
        flex-direction: column;
        margin-left: 0
    }

    .trips-stat-list__pair {
        padding: 0
    }
}

#tripsHistory_BuilderId .checkmateListTable li:last-child .trip-bookmark__content {
    margin-bottom: 0
}

.trips-no-data.trips-no-data--old {
    display: flex;
    width: 100%;
    background: #fefefe;
    border: none;
    min-height: 32px;
    border-bottom: 1px #ddd solid;
    border-left: 5px #C5DBEC solid;
    padding: 3px 6px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    display: block;
    cursor: pointer;
    color: #25477B;
    fill: #25477B;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 32px;
    font-size: 1.2em
}

    .trips-no-data.trips-no-data--old:hover {
        background-color: #f9f9f9;
        background-image: linear-gradient(to bottom,#fefefe,#f1f1f1);
        background-repeat: repeat-x;
        border-bottom-color: #ddd;
        border-left-color: #5293c6;
        color: #25477B;
        text-decoration: none;
        outline: none
    }

.trip-row--selected .trip-row__selection {
    border-left: 0;
    width: 20px
}

.trip-row--selected .trip-row__selection-number {
    display: inline
}

.trip-row--selected .trip-stat__row {
    padding-left: 0
}

.trip-row--selected .trip-stat__row--highlight {
    padding-left: 0
}

.trip-row--private {
    cursor: default
}

    .trip-row--private .trip-stop-stat__idling {
        display: none
    }

    .trip-row--private .trip-stop-stat__private-trip {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 1 100 auto
    }

    .trip-row--private .trip-stop-stat__address {
        font-size: 0.9rem
    }

    .trip-row--private.trip-row:hover .trip-row__selection {
        border-left-color: #ddd
    }

.trips-no-data {
    min-height: 40px;
    height: auto;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    color: #202328;
    padding: 12px 16px;
    background-color: #F4F6F8
}

.trip-row {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.trip-row__link {
    display: flex;
    width: 100%;
    text-decoration: none;
    padding: 0
}

    .trip-row__link:hover {
        outline: none;
        text-decoration: none;
        background-color: transparent
    }

    .trip-row__link:focus {
        outline-style: auto;
        text-decoration: none;
        background-color: transparent
    }

    .trip-row__link:active {
        outline: none;
        text-decoration: none;
        background-color: transparent
    }

.trip-row:hover .trip-row__selection, .trip-row--hover .trip-row__selection {
    border-left-color: #0078D3
}

.trip-row__selection-number {
    display: none;
    font-size: 1.1rem;
    font-weight: bold;
    color: #FFF
}

.trip-row__selection-number--small {
    font-size: 1rem
}

.trip-row__selection-number--smaller {
    font-size: 0.8rem
}

.trip-row__selection {
    border-left: 8px solid #C5DBEC;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto
}

.trip-row__selection--inactive {
    border-left: 8px solid #ddd
}

.trip-row__exception-bookmark {
    display: none;
    top: 35%
}

.trip-row__exception-bookmark--last {
    align-items: flex-end;
    top: unset;
    bottom: calc(32% + 24px + 4px)
}

.trip-row__exception-bookmark--previous-trip {
    top: 22%
}

.trip-row__exception-bookmark--hidden {
    display: none
}

.trip-row__exception-bookmark--block {
    display: block
}

.trip-row__exception-bookmark--shown {
    display: flex
}

.trip-row__action-bookmark {
    top: calc(35% + 24px + 4px)
}

.trip-row__action-bookmark--last {
    align-items: flex-end;
    top: unset;
    bottom: 32%
}

.trip-row__action-bookmark--previous-trip {
    top: calc(22% + 24px + 4px)
}

    .trip-row__action-bookmark--previous-trip .trip-bookmark__button--bottom {
        top: 7px
    }

.trip-row__action-bookmark--single {
    top: calc(50% - 12px)
}

    .trip-row__action-bookmark--single.trip-row__action-bookmark--previous-trip {
        bottom: calc(44% - 12px);
        top: calc(50% - 12px)
    }

.state-icon {
    width: 40px;
    height: 100%;
    fill: #0078D3
}

.state-icon--empty {
    width: 40px;
    height: 100%;
    stroke: #0078D3;
    fill: none
}

.state-icon__icon--smaller {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 8px;
    width: 16px;
    height: 16px
}

.trip-driving-stat {
    min-height: 60px
}

.trip-driving-stat__icon {
    min-height: 60px;
    position: relative
}

.trip-driving-stat__icon-last {
    min-height: 90px
}

.trip-driving-stat__trip-line--smaller {
    position: absolute;
    left: 15px;
    top: calc(50% + 14px);
    height: calc(50% - 14px);
    bottom: 0
}

.trip-stop-stat {
    min-height: 90px;
    background-color: #fefefe
}

.trip-stop-stat__icon {
    min-height: 90px;
    position: relative
}

.trip-stop-stat__trip-line--smaller {
    position: absolute;
    left: 15px;
    bottom: calc(50% + 14px);
    height: calc(50% - 14px)
}

.trip-stat {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    width: 100%
}

.trip-stat__row {
    display: flex;
    padding-left: 12px
}

.trip-stat__row--highlight {
    display: flex;
    padding-left: 12px;
    width: 100%;
    background-color: #F4F6F8
}

.trip-line--blue {
    width: 2px;
    background-color: #0062A9
}

.trip-line--started {
    position: absolute;
    height: calc(50% - 12px);
    left: 35px;
    border: 1px dashed #0062A9
}

.trip-line--stopped {
    position: absolute;
    height: calc(50% - 12px);
    left: 35px;
    bottom: 0;
    border: 1px dashed #0062A9
}

.trip-text-stat {
    display: flex;
    max-width: 1400px;
    width: 100%
}

.trip-text-stat__group--full-width {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    width: 100%;
    margin-right: 20px
}

.trip-text-stat__item {
    padding: 0 10px;
    max-width: 350px;
    width: 100%
}

.trip-stat-pair {
    display: flex
}

.trip-stat-pair__value--blue {
    color: #0062A9;
    font-weight: 600;
    padding-left: 10px;
    white-space: nowrap;
    font-size: 14px
}

.trip-stat-pair__title {
    color: #757575
}

.trip-stat-pair__title--alignLeft {
    font-size: 12px;
    color: #757575
}

.trip-stat-pair__title--small {
    flex: 0 1 50px
}

.trip-stat-pair__title--big {
    flex: 0 1 110px
}

.trip-address {
    flex-direction: column;
    align-items: flex-start
}

.trip-address__address--blue {
    font-size: 12px;
    color: #0062A9
}

.trip-address__zone {
    display: none
}

.trip-address__zone--with-zone {
    display: block
}

.trip-address__zone-icon {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-bottom: -2px
}

.trip-address__zone-title {
    color: #757575;
    font-size: 0.9rem;
    line-height: 1.7rem
}

.trip-address__in-progress {
    display: none;
    font-size: 12px;
    color: #0062A9;
    padding-top: 6px
}

.trip-address--in-progress {
    padding-top: 7px
}

    .trip-address--in-progress .trip-address__in-progress {
        display: block
    }

.trip-bookmark--opened {
    display: flex;
    z-index: 4
}

    .trip-bookmark--opened .trip-bookmark__content {
        display: block;
        width: 100%;
        margin-right: 27px;
        box-shadow: 0px 2px 6px rgba(11,32,50,0.2);
        border-radius: 4px;
        align-self: end
    }

    .trip-bookmark--opened .trip-bookmark__marker {
        position: absolute;
        right: 5px
    }

    .trip-bookmark--opened .trip-bookmark__button--exception {
        background-color: #DE3030
    }

        .trip-bookmark--opened .trip-bookmark__button--exception .trip-exceptions__front-warning {
            display: none
        }

    .trip-bookmark--opened .trip-bookmark__button--close {
        display: block
    }

    .trip-bookmark--opened .trip-bookmark__details {
        display: none
    }

    .trip-bookmark--opened.trip-row__action-bookmark .trip-bookmark__content {
        position: absolute;
        right: 8px;
        width: auto
    }

    .trip-bookmark--opened.trip-row__exception-bookmark .trip-bookmark__content {
        position: absolute;
        right: 8px;
        min-width: 250px;
        width: auto
    }

    .trip-bookmark--opened .trip-exceptions__front-warning, .trip-bookmark--opened .trip-exceptions__back-warning {
        display: none
    }

.trip-bookmark--stretch .trip-bookmark__content {
    width: 100%
}

.trip-bookmark {
    max-width: 100%;
    background: none;
    position: absolute;
    right: 0;
    padding-right: 5px;
    padding-bottom: 5px
}

.trip-bookmark__marker {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    height: 24px;
    width: 24px;
    border: 1px solid #0078D3;
    z-index: 2
}

.trip-bookmark__marker--noBorder {
    border: none
}

.trip-bookmark__content {
    width: calc(100% - 40px);
    background-color: #FFF;
    display: none
}

.trip-bookmark__button {
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    background-color: #0078D3;
    border: none;
    padding: 0;
    height: 100%;
    width: 24px;
    border-radius: 4px
}

.trip-bookmark__button--exception {
    background-color: #DE3030
}

    .trip-bookmark__button--exception:hover, .trip-bookmark__button--exception:focus {
        background-color: #9D1616
    }

.trip-bookmark__button--detailsAction {
    display: flex;
    outline: none;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

    .trip-bookmark__button--detailsAction:hover, .trip-bookmark__button--detailsAction:focus {
        background-color: #25477B
    }

.trip-bookmark__button--close {
    display: none;
    fill: #FFF;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px
}

.trip-bookmark__button--bottom {
    left: 7px
}

.trip-bookmark__icon {
    fill: #FFF;
    width: 12px;
    height: 100%
}

.exceptions-dialog {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    border: 0;
    border-radius: 4px
}

.exceptions-dialog__header {
    display: flex
}

.exceptions-dialog__links {
    background-color: #FFF;
    padding: 16px 15px 15px 18px;
    border-radius: 4px
}

.exceptions-header {
    display: flex
}

.exceptions-header__title {
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px 6px 6px
}

.exceptions-header__sort {
    display: flex;
    height: 40px;
    width: 100%;
    padding: 6px 5px;
    background-color: #EFF2F7;
    border-radius: 4px
}

.exceptions-header__sort-title {
    padding: 6px 7px 6px 10px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px
}

.exceptions-header__option {
    padding: 0 6px;
    color: #25477B;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-style: normal;
    font-size: 14px;
    text-decoration: none;
    color: #0062A9
}

.exceptions-header__option--selected {
    font-weight: bold
}

@media (max-width:600px) {
    .exceptions-header__title {
        display: none
    }
}

@media (max-width:400px) {
    .exceptions-header__sort-title {
        display: none
    }

    .exceptions-header__sort {
        justify-content: space-around
    }

    .trip-bookmark--opened.trip-row__exception-bookmark .trip-bookmark__content {
        min-width: 200px
    }
}

@media (max-width:990px) and (min-width:940px) {
    .exceptions-header__sort-title {
        padding: 6px 2px 6px 0px
    }

    .exceptions-header__sort {
        padding-right: 0
    }

    .trip-bookmark--opened.trip-row__exception-bookmark .trip-bookmark__content {
        margin-right: 24px
    }
}

.exception-link {
    display: flex;
    justify-content: space-between
}

.exception-link__link {
    font-size: 14px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 20px;
    text-decoration: none;
    color: #0062A9
}

.exception-link__stat {
    white-space: nowrap;
    padding-left: 10px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px
}

.trip-action-list {
    padding: 5px
}

.trip-action-list__action {
    padding: 3px;
    text-align: left
}

.trip-action__icon {
    width: 12px;
    height: 12px;
    margin-bottom: -1px
}

.trip-action__title {
    padding-left: 3px
}

.trip-exceptions {
    height: 100%;
    position: relative
}

.trip-exceptions__warning {
    position: absolute;
    width: 12px;
    height: 12px
}

.trip-exceptions__warning--separate {
    width: 16px;
    height: 16px;
    margin-top: 11px;
    fill: #DE3030;
    margin-left: 11px;
    margin-right: 9px
}

.trip-exceptions__front-warning {
    top: 5px;
    left: 6px
}

.trip-exceptions__back-warning {
    top: 3px;
    left: 8px
}

.trip-exceptions__background {
    position: absolute;
    background-color: #FFF;
    height: 16px;
    top: 6px;
    left: 18px
}

.trip-driving-stat__space-driving {
    min-width: 500px
}

.trip-driving-stat__space-driving--small {
    max-width: 350px
}

.trip-driving-stat__space {
    flex: 1 0 300px
}

.trip-stop-stat__address {
    flex: 1 0 300px
}

.trip-stop-stat__address-stopped {
    min-width: 500px
}

.trip-stop-stat__address-stopped--small {
    max-width: 350px
}

.trip-stop-stat__private-trip {
    display: none
}

.trip-stop-stat__private-icon {
    margin-right: 35px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center
}

.foldStatGroup .trip-text-stat {
    padding: 10px 0
}

.foldStatGroup .trip-text-stat__group {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.foldStatGroup .trip-text-stat__group--full-width {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.foldStatGroup .trip-text-stat__item {
    padding-bottom: 0
}

.foldStatGroup .trip-driving-stat__space-driving {
    min-width: 50px;
    max-width: 450px
}

.foldStatGroup .trip-driving-stat__space {
    display: none
}

.foldStatGroup .trip-stop-stat__address-stopped {
    min-width: 50px;
    max-width: 450px
}

.foldStatGroup .trip-stop-stat__address {
    flex: 0 0 auto;
    padding-bottom: 7px
}

.foldWholeStat .trip-text-stat {
    flex-direction: column
}

.foldWholeStat .trip-text-stat__item {
    padding-left: 0;
    padding-right: 0
}

.quarter-space .trip-text-stat {
    padding: 10px 0
}

.quarter-space .trip-text-stat__group {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.quarter-space .trip-text-stat__group--full-width {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.quarter-space .trip-text-stat__item {
    padding-bottom: 0
}

.quarter-space .trip-driving-stat__space-driving {
    min-width: 50px;
    max-width: 450px
}

.quarter-space .trip-driving-stat__space {
    display: none
}

.quarter-space .trip-stop-stat__address-stopped {
    min-width: 50px;
    max-width: 450px
}

.quarter-space .trip-stop-stat__address {
    flex: 0 0 auto;
    padding-bottom: 7px
}

.quarter-space .trip-driving-stat__space-driving--small, .quarter-space .trip-stop-stat__address-stopped--small {
    max-width: 200px
}

@media (max-width:2300px) {
    .quarter-space .trip-text-stat {
        flex-direction: column
    }

    .quarter-space .trip-text-stat__item {
        padding-left: 0;
        padding-right: 0
    }

    .quarter-space .trip-stat-pair__title--alignLeft {
        min-width: 115px
    }

    .quarter-space .exceptions-header__title {
        display: none
    }
}

@media (max-width:2000px) {
    .half-space .trip-text-stat {
        padding: 10px 0
    }

    .half-space .trip-text-stat__group {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .half-space .trip-text-stat__group--full-width {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .half-space .trip-text-stat__item {
        padding-bottom: 0
    }

    .half-space .trip-driving-stat__space-driving {
        min-width: 50px;
        max-width: 450px
    }

    .half-space .trip-driving-stat__space {
        display: none
    }

    .half-space .trip-stop-stat__address-stopped {
        min-width: 50px;
        max-width: 450px
    }

    .half-space .trip-stop-stat__address {
        flex: 0 0 auto;
        padding-bottom: 7px
    }

    .half-space .trip-stat-pair__title--alignLeft {
        min-width: 115px
    }
}

@media (max-width:1200px) {
    .half-space .trip-text-stat {
        flex-direction: column
    }

    .half-space .trip-text-stat__item {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1000px) {
    .trip-text-stat {
        padding: 10px 0
    }

    .trip-text-stat__group {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .trip-text-stat__group--full-width {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .trip-text-stat__item {
        padding-bottom: 0
    }

    .trip-driving-stat__space-driving {
        min-width: 50px;
        max-width: 450px
    }

    .trip-driving-stat__space {
        display: none
    }

    .trip-stop-stat__address-stopped {
        min-width: 50px;
        max-width: 450px
    }

    .trip-stop-stat__address {
        flex: 0 0 auto;
        padding-bottom: 7px
    }

    .trip-stat-pair__title--alignLeft {
        min-width: 115px
    }
}

@media (max-width:700px) {
    .geo-resize-button--left--hidden {
        display: none
    }
}

@media (max-width:600px) {
    .trip-text-stat {
        flex-direction: column
    }

    .trip-text-stat__item {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:440px) {
    .trip-driving-stat__space-driving--small, .trip-stop-stat__address-stopped--small {
        max-width: 200px
    }
}

.temporary {
    border-color: #DFC29E
}

    .temporary.checkmateListBuilder .checkmateListBuilderRow {
        border-left-color: #DFC29E
    }

        .temporary.checkmateListBuilder .checkmateListBuilderRow:hover {
            border-left-color: #d2aa78
        }

#devicesId .devicesSubInfo {
    max-width: 60%;
    min-width: 60%
}

#devicesId .devicesInfo {
    max-width: 550px;
    padding: 0 10px
}

#devicesId .first-row {
    width: 100%;
    display: flex
}

#devicesId .first-row__links-block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-right: 12px
}

#devicesId .first-row__link-button {
    width: 14px;
    height: 14px
}

#devicesId .first-row__device-link {
    width: calc(100% - 40px);
    text-decoration: none
}

#devicesId .first-row__device-link__hover:hover .mainText {
    text-decoration: underline
}

#devicesId .first-row .multiSelection {
    margin-left: 29px
}

#devicesId .first-row__links-block--empty .no-comm-button, #devicesId .first-row__links-block--empty .viewDeviceOnMap, #devicesId .first-row__links-block--empty .lastCommunication-placeholder {
    display: none
}

#devicesId .usualData {
    flex: 1 1 auto
}

#devicesId .multiSelection {
    padding-top: 8px
}

#devicesId .mainText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    word-wrap: normal;
    font-size: 1.3em;
    font-weight: bold;
    color: #25477B;
    fill: #25477B
}

#devicesId .secondaryText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    word-wrap: normal;
    color: #757575;
    fill: #757575
}

#devicesId .locationLink {
    margin-left: 3px
}

#devicesId .bigView {
    display: block
}

#devicesId .smallView {
    display: none
}

#devices_BuilderId .g-row {
    position: relative
}

    #devices_BuilderId .g-row .g-name .svgIcon {
        fill: #B9291E
    }

.withReportHeader .pdfCanvasParent {
    top: 165px
}

.hasMoreInfo {
    flex-direction: column
}

    .hasMoreInfo .mainData {
        min-width: 400px
    }

    .hasMoreInfo .usualData {
        text-align: right
    }

.additionalInfo {
    padding-left: 4px
}

    .additionalInfo .row {
        padding: 0.1em 0px
    }

.device-row {
    width: 100%
}

.device-row__full-data {
    display: flex
}

.device-row__main {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.device-row__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    text-decoration: none;
    color: #0062A9;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    padding: 0
}

.device-row__text--secondary {
    color: #575757;
    font-size: 12px;
    font-weight: 400
}

.device-row__text--placeholder {
    color: #757575;
    font-size: 12px;
    font-weight: 400
}

.device-row__text--alert {
    fill: #DE3030;
    color: #DE3030;
    font-size: 1.1em;
    font-weight: 400
}

.device-row__text--with-icon {
    display: flex;
    align-items: center
}

.device-row__text:hover, .device-row__text:active {
    outline: none;
    background-color: transparent;
    text-decoration: none
}

.device-row__text:focus {
    outline-style: auto;
    background-color: transparent;
    text-decoration: underline
}

.device-row__disconnected {
    width: 24px;
    height: 24px;
    fill: #66788C;
    border: 0px;
    display: flex;
    justify-content: center;
    align-items: center
}

.installations-amount {
    color: #DE3030;
    margin-left: 4px
}

.installation-warning {
    width: 100%;
    padding: 16px;
    border: 1px solid #784600;
    background-color: #FFF2D2;
    color: #784600;
    display: relative;
    margin-bottom: 8px
}

.installation-warning__text {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 0px;
    margin: 0px;
    margin-right: 3px
}

.installation-warning__cross {
    margin-right: 0px;
    border: none;
    background-color: #FFF2D2;
    fill: #784600;
    cursor: pointer;
    position: absolute;
    right: 16px
}

.groupsList {
    display: flex;
    align-items: center
}

.quick-import__example {
    padding-left: 15px
}

.pandingDevices-help {
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

    .pandingDevices-help > .pendingHelpSwitcher {
        margin: 0 8px
    }

.pendingDevices-table {
    margin-bottom: 20px
}

@media (max-width:768px) {
    #devicesId .mobileInfo {
        display: flex
    }

    #devicesId .first-row__device-link {
        width: calc(100% - 45px)
    }

    #devicesId .first-row__links-block--empty .viewDeviceOnMap {
        display: none
    }

    #devicesId .grid__content-wrapper, #devicesId .grid__header {
        display: none
    }

    #devicesId .grid__fixed-side {
        width: 100% !important;
        min-width: auto;
        max-width: none
    }

    #devicesId .grid__cell {
        padding-top: 8px;
        padding-bottom: 8px;
        border-top: 1px solid #C7CBD2
    }
}

@media (max-width:480px) {
    #devicesId .bigView {
        display: none
    }

    #devicesId .smallView {
        display: block
    }

    #devicesId .no-margin-on-small {
        margin: 0px
    }

    #devicesId .devicesSubInfo {
        max-width: 100%;
        line-height: normal
    }

        #devicesId .devicesSubInfo .devicesInfo {
            padding: 0
        }

    #devicesId .bigView {
        display: none
    }

    #devicesId .smallView {
        display: block
    }
}

.device-page__sharing-header {
    line-height: 16px
}

.device-page__sharing-note {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.device-page__add-stream {
    margin-left: 32px;
    margin-bottom: 10px
}

.device-page__sharing-note {
    margin-left: 32px;
    padding: 10px 0
}

@media (max-width:730px) {
    .device-page__sharing-header {
        display: none
    }

    .checkmateListBuilderHeading.device-page__sharing-header {
        display: none
    }
}

#device_Id .radio-channels {
    width: 100%;
    font-size: 1.5em;
    color: #757575;
    text-align: right;
    margin-right: 10px
}

#device_Id .radio-channels__name {
    margin: 0
}

#device_Id .device_FieldSmall {
    width: 5em
}

#device_Id .device_FieldMedium {
    width: 10em
}

#device_Id .device_odometerDIstance {
    padding-left: 3px
}

#device_Id .device_odometerField {
    display: flex;
    align-items: center
}

#device_Id .fixedSize {
    position: relative;
    height: 20px;
    min-width: 20px
}

#device_Id .device_CheckedGroup {
    padding: 0.5em 4px 2px 45px;
    clear: both
}

    #device_Id .device_CheckedGroup .checkmateFormEditField {
        margin-bottom: 1em
    }

#device_Id #device_ServicePlanListId {
    overflow-x: auto
}

#device_Id .unregisteredPlan {
    color: #25477B
}

#device_Id #device_ServicePlanId .checkmateField .label {
    max-width: none
}

#device_Id #device_ServicePlanId .checkmateField:hover {
    background-color: inherit
}

#device_Id #device_ProPlusPlanSwitchNote {
    margin-top: 15px
}

#device_Id .vinContainer {
    display: flex;
    align-items: flex-start;
    flex-direction: row
}

#device_Id .vinNumberInput {
    flex: 1 1 auto;
    width: 100%;
    text-transform: uppercase
}

#device_Id .vinInfo {
    flex: 1 1 auto;
    width: 100%;
    margin-left: 5px;
    padding: 0.3em 0.6em;
    border: 1px solid #cccccb;
    border-radius: 5px;
    background-color: #f5f5f5
}

    #device_Id .vinInfo .vinDetail:first-child {
        font-weight: 500
    }

#device_Id #device_unregisteredPlanId {
    margin-bottom: 0;
    padding-bottom: 0
}

@media only screen and (max-width:768px) {
    #device_Id .vinContainer {
        flex-direction: column
    }

        #device_Id .vinContainer .vinInfo {
            margin: 5px 0 0 0
        }
}

@media only screen and (max-width:480px) {
    #device_Id .vinContainer {
        width: 100%
    }
}

#device_Id .vinInfo {
    padding: 8px;
    line-height: 14px
}

#device_Id .parameter-switcher {
    margin-right: 5px
}

#device_Id .device_Aux_SpeedGreaterValue {
    width: 28%;
    float: right
}

#device_tabs_2 .checkmateToolbar {
    margin-bottom: 1em
}

#device_Id .resetBeep {
    padding: 8px 0;
    border-bottom: 1px solid #C5DBEC
}

#device_Id .beepField {
    margin-top: 1em;
    overflow: hidden
}

    #device_Id .beepField .checkboxCheckmateField {
        float: left
    }

    #device_Id .beepField > .label {
        width: 70%;
        padding: 6px 7px;
        display: inline-block
    }

@media (max-width:905px) {
    #device_Id .beepField:last-of-type {
        margin-bottom: 1em
    }
}

.wifiEditor_CheckedGroup {
    padding: 0.5em 4px 0 45px;
    clear: both
}

.wifiEditor_input {
    width: 100%
}

#device_BeepSelections .beepField {
    margin-left: 50px
}

.device_highlight {
    font-weight: bold;
    font-size: 1.1em
}

#device_BeepDangerousSensitivityId {
    max-width: 520px
}

.device_dialogContent .error {
    color: #751111;
    fill: #751111;
    font-weight: bold;
    display: block
}

.device_dialogContent_list {
    margin-top: 0
}

#device_tabs_7 .checkmateListBuilderRow .checkmateFormEditField {
    margin-right: 1em;
    font-size: 0.8em
}

@media only screen and (max-width:400px) {
    #device_tabs_7 .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails {
        float: right;
        margin-top: 15px
    }

    #device_BeepSelections .beepField {
        margin-left: 8%
    }
}

.ratePlanPopup {
    color: #757575
}

    .ratePlanPopup .ratePlanPopupHeader {
        color: #222;
        text-align: center;
        margin: 0
    }

    .ratePlanPopup .active {
        color: #222;
        font-weight: bold
    }

#device_billedForButton > .serviceButtonIcon {
    position: static;
    width: 16px;
    line-height: 17px
}

.geotabButtonIcons.proPlus {
    color: #CFB53B
}

.geotabButtonIcons.pro {
    color: #C0C0C0
}

.geotabButtonIcons.base, .geotabButtonIcons.hos {
    color: #757575
}

.geotabButtonIcons.suspend {
    color: #784600
}

.geotabButtonIcons.terminate {
    color: #751111
}

@media only screen and (max-width:480px) {
    #device_Id .device_FieldMedium {
        width: 100%;
        margin-bottom: 3px
    }

    #device_Id .device_FieldSmall {
        margin: 3px 0
    }

    #device_Id .beepField > .label {
        width: 100%
    }

    #device_Id .device_CheckedGroup {
        padding-left: 10px
    }

    #device_Id .device_SubGroup {
        padding-left: 10px
    }

    #device_Id .device_Aux_SpeedGreaterValue {
        width: auto;
        float: none
    }
}

.serial-number {
    display: flex
}

.serial-number__input-container {
    flex: 1 1 auto;
    width: 100%
}

.serial-number__input {
    width: 100%
}

.serial-number__scan {
    margin-left: 8px;
    flex: 0 0 auto
}

.serial-number__icon {
    fill: none;
    stroke: #FFF;
    stroke-width: 1.4px
}

.serial-number--hidden {
    display: none
}

.customer-visits-row {
    width: 100%
}

.customer-visits-row__full-data {
    display: flex;
    align-items: center
}

.customer-visits-row__main {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.customer-visits-row__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    text-decoration: none;
    color: #0062A9;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    padding: 0
}

    .customer-visits-row__text:hover, .customer-visits-row__text:active {
        outline: none;
        background-color: transparent;
        text-decoration: none
    }

    .customer-visits-row__text:focus {
        outline-style: auto;
        background-color: transparent;
        text-decoration: underline
    }

.customer-visits-row--noData {
    min-height: 40px;
    height: auto;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    color: #202328;
    padding: 12px 16px;
    background-color: #F4F6F8
}

.customer-visits__links-block {
    margin-right: 12px
}

.customer-visits__options .geo-options-menu__itemRow {
    flex-wrap: wrap
}

.customer-visits__options .geo-options-menu__label {
    width: 150px
}

.customer-visits__options .geo-options-menu__itemRow--active {
    width: 180px
}

.customer-visits__options .checkmateFormEditField {
    width: 100%
}

.zones-page {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%
}

.zones-page__toolbar {
    flex: 0 0 auto
}

.zones-page__header {
    flex: 0 0 auto
}

#zone_map_container {
    width: 100%;
    overflow: hidden
}

.zones-layout {
    display: flex
}

.zones-layout__list {
    min-width: 200px;
    height: 100%;
    overflow: visible;
    flex: 1 10000 600px
}

.zones-layout__form {
    flex: 100 1 710px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5501;
    width: 100%;
    max-width: 750px;
    box-sizing: border-box;
    overflow: auto;
    display: none
}

.zones-layout__form-placeholder {
    flex: 100 1 710px;
    width: 100%;
    max-width: 750px;
    box-sizing: border-box;
    overflow: auto;
    display: none
}

.zone-form {
    background-color: #fefefe;
    box-shadow: -5px 0 10px -8px rgba(0,0,0,0.3);
    padding: 0
}

.zone-form__toolbar {
    width: 100%
}

.zone-form__form {
    padding: 1px 0 0 10px;
    clear: both
}

.zone-form__input {
    width: 100%
}

.checkmateListBuilder .checkmateListBuilderRow.zones_zoneHighlight {
    background-color: #e2edf5
}

    .checkmateListBuilder .checkmateListBuilderRow.zones_zoneHighlight:hover:not(.noAction) {
        background-color: #d2e3f0;
        background-image: none
    }

.zone-toolbar-button__icon {
    display: none
}

.zone-toolbar-button__label {
    display: inline
}

.zone-toolbar-button_small {
    display: none
}

#zonesId .multipleSelection_checkbox {
    margin: 3px 3px 3px 15px
}

.zone-multiple-checkbox {
    margin-bottom: 8px
}

@media (max-width:1400px) {
    .zones-layout__form-placeholder {
        max-width: 0
    }
}

@media (max-width:1200px) {
    .zones-layout {
        position: relative
    }

    .zones-layout__form {
        position: fixed;
        z-index: 5501;
        top: 0;
        right: 0;
        width: 90%;
        min-width: 710px
    }
}

@media (max-width:768px) {
    .zones-layout--short {
        height: 200px
    }

    .zones-layout__list {
        overflow: auto
    }

    .zones-layout__form {
        position: absolute;
        z-index: 5501;
        top: 0;
        right: 0;
        width: 100%;
        max-width: none;
        min-width: auto
    }

    .zone-toolbar-button_small {
        display: block
    }

    .zone-toolbar-button__icon {
        display: inline
    }

    .zone-toolbar-button__label {
        display: none
    }
}

.date-select {
    display: none
}

.date-select__buttons {
    width: 100%
}

.date-select__input {
    width: 100%;
    margin-top: 8px
}

.users-page-tools {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px
}

.users-page-tools__container {
    display: flex
}

.users-page-tools__item {
    margin-left: 8px;
    flex: 0 0 auto
}

.users-page-tools__space {
    flex: 100 100 auto
}

.users-page-tools__count {
    margin-left: 8px;
    flex: 0 0 auto;
    align-items: center;
    display: flex
}

.users-page-tools__pagination {
    margin-left: 8px;
    flex: 0 0 auto
}

.users-footer {
    display: flex;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-style: normal;
    align-items: center;
    padding: 16px;
    background-color: #FFF;
    height: 77px;
    border-top: 1px solid #C7CBD2;
    justify-content: flex-end
}

.fuel-event {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.fuel-event__row {
    width: 100%
}

.fuel-event__table-wrapper {
    width: 100%;
    padding: 0 15px
}

.fuel-event__header {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin-left: 15px
}

.fuel-event__table {
    width: 100%
}

@media (min-width:1100px) {
    .fuel-event__table-wrapper {
        width: 34%
    }
}

.custom-parameters__form-input {
    width: 100%;
    display: block
}

.custom-parameters__form-controls {
    padding-top: 8px;
    display: flex;
    justify-content: flex-end
}

.custom-parameters__form-control {
    margin-left: 5px
}

#dashboardContentId {
    overscroll-behavior: contain;
    -moz-user-select: none
}

.dashboardRow {
    overflow: hidden;
    overflow-x: auto
}

#dashboardContentId .dashboardPopupItem {
    display: block
}

.dashboardColumn {
    border-radius: 3px;
    margin: 11px;
    border: 1px solid #C5DBEC;
    color: #25477B;
    fill: #25477B;
    background-color: #fefefe;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.dashboardItem-close {
    background-color: transparent;
    border: none;
    float: right;
    position: relative;
    width: 22px;
    height: 22px;
    margin: 8px
}

    .dashboardItem-close .geotabButtonIcons {
        top: 2px;
        right: 2px;
        width: 18px;
        height: 18px;
        cursor: pointer;
        background-color: #fefefe
    }

    .dashboardItem-close:hover {
        background-color: #f4f4f4
    }

.dashboardItemName {
    position: absolute;
    width: calc(100% - 40px);
    padding: 10px
}

.dashboardItem-header {
    margin: 0 0 6px 0;
    padding: 0;
    font-weight: bold;
    border: none;
    border-bottom: 1px #ddd solid;
    cursor: move;
    position: relative;
    overflow: hidden;
    height: 2.9em;
    max-width: 100%
}

.dashboardItem-labs-icon {
    top: 1px;
    position: relative
}

.dashboardItem-link {
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fefefe
}

.dashboardItem-error {
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dashboardItem-errorText {
    text-align: center
}

.loadingDiv {
    width: 300px;
    height: 300px
}

.progressDiv {
    width: 100%;
    padding: 3px 45px 3px 5px;
    display: none;
    position: absolute;
    bottom: 0;
    background: #fefefe
}

    .progressDiv .vanillaProgressTitle {
        position: absolute;
        right: 8px;
        text-align: right;
        margin: 0;
        line-height: 16px
    }

.loadingText {
    position: relative;
    left: 0;
    top: 130px;
    text-align: center
}

.dashboard-item {
    background-color: #FFF;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    padding: 0 8px 4px 8px;
    min-width: 300px
}

.dashboard-item__header {
    padding: 12px 4px;
    cursor: move;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.dashboard-item__name {
    width: calc(100% - 36px);
    overflow: hidden;
    position: absolute;
    display: flex
}

.dashboard-item__title {
    font-size: 14px;
    line-height: 16px;
    color: #202328;
    flex: 0 1 auto;
    overflow: hidden;
    margin-right: 10px
}

.dashboard-item__labs-icon {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    fill: #575757;
    stroke: #575757
}

.dashboard-item__close {
    background-color: transparent;
    border: none;
    width: 16px;
    height: 16px;
    position: relative;
    float: right
}

.dashboard-item__close-icon {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    fill: #575757;
    stroke: #575757
}

.dashboard-item__content {
    color: #202328;
    font-size: 14px;
    padding: 8px 4px
}

.dashboard-item__error {
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dashboard-item__error-text {
    text-align: center
}

.dashboard-item__loading {
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dashboard-item__loading-text {
    text-align: center
}

.dashboard-item__progress {
    width: calc(100% - 24px);
    padding: 3px 45px 3px 5px;
    display: none;
    position: absolute;
    bottom: 12px;
    background: #FFF
}

    .dashboard-item__progress .vanillaProgressTitle {
        position: absolute;
        right: 8px;
        text-align: right;
        margin: 0;
        line-height: 16px
    }

.dashboard-item__link {
    overflow: hidden
}

.dashboard-item__link--1x {
    width: 300px
}

.dashboard-item__link--2x {
    width: 648px
}

.dashboard-item__link--3x {
    width: 996px
}

.dashboard-item__link--4x {
    width: 1344px
}

.dashboard-item__link > :first-child {
    margin: 0 auto
}

.dashboard-item-image {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block
}

.dashboard-item-image__img {
    width: auto
}

.speed-profile__no-data {
    padding-left: 10px
}

.speed-profile__footnote {
    padding-left: 10px;
    color: #202328
}

.speed-profile__helper-text {
    background: #0B2032;
    color: #FFF;
    border-color: #0B2032
}

    .speed-profile__helper-text:before, .speed-profile__helper-text:after {
        border-color: #0B2032 transparent
    }

.speed-profile__private-trip {
    flex-shrink: 0;
    cursor: default
}

.speed-profile__helper {
    margin-right: 5px
}

.speed-profile__private-trip-icon {
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 5px;
    width: 23px
}

.speed-profile__help-tooltip {
    display: flex
}

.speed-profile__helper-text {
    border-radius: 5px;
    background-color: #FFFCDD;
    border: 1px solid #FFF2D2;
    position: relative;
    padding: 5px;
    float: right;
    line-height: normal;
    margin: 8px 0 0 0;
    color: #784600
}

    .speed-profile__helper-text:before {
        content: "";
        position: absolute;
        left: 20px;
        top: -10px;
        border-width: 0 10px 10px;
        border-style: solid;
        border-color: #FFF2D2 transparent
    }

    .speed-profile__helper-text:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -9px;
        border-width: 0 10px 10px;
        border-style: solid;
        border-color: #FFFCDD transparent
    }

.engine-data-profile__chart {
    width: 100%;
    overflow: hidden
}

.engine-data-profile__note {
    padding-left: 10px;
    color: #202328
}

.clearance-level-1 {
    text-indent: 2em
}

.clearance-level-2 {
    text-indent: 4em
}

.clearance-level-3 {
    text-indent: 5em
}

#trailers_builderId .g-main {
    align-items: baseline
}

#trailers_builderId .trailer-name {
    flex: 1 0 auto
}

    #trailers_builderId .trailer-name span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }

#trailers_builderId .trailer-groups {
    overflow: hidden
}

    #trailers_builderId .trailer-groups span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }

.notification-info {
    padding-left: 10px
}

.route-edit-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

    .route-edit-container .map {
        position: relative;
        flex: 1
    }

.route-edit-details {
    width: 100%;
    max-width: 600px;
    overflow: auto;
    background-color: #FFF;
    box-shadow: rgba(0,0,0,0.3) 1px 5px 10px
}

    .route-edit-details .form {
        margin: 0;
        padding: 20px 16px;
        display: flex;
        flex-direction: column
    }

        .route-edit-details .form .title {
            font-weight: 500;
            text-transform: uppercase;
            color: #202328;
            fill: #202328;
            margin-top: 0;
            margin-bottom: 12px;
            font-size: 14px
        }

        .route-edit-details .form .label {
            width: 140px;
            min-width: 160px;
            text-align: right;
            margin-top: 7px;
            margin-right: 16px
        }

        .route-edit-details .form .checkmateField {
            width: 100%;
            padding: 0.5em 0;
            display: flex;
            align-items: flex-start
        }

            .route-edit-details .form .checkmateField > :not(label) {
                flex: 1
            }

        .route-edit-details .form .geotab-filter__wrapper {
            width: 100%
        }

        .route-edit-details .form .space {
            padding: 8px
        }

    .route-edit-details .route-items-container {
        margin: 6px 0px;
        background-color: #EFF2F7;
        border-radius: 4px;
        border: 1px #EFF2F7 solid;
        padding: 12px;
        border: none
    }

        .route-edit-details .route-items-container label {
            color: #575757;
            font-size: 12px;
            line-height: 16px
        }

        .route-edit-details .route-items-container .route-way-point {
            display: flex;
            width: 100%;
            align-items: center;
            font-size: 14px;
            line-height: 16px
        }

            .route-edit-details .route-items-container .route-way-point label {
                min-width: 118px;
                text-align: right;
                margin-right: 16px
            }

        .route-edit-details .route-items-container .route-plan-item {
            clear: both;
            flex: 1 0 100%;
            margin-top: 12px
        }

            .route-edit-details .route-items-container .route-plan-item ul {
                padding-left: 28px;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                justify-content: space-between
            }

                .route-edit-details .route-items-container .route-plan-item ul .time-container {
                    display: flex;
                    align-items: center;
                    margin-bottom: 4px
                }

                    .route-edit-details .route-items-container .route-plan-item ul .time-container label {
                        margin-right: 16px;
                        min-width: 120px;
                        text-align: right
                    }

                .route-edit-details .route-items-container .route-plan-item ul .container-hidden {
                    display: none
                }

                .route-edit-details .route-items-container .route-plan-item ul .stop-field {
                    margin: 0;
                    list-style-type: none
                }

                    .route-edit-details .route-items-container .route-plan-item ul .stop-field > .route_ArrivalDistance, .route-edit-details .route-items-container .route-plan-item ul .stop-field > .route_ArrivalDuration, .route-edit-details .route-items-container .route-plan-item ul .stop-field > .route_StopDuration, .route-edit-details .route-items-container .route-plan-item ul .stop-field > .route_Start, .route-edit-details .route-items-container .route-plan-item ul .stop-field > .route_Departure {
                        width: 82px
                    }

            .route-edit-details .route-items-container .route-plan-item .plan-item-comment {
                clear: both;
                margin-left: 164px;
                margin-top: 8px
            }

                .route-edit-details .route-items-container .route-plan-item .plan-item-comment a {
                    text-decoration: none;
                    display: inline-block
                }

                .route-edit-details .route-items-container .route-plan-item .plan-item-comment textarea {
                    width: 100%
                }

        .route-edit-details .route-items-container:hover {
            background-color: #EFF2F7;
            border-color: #cfd6e2
        }

    .route-edit-details a[disabled], .route-edit-details .disabled {
        pointer-events: none
    }

@media (max-width:600px) {
    .route-edit-details {
        max-width: 300px
    }

        .route-edit-details .form .label {
            width: 90px;
            min-width: 90px
        }

        .route-edit-details .route-items-container .route-way-point label {
            display: none
        }

        .route-edit-details .route-items-container .route-plan-item ul {
            padding-left: 0;
            justify-content: end
        }

        .route-edit-details .route-items-container .route-plan-item .plan-item-comment {
            margin-left: 0
        }
}

.routes-row {
    width: 100%
}

.routes-row__full-data {
    display: flex;
    align-items: center
}

.routes-row__links-block {
    margin-right: 12px
}

.routes-row__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    text-decoration: none;
    color: #0062A9;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    padding: 0
}

    .routes-row__text:hover, .routes-row__text:active {
        outline: none;
        background-color: transparent;
        text-decoration: none
    }

    .routes-row__text:focus {
        outline-style: auto;
        background-color: transparent;
        text-decoration: underline
    }

.route-list-status {
    display: flex;
    align-items: center
}

.route-list-status__icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 8px
}

.route-list-status__completed {
    fill: #28600D;
    color: #28600D
}

.route-list-status__delayed {
    fill: #751111;
    color: #751111
}

.route-info-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.route-info-container__map {
    position: relative;
    flex: 1
}

.toolbar__back {
    display: flex;
    align-items: center;
    justify-content: center
}

.arrow {
    margin-right: 0.5rem
}

.route-header-main-line {
    justify-content: start;
    align-items: center
}

.route-panel {
    padding: 20px 16px;
    width: 100%;
    max-width: 450px;
    overflow: auto;
    background-color: #FFF;
    box-shadow: rgba(0,0,0,0.3) 1px 5px 10px
}

.route-panel__title {
    font-weight: 500;
    text-transform: uppercase;
    color: #202328;
    fill: #202328;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 14px
}

.route-details {
    margin-bottom: 24px
}

.route-details__field {
    display: flex;
    margin-bottom: 8px
}

.route-details__field--label {
    width: 110px;
    min-width: 110px;
    font-size: 12px;
    text-align: right;
    overflow: auto;
    color: #575757;
    margin-right: 16px;
    word-wrap: break-word;
    word-break: break-word
}

.route-details__field--value {
    font-size: 14px
}

.stops-details {
    padding-top: 12px
}

.stop-detail__main {
    display: flex;
    align-items: center;
    position: relative
}

.stop-detail__main--name {
    font-size: 14px;
    margin: 0;
    padding-left: 12px;
    flex: 1;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.stop-detail__main--status {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    border-radius: 12px;
    padding: 4px 11px;
    margin-left: 46px;
    font-size: 12px;
    color: #202328
}

.stop-detail__main--status-mobile {
    margin-left: 22px;
    margin-bottom: 8px;
    width: fit-content;
    display: none
}

.stop-detail__main--scheduled {
    background-color: #EFF2F7
}

.stop-detail__main--en-route {
    background-color: #E5F7FD
}

.stop-detail__main--completed {
    background-color: #E5FDE9
}

.stop-detail__main--late {
    background-color: #FDE5E5
}

.stop-detail__second {
    display: flex;
    position: relative;
    min-height: 45px
}

.stop-detail__second--details {
    margin-top: 8px;
    margin-bottom: 30px;
    margin-left: 14px;
    width: 100%
}

.stop-detail__second--text {
    color: #575757
}

.stop-detail__vertical-dashed-line {
    border-left-style: dashed;
    border-left-width: 1.5px;
    border-left-color: #C7CBD2;
    position: absolute;
    left: 12px;
    top: 0;
    bottom: -12px
}

.stop-detail__time {
    margin: 0 0 8px 22px
}

.stop-detail__comment {
    margin: 0 16px 8px 22px
}

.stop-detail__see-more-less-button {
    background: none;
    border: none;
    margin: 8px 0;
    padding: 0;
    cursor: pointer;
    display: block
}

.truncated {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.route-name-width {
    width: 90%
}

@media (max-width:600px) {
    .geo-page-header__page-name {
        display: none
    }

    .route-name-width {
        width: 100%
    }

    .route-panel {
        max-width: 300px
    }

    .stop-detail__main--status {
        display: none
    }

    .stop-detail__main--status-mobile {
        display: block
    }
}

.uploader-drop-area {
    width: 100%;
    padding-right: 2.1rem;
    padding-left: 2.1rem;
    margin-top: 1rem;
    margin-bottom: 2.2rem
}

.routes-list {
    width: 100%;
    line-height: 2;
    margin: 0;
    padding: 0
}

.routes-list__row {
    list-style-type: none;
    display: flex
}

    .routes-list__row:nth-child(odd) {
        background-color: #f6fafe
    }

    .routes-list__row .cell {
        padding: 0.5rem;
        flex: 1 1 100px
    }

        .routes-list__row .cell .secondaryData {
            padding-right: 0.5rem;
            white-space: pre;
            flex: 0 1 auto
        }

        .routes-list__row .cell .primaryData {
            word-break: break-word;
            flex: 1 1 100%
        }

.routes-list__selection--checkbox {
    margin: 1rem 0.8rem 0 0
}

@media (max-width:992px) {
    .routes-list__row {
        flex-wrap: wrap;
        padding: 1rem 0;
        position: relative
    }

    .routes-list__selection {
        flex-basis: 50%;
        line-height: 1.2rem;
        position: absolute;
        right: 0.4rem;
        top: 1.4rem;
        padding: 0;
        text-align: right
    }
}

@media (max-width:768px) {
    .routes-list__row .cell {
        flex-basis: 100%
    }
}

.engine-measurements__chart-data {
    position: relative;
    display: flex;
    align-items: center
}

.engine-measurements__record {
    padding-top: 14px;
    padding-bottom: 14px
}

.engine-measurements__row {
    justify-content: space-between
}

.engine-measurements__chart {
    margin: 0 0 0 10px
}

.engine-measurements__progress {
    flex: 1 0 auto;
    padding-left: 10px
}

.engine-measurements__spark-line {
    width: 150px;
    height: 30px;
    display: block;
    padding: 0;
    margin: 2px
}

    .engine-measurements__spark-line:focus {
        outline: auto
    }

.engine-measurements__more-button {
    display: none;
    margin-top: 10px;
    padding-left: 0;
    border: 0;
    background: none;
    color: #202328
}

    .engine-measurements__more-button:hover {
        text-decoration: underline;
        cursor: pointer
    }

.engine-measurements__details {
    padding-left: 20px
}

.engine-measurements__detail {
    color: #575757;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.4px
}

.engine-measurements__detail-date {
    display: inline-block;
    min-width: 170px;
    vertical-align: middle
}

.engine-faults .selection-visibility .cell__content {
    padding: 2px
}

.engine-faults .selection-visibility__checkbox {
    margin-top: 0
}

.engine-faults .selection-dnd .grid__header-label {
    display: flex
}

.engine-faults .grid__row--expanded .grid__cell .cell__content {
    max-height: initial
}

.engine-faults .grid__row .fault-details__item--dismissed {
    color: #575757
}

.engine-faults .grid__row--expanded:not(.grid__row--expanded-low) {
    vertical-align: text-top
}

    .engine-faults .grid__row--expanded:not(.grid__row--expanded-low) .grid__cell {
        padding-top: 24px;
        padding-bottom: 22px
    }

.engine-faults .grid__fixed-wrapper .grid__row--expanded:not(.grid__row--expanded-low) .grid__cell {
    padding-top: 23px
}

.engine-faults .grid__row--last.grid__row--expanded .grid__cell {
    padding-top: 31px
}

.engine-faults .fault-state {
    position: relative;
    padding-left: 20px
}

    .engine-faults .fault-state::before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        top: 3px;
        left: 0;
        border-radius: 5px;
        background-color: grey
    }

.engine-faults .fault-state--Pending::before {
    background-color: orange
}

.engine-faults .fault-state--Active::before {
    background-color: red
}

.engine-faults .fault-state--Cleared::before {
    background-color: green
}

@media (min-width:768px) {
    .engine-faults .grid__row .left-col {
        display: flex;
        align-items: center
    }
}

#groupsTree_id {
    display: flex;
    flex-direction: column;
    height: 100%
}

    #groupsTree_id .groupTreeToolbar {
        overflow: visible
    }

    #groupsTree_id .groupsEditor_canvas {
        overflow: hidden;
        cursor: move;
        height: 100%;
        touch-action: none;
        user-select: none
    }

        #groupsTree_id .groupsEditor_canvas .groupsEditor__svg-layer {
            overflow: visible;
            position: relative
        }

.groupTreeRect {
    cursor: pointer;
    fill: #EFF2F7;
    stroke: #66788C;
    rx: 3px;
    ry: 3px
}

    .groupTreeRect:hover {
        stroke: #5293c6;
        fill: #F4F6F8
    }

    .groupTreeRect.groupTreePlus {
        fill: #FFF;
        stroke: #66788C
    }

    .groupTreeRect.groupTreeActive {
        fill: #0078D3;
        stroke: #0078D3
    }

.groupTreeConnection {
    stroke: #0078D3
}

.groupTreeConnection--narrow {
    stroke-width: 1px
}

.groupTreeNewConnection {
    stroke: #C5DBEC
}

.groupTreeNewConnection--narrow {
    stroke-width: 1px
}

.groupTreeText {
    fill: #202328;
    pointer-events: none
}

    .groupTreeText.groupTreePlus {
        fill: #202328
    }

    .groupTreeText.groupTreeActive {
        fill: #FFF;
        stroke-width: 1px
    }

.make-default-question {
    display: flex;
    align-items: center;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.make-default-question__button {
    margin-left: 6px
}

@media (max-width:480px) {
    .make-default-question {
        flex-wrap: wrap
    }

    .make-default-question__label {
        margin-bottom: 8px
    }

    .make-default-question__button {
        width: 100%;
        margin: 0 0 4px 0
    }
}

.rules-list {
    overscroll-behavior: contain
}

.rules-list__list {
    width: 100%;
    margin: 0;
    padding: 0
}

    .rules-list__list > li {
        list-style-type: none;
        padding: 0
    }

.rules-list__header {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #2c7ab1;
    border: 1px solid #2c7ab1;
    border-bottom-color: #ddd;
    color: #ffffff;
    fill: #ffffff;
    padding: 5px 8px;
    margin-top: 5px;
    overflow: hidden;
    font-weight: 700;
    font-size: 1.3em;
    display: block;
    text-transform: uppercase
}

.rules-list__list > li:first-child .rules-list__header {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rules-list__rule {
    border: none;
    min-height: 32px;
    margin-bottom: 1px;
    margin-left: 0;
    text-decoration: none;
    padding: 1em 2.4em 0 1em;
    overflow: visible;
    cursor: default
}

    .rules-list__rule:hover, .rules-list__rule:focus {
        text-decoration: none;
        outline: none
    }

.rules-list__rule-switcher {
    float: left;
    text-align: left;
    margin-right: 1em;
    margin-bottom: 0.5em
}

.rules-list__rule-controls {
    float: right;
    text-align: right;
    min-width: 160px
}

.rules-list__rule-control {
    float: right;
    text-align: right;
    margin-right: 4px !important;
    margin-top: 0
}

.rules-list__saved {
    color: #ffffff;
    fill: #ffffff;
    border-color: #2c7ab1;
    background: #2c7ab1;
    border-radius: 3px;
    text-decoration: none;
    line-height: 20px;
    display: inline-block;
    position: relative;
    padding: 6px 11px;
    margin: 0
}

    .rules-list__saved .svgIcon {
        position: relative;
        width: 11px;
        height: 11px;
        left: -2px;
        top: 2px
    }

.rules-list__rule-expand {
    float: right;
    text-align: right
}

.rules-list__rule-name {
    height: 2.2em;
    font-size: 1.4em;
    max-width: 100%;
    float: left;
    line-height: 32px;
    color: #25477B;
    fill: #25477B
}

.rules-list__rule-name--preview {
    position: relative;
    padding-right: 20px
}

.rules-list__rule-name-icon {
    position: absolute;
    right: 2px;
    top: 10px
}

.rules-list__additional {
    margin: 1em 1em 1em 8.1em;
    padding-top: 0.3em;
    clear: both
}

.rules-list__comment {
    font-size: 1.1em;
    line-height: 1.5em;
    clear: both;
    float: none;
    color: #757575
}

.rules-list__link {
    color: #25477B;
    fill: #25477B
}

.rules-list__header {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #202328;
    fill: #202328;
    padding: 16px;
    background-color: #EFF2F7;
    border: none;
    margin-top: 24px;
    text-transform: uppercase
}

.rules-list__rule {
    border: none;
    border-bottom: 1px solid #C7CBD2;
    background: #FFF
}

.rules-list__rule-switcher {
    margin-right: 28px
}

.rules-list__rule-name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    line-height: 32px;
    color: #202328;
    fill: #202328
}

.rules-list__additional {
    padding-top: 10px
}

.rules-list__comment {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757
}

.rules-list__rule-control {
    margin-right: 8px
}

.rules-list__saved {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #FFF;
    fill: #FFF;
    border-color: #0078D3;
    background: #0078D3;
    padding: 8px
}

.custom-rule-row {
    border-bottom: 1px solid #C7CBD2
}

.rule-details {
    display: flex
}

.rule-details__color {
    flex: 0 0 auto;
    margin-right: 8px
}

.rule-details__main-data {
    flex: 1 1 30%
}

.rule-details__other-data {
    flex: 10 10 70%
}

.rules_widgetColumn {
    padding-top: 0.4em;
    max-width: 700px
}

    .rules_widgetColumn > .widget, .rules_widgetColumn .large-widget {
        float: left;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 0 1em 0.4em 0
    }

        .rules_widgetColumn > .widget:not(.large-widget)last-child, .rules_widgetColumn .large-widget:not(.large-widget)last-child {
            margin-right: 0
        }

        .rules_widgetColumn > .widget .rules_columnTitle, .rules_widgetColumn .large-widget .rules_columnTitle {
            padding-top: 0
        }

        .rules_widgetColumn > .widget .rules_input, .rules_widgetColumn .large-widget .rules_input {
            margin-top: 0
        }

@media (min-width:550px) {
    .rules_widgetColumn .large-widget-content {
        width: 350px
    }
}

.rules__fleet-idling-controls {
    display: flex
}

#rules_FMCSAELDYardMoveExemptionId .rules-list__rule-controls, #rules_dvirDefectId .rules-list__rule-controls {
    min-width: auto
}

#rules_FMCSAELDYardMoveExemptionId .widget, #rules_dvirDefectId .widget {
    clear: both
}

#rules_id .checkmateListBuilderRow__name {
    width: 30%
}

#rules_id .checkmateListBuilderRow__comment {
    width: 40%
}

#rules_id .checkmateListBuilderRow__group {
    width: 30%;
    text-align: right
}

#rules_id .checkmateListBuilderRow__group, #rules_id .checkmateListBuilderRow__name, #rules_id .checkmateListBuilderRow__comment {
    line-height: 27px;
    padding: 0 8px;
    float: left
}

@media (max-width:500px) {
    #rules_id .checkmateListBuilderRow {
        flex-direction: column
    }

    #rules_id .checkmateListBuilderRow__group {
        text-align: start
    }

    #rules_id .checkmateListBuilderRow__group, #rules_id .checkmateListBuilderRow__name, #rules_id .checkmateListBuilderRow__comment {
        width: 100%
    }

    .rules-list__rule {
        padding: 1em 1em 1em 1em
    }

    .rules-list__additional {
        margin: 0.3em 0.3em 0.3em 0
    }

    .rule-details {
        padding: 0 9px;
        flex-wrap: wrap
    }

    .rule-details__color {
        display: none
    }

    .rule-details__main-data {
        flex-basis: 100%
    }

    .rule-details__other-data {
        flex-basis: 100%
    }
}

#rules_defaultSimpleRulesId .rules_input {
    margin-top: -3px;
    width: 50px;
    margin-right: 5px
}

#rules_defaultSimpleRulesId .widget .rules_input {
    margin-top: 0
}

#rules_defaultSimpleRulesId .widget__switcher {
    display: flex;
    margin-right: 5px
}

#rules_defaultSimpleRulesId select.rules_input {
    min-width: 80px;
    width: auto
}

#rules_defaultSimpleRulesId .insetSlider {
    width: 200px;
    float: left;
    margin-right: 1em;
    margin-top: 0.2em
}

.rules_columnTitle {
    display: block;
    float: left;
    width: 122px;
    color: #757575;
    padding-right: 10px;
    padding-top: 0.3em;
    line-height: 1em;
    margin: 0.3em 0
}

.rules_columnTitle--extraWide {
    width: auto;
    min-width: 230px
}

.rules_columnTitle--fix-width {
    width: min-content
}

#rules_fleetIdlingInputOffice {
    margin-top: 6px
}

@media (min-width:992px) {
    #rules_dvirPreTripMissingId .rules_columnTitle, #rules_dvirPostTripMissingId .rules_columnTitle, #rules_FMCSAELDYardMoveExemptionId .rules_columnTitle {
        width: 200px
    }
}

@media (max-width:992px) {
    #rules_evStoppedInChargingLocationAndNotChargingId .widget {
        margin-bottom: 1em
    }
}

@media (max-width:480px) {
    #rules_evStoppedInChargingLocationAndNotChargingId .rules_columnTitle {
        min-width: 200px
    }
}

.rules-filter-selector {
    width: auto
}

.rules-filter-selector__button {
    margin-left: 10px
}

.rules-filter-selector__label-container {
    max-width: 400px;
    clear: both;
    word-wrap: break-word
}

.rules-aux-selector-container {
    padding-top: 3px
}

.rules-aux-selector-container__comment {
    margin-top: 8px;
    font-size: 1.1em;
    color: #757575
}

#rule_tabs_2 #conditionsBuilder_moreConditions > div {
    padding-top: 0
}

#rule_tabs_2 .conditionsBuilder_fieldset {
    padding: 8px 0 0 0;
    border-top: 1px solid #c5dbec
}

#rule_tabs_2 .more-rule-conditions {
    position: relative
}

.rule__fieldset {
    padding: 0
}

.dist-list {
    position: relative
}

.dist-list__fieldset {
    width: 100%;
    padding: 8px 0 0 0;
    margin: 10px 0 0 0;
    border: none;
    border-top: 1px solid #C7CBD2
}

.dist-list__legend {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #202328;
    fill: #202328;
    text-transform: uppercase;
    margin-left: 0
}

.dist-list__form {
    max-width: 1000px;
    padding: 20px 0
}

.dist-list__recipients {
    padding: 20px 0
}

.dist-list__popups {
    z-index: 5000
}

.dist-list__options {
    padding: 10px
}

.dist-list__option-title {
    font-weight: bold;
    display: block;
    text-align: left;
    margin-bottom: 6px
}

.dist-list__option-description {
    display: block;
    text-align: left
}

.dist-list__field {
    width: 94%;
    padding: 6px 0;
    display: flex
}

.dist-list__field-label {
    flex: 1 1 40%
}

.dist-list__field-value {
    flex: 1 1 60%
}

.dist-list__field-input {
    width: 100%
}

.dist-list__option-sm {
    display: none
}

.dist-list__option-lg {
    display: block
}

.dist-list--dist-mode .dist-list__dist-mode-hidden {
    display: none
}

.dist-list--dist-mode .dist-list__help {
    display: none
}

.late-notification {
    display: flex;
    flex-wrap: wrap
}

.late-notification__checkbox {
    flex: 0 0 auto
}

.late-notification__header {
    padding: 8px;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.late-notification__help {
    flex: 1 1 100%;
    padding: 0 5px
}

@media (max-width:480px) {
    .dist-list__option-lg {
        display: none
    }

    .dist-list__option-sm {
        display: block
    }
}

.cond-builder {
    max-width: 860px
}

.cond-builder__fieldset {
    width: 100%;
    padding: 8px 0 0 0;
    margin: 10px 0 16px 0;
    border: none;
    border-top: 1px solid #C7CBD2
}

.cond-builder__legend {
    text-transform: uppercase;
    margin-left: 0
}

.cond-builder__options {
    float: left;
    margin-right: 6px
}

.cond-builder__tools {
    width: 100px;
    float: left
}

.cond-builder__preview {
    border: 1px solid #C7CBD2;
    background: #FFF;
    width: 100%;
    min-height: 60px;
    border-radius: 4px;
    margin-top: 8px;
    padding: 8px;
    resize: none;
    outline: none
}

.cond-builder__advanced-help {
    margin: 8px 0 16px 0
}

.cond-builder__advanced {
    background: #FFF;
    width: 100%;
    border-radius: 4px;
    margin-top: 8px;
    padding: 8px
}

.cond-builder__more-fieldset {
    border: none;
    margin-top: 8px
}

.cond-builder__more-legend {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    fill: #202328
}

.cond-builder__form {
    width: 100%;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    margin-top: 8px
}

.cond-builder__form-header {
    width: 100%;
    border-bottom: 1px solid #C7CBD2;
    padding: 10px 16px;
    margin: 0
}

.cond-builder__form-content {
    width: 100%
}

.cond-builder__form-buttons {
    width: 100%;
    border-top: 1px solid #C7CBD2;
    padding: 10px 16px;
    display: flex
}

.cond-builder__form-button {
    margin-right: 4px
}

.cond-builder__form-row {
    width: 100%;
    padding: 8px 16px;
    display: flex;
    align-items: center
}

.cond-builder__form-label {
    flex: 1 1 30%
}

.cond-builder__form-value {
    flex: 1 0 70%
}

.cond-builder__value-row {
    margin-top: 8px;
    width: 100%
}

.cond-builder__unit {
    width: auto;
    margin-left: 4px
}

.cond-builder__duration {
    width: 45px
}

@media (max-width:480px) {
    .cond-builder__form-row {
        flex-wrap: wrap
    }

    .cond-builder__form-label {
        flex: 1 1 100%;
        margin-bottom: 8px
    }

    .cond-builder__form-value {
        flex: 1 1 100%
    }
}

.sort-constructor__arrow {
    margin: 2px
}

.sort-constructor--single .sort-constructor__popup-trigger {
    display: none !important
}

.sort-constructor {
    display: flex
}

.sort-constructor__sort-button {
    margin-top: 0;
    margin-bottom: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.sort-constructor__icon {
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px
}

.sort-constructor__popup-trigger {
    margin-top: 0;
    margin-bottom: 0;
    width: 32px;
    height: 32px
}

.sort-constructor_selected {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.sort-constructor--compact .sort-constructor_label {
    display: none
}

.sort-constructor--ellipsed .sort-constructor_selected {
    display: block;
    max-width: 7em
}

@media (max-width:1024px) {
    .sort-constructor--compact .sort-constructor_label {
        display: none
    }

    .sort-constructor--compact .sort-constructor_selected {
        display: none
    }

    .sort-constructor--compact .sort-constructor_labels {
        margin-left: 0
    }
}

.checkmateToolbar .sort-constructor {
    display: block;
    float: left
}

.map-examples-list__map-example {
    border-bottom: 1px solid #2E2E2E;
    display: block;
    text-align: left;
    white-space: normal
}

    .map-examples-list__map-example:last-child {
        border-bottom: none
    }

.reminder-rule__new-type {
    display: inline-block;
    margin-left: 5px
}

.reminder-rule__label-after {
    margin-left: 5px
}

.reminder-rule__filter {
    padding: 10px;
    color: #575757
}

.reminder-rule__filter-input {
    display: inline-block;
    margin-left: 15px;
    width: 20em !important
}

.reminder-rule__row {
    display: flex
}

.reminder-rule__controls {
    display: flex;
    padding: 0;
    justify-content: flex-end;
    width: 130px;
    align-items: center
}

.reminder-rule__control {
    margin-left: 5px
}

.reminder-rule__record {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: normal
}

.reminder-rule__add-maintenance-link {
    text-decoration: none;
    cursor: pointer
}

.reminder-rule__rule-input-label {
    padding: 0 4px;
    min-width: 30px
}

.reminder-rule__filter-tooltip {
    font-size: 1.2em;
    line-height: 2em;
    margin-left: 0
}

.reminder-rule__filter-container {
    font-size: 1.2em
}

.reminder-rule__odometer-field, .reminder-rule__engine-hours-field {
    width: 120px
}

.reminder-rule__header-tooltip {
    font-size: 1.2em;
    padding: 5px 0;
    font-style: italic
}

.reminder-rule__add-rule-type {
    margin-left: 5px
}

.reminder-rule__rule-type {
    width: 160px
}

.reminder-rule__duration-type {
    display: inline-flex;
    padding-left: 5px;
    margin-top: 5px
}

.reminder-rule__vehicle-section {
    margin-left: 3%;
    margin-bottom: 1%
}

.reminder-rule__notification-box {
    padding: 20px;
    max-width: 750px
}

.reminder-rule__notification-box-header {
    color: #202328;
    padding-top: 10px
}

.reminder-rule__notification-box-helper-text {
    color: #575757;
    padding: 10px 0px
}

.maintenanceNotification_template .template-token-list__button {
    width: 168px;
    margin-bottom: 6px
}

.maintenanceNotification_template {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border-radius: 8px;
    background-color: #E5F7FD;
    color: #202328;
    min-width: 250px
}

.maintenanceNotification_template--preview {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 12px;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    justify-items: right;
    width: 100%
}

.maintenanceNotification_template__preview-title {
    color: #25477B;
    font-weight: bold;
    flex-grow: 100;
    flex-shrink: 100;
    word-break: break-word
}

.maintenanceNotification_template__preview-body {
    color: #25477B;
    flex-grow: 100;
    flex-shrink: 100;
    word-break: break-word
}

.maintenanceNotification_template__edit-button {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    padding: 7px 9px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-align: center;
    color: #202328;
    fill: #66788c;
    border-color: #c7cbd2;
    background-color: #ffffff;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    width: 125px;
    height: fit-content
}

    .maintenanceNotification_template__edit-button:hover, .maintenanceNotification_template__edit-button:focus, .maintenanceNotification_template__edit-button:active, .maintenanceNotification_template__edit-button--active {
        outline: none;
        text-decoration: none
    }

    .maintenanceNotification_template__edit-button:disabled, .maintenanceNotification_template__edit-button--disabled {
        pointer-events: none;
        cursor: default
    }

    .maintenanceNotification_template__edit-button:hover, .maintenanceNotification_template__edit-button:focus {
        color: #202328;
        fill: #66788c;
        border-color: #66788c;
        background-color: #f4f6f8
    }

    .maintenanceNotification_template__edit-button:active, .maintenanceNotification_template__edit-button--active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c
    }

    .maintenanceNotification_template__edit-button:disabled, .maintenanceNotification_template__edit-button--disabled {
        color: #c7cbd2;
        fill: #c7cbd2;
        border-color: #c7cbd2;
        background-color: #ffffff
    }

.maintenanceNotification_template__edit-button--action {
    color: #ffffff;
    fill: #ffffff;
    border-color: #0078d3;
    background-color: #0078d3
}

    .maintenanceNotification_template__edit-button--action:hover, .maintenanceNotification_template__edit-button--action:focus {
        color: #ffffff;
        fill: #ffffff;
        border-color: #25477b;
        background-color: #25477b
    }

    .maintenanceNotification_template__edit-button--action:active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #002d4f;
        background-color: #002d4f
    }

    .maintenanceNotification_template__edit-button--action:disabled, .maintenanceNotification_template__edit-button--action.geo-button--disabled {
        color: #ffffff;
        fill: #ffffff;
        border-color: #d8dee9;
        background-color: #d8dee9
    }

.maintenanceNotification_template__edit-button--reverse {
    color: #0078D3;
    fill: #0078D3;
    border-color: transparent;
    background-color: transparent
}

    .maintenanceNotification_template__edit-button--reverse:hover, .maintenanceNotification_template__edit-button--reverse:focus {
        color: #0078D3;
        fill: #0078D3;
        border-color: transparent;
        background-color: transparent
    }

    .maintenanceNotification_template__edit-button--reverse:active {
        color: #0078D3;
        fill: #0078D3;
        border-color: transparent;
        background-color: transparent
    }

    .maintenanceNotification_template__edit-button--reverse:disabled, .maintenanceNotification_template__edit-button--reverse.geo-button--disabled {
        visibility: hidden
    }

.maintenanceNotification_template__edit-button--negative {
    color: #FFF;
    fill: #FFF;
    border-color: #DE3030;
    background-color: #DE3030
}

    .maintenanceNotification_template__edit-button--negative:hover, .maintenanceNotification_template__edit-button--negative:focus {
        color: #FFF;
        fill: #FFF;
        border-color: #9D1616;
        background-color: #9D1616
    }

    .maintenanceNotification_template__edit-button--negative:active {
        color: #FFF;
        fill: #FFF;
        border-color: #751111;
        background-color: #751111
    }

    .maintenanceNotification_template__edit-button--negative:disabled, .maintenanceNotification_template__edit-button--negative.geo-button--disabled {
        color: #FFF;
        fill: #FFF;
        border-color: #FDE5E5;
        background-color: #FDE5E5
    }

.maintenanceNotification_template__edit-button--pressed {
    color: #ffffff;
    fill: #ffffff;
    border-color: #66788c;
    background-color: #66788c
}

    .maintenanceNotification_template__edit-button--pressed:hover, .maintenanceNotification_template__edit-button--pressed:focus {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #282f36
    }

    .maintenanceNotification_template__edit-button--pressed:active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #282f36
    }

    .maintenanceNotification_template__edit-button--pressed:disabled, .maintenanceNotification_template__edit-button--pressed.geo-button--disabled {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c;
        opacity: 0.3
    }

.maintenanceNotification_template__edit-button--dark {
    color: #FFF;
    fill: #FFF;
    border-color: #C7CBD2;
    background-color: #3C5063
}

    .maintenanceNotification_template__edit-button--dark:hover, .maintenanceNotification_template__edit-button--dark:focus {
        color: #FFF;
        fill: #FFF;
        border-color: #66788C;
        background-color: #0B2032
    }

    .maintenanceNotification_template__edit-button--dark:active {
        color: #FFF;
        fill: #FFF;
        border-color: #C7CBD2;
        background-color: #0B2032
    }

    .maintenanceNotification_template__edit-button--dark:disabled, .maintenanceNotification_template__edit-button--dark.geo-button--disabled {
        color: #FFF;
        fill: #FFF;
        border-color: #C7CBD2;
        background-color: #3C5063;
        opacity: 0.3
    }

.maintenanceNotification_template__edit-button--separate {
    border-color: #FFF
}

    .maintenanceNotification_template__edit-button--separate:hover, .maintenanceNotification_template__edit-button--separate:focus, .maintenanceNotification_template__edit-button--separate:active {
        border-color: #FFF
    }

.maintenanceNotification_template__edit-button--icon {
    padding: 3.5px;
    line-height: 0
}

.maintenanceNotification_template__edit-button--icon--large {
    padding: 7px;
    line-height: 0;
    min-width: 32px;
    min-height: 32px
}

.maintenanceNotification_template__edit-button--positive {
    background: #3b863b;
    border-color: #3b863b;
    color: #ffffff;
    fill: #ffffff
}

    .maintenanceNotification_template__edit-button--positive:active {
        background: #408140;
        color: #ffffff;
        fill: #ffffff
    }

    .maintenanceNotification_template__edit-button--positive:hover, .maintenanceNotification_template__edit-button--positive:focus {
        background: #449b44;
        color: #ffffff;
        fill: #ffffff
    }

    .maintenanceNotification_template__edit-button--positive.buttonDisabled, .maintenanceNotification_template__edit-button--positive[disabled] {
        background: #3b863b;
        border-color: #3b863b;
        color: #ffffff;
        fill: #ffffff
    }

        .maintenanceNotification_template__edit-button--positive.buttonDisabled:active, .maintenanceNotification_template__edit-button--positive[disabled]:active, .maintenanceNotification_template__edit-button--positive.buttonDisabled:hover, .maintenanceNotification_template__edit-button--positive[disabled]:hover {
            background: #3b863b;
            border-color: #3b863b;
            color: #ffffff;
            fill: #ffffff
        }

.maintenanceNotification_template__edit-button .icon {
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin: 0;
    padding: 0
}

    .maintenanceNotification_template__edit-button .icon.bigger {
        width: 22px;
        height: 22px;
        top: 5px;
        left: 8px
    }

    .maintenanceNotification_template__edit-button .icon.textlessIcon {
        padding-right: 0;
        margin-right: -3px;
        margin-left: 0
    }

.maintenanceNotification_template__edit-button--detached {
    margin-left: 10px
}

.maintenanceNotification_template__edit-button--center {
    justify-content: center
}

.maintenanceNotification_template__edit-button--full-width {
    width: 100%
}

.maintenanceNotification_template__edit-button__content {
    line-height: 16px;
    font-weight: 400;
    white-space: nowrap;
    margin-left: 0;
    margin-right: auto
}

.maintenanceNotification_template__edit-button__pre-content {
    margin-right: 8px
}

.maintenanceNotification_template__edit-button__post-content {
    margin-left: 8px
}

.maintenanceNotification_template__edit-button--hidden {
    display: none
}

.maintenanceNotification_template__edit-button--wrapped {
    white-space: normal;
    word-wrap: break-word
}

.maintenanceNotification_template--edit {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 12px;
    margin: 0px;
    display: flex;
    flex-direction: column
}

.maintenanceNotification_template__edit-label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    min-width: 168px;
    margin-right: 15px;
    margin-top: 5px;
    text-align: right
}

.maintenanceNotification_template__edit-subject {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: inherit;
    border: 1px solid #c7cbd2;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
    background-color: #ffffff;
    color: #202328;
    fill: #202328;
    padding: 7px 9px;
    line-height: 16px;
    cursor: text;
    flex-grow: 100;
    min-width: 200px
}

    .maintenanceNotification_template__edit-subject::placeholder {
        color: #757575
    }

    .maintenanceNotification_template__edit-subject:hover, .maintenanceNotification_template__edit-subject:focus {
        border-color: #0078D3
    }

    .maintenanceNotification_template__edit-subject:active {
        border-color: #0078D3
    }

    .maintenanceNotification_template__edit-subject:disabled {
        cursor: not-allowed;
        background-color: #E9E9E9;
        pointer-events: none
    }

.maintenanceNotification_template__edit-subject--dark {
    color: #FFF;
    background-color: #3C5063;
    border-color: #C7CBD2
}

    .maintenanceNotification_template__edit-subject--dark::placeholder {
        color: #FFF
    }

    .maintenanceNotification_template__edit-subject--dark:hover, .maintenanceNotification_template__edit-subject--dark:focus {
        background-color: #0B2032;
        border-color: #66788C
    }

    .maintenanceNotification_template__edit-subject--dark:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #3C5063;
        border-color: #66788C
    }

        .maintenanceNotification_template__edit-subject--dark:disabled::placeholder {
            color: #66788C
        }

.maintenanceNotification_template__edit-body {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: inherit;
    border: 1px solid #c7cbd2;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
    background-color: #ffffff;
    color: #202328;
    fill: #202328;
    padding: 7px 9px;
    line-height: 16px;
    cursor: text;
    max-width: 100%;
    resize: vertical;
    flex-grow: 100;
    min-width: 200px
}

    .maintenanceNotification_template__edit-body::placeholder {
        color: #757575
    }

    .maintenanceNotification_template__edit-body:hover, .maintenanceNotification_template__edit-body:focus {
        border-color: #0078D3
    }

    .maintenanceNotification_template__edit-body:active {
        border-color: #0078D3
    }

    .maintenanceNotification_template__edit-body:disabled {
        cursor: not-allowed;
        background-color: #E9E9E9;
        pointer-events: none
    }

.maintenanceNotification_template__edit-body--dark {
    color: #FFF;
    background-color: #3C5063;
    border-color: #C7CBD2
}

    .maintenanceNotification_template__edit-body--dark::placeholder {
        color: #FFF
    }

    .maintenanceNotification_template__edit-body--dark:hover, .maintenanceNotification_template__edit-body--dark:focus {
        background-color: #0B2032;
        border-color: #66788C
    }

    .maintenanceNotification_template__edit-body--dark:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #3C5063;
        border-color: #66788C
    }

        .maintenanceNotification_template__edit-body--dark:disabled::placeholder {
            color: #66788C
        }

.maintenanceNotification_template__form-field {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0px 0px 12px 0px
}

.maintenanceNotification_template__pre-token-row {
    display: inline-flex;
    margin: 0px 0px auto auto;
    justify-content: space-between;
    width: 100%
}

.maintenanceNotification_template__button-container {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.reminder-frequency {
    display: flex;
    align-items: center;
    padding: 3px 0
}

.reminder-frequency__icon {
    width: 12px;
    height: 12px;
    position: relative;
    fill: #DE3030;
    margin-right: 0.3rem;
    flex: 0 0 auto
}

.reminder-frequency__title {
    color: #DE3030
}

.reminder-frequency--hidden {
    display: none
}

.reminder-notification__box {
    background-color: #EFF2F7;
    border-radius: 4px;
    margin: 5px 0px
}

.reminder-notification__form {
    overflow: hidden;
    padding-top: 10px
}

.reminder-notification__form-new-notification {
    margin-top: 12px
}

.reminder-notification__edit-row-button-container {
    margin: 12px;
    clear: both
}

.reminder-notification__edit-row-button {
    margin-left: 4px
}

.reminder-notification__controls {
    display: flex;
    overflow: hidden;
    justify-content: flex-end
}

.reminder-notification__cancel-button {
    margin-right: 4px
}

.reminder-notification__display-row-notification-content {
    justify-content: left;
    text-align: left;
    display: flex;
    padding: 4px
}

.reminder-notification__display-row-label-container {
    color: #575757;
    padding-right: 5px;
    text-align: left;
    min-width: 125px
}

.reminder-notification__form-label {
    text-align: right !important
}

.reminder-notification__display-row {
    display: flex;
    min-width: 250px
}

.reminder-notification__display-row-button-container {
    display: flex;
    margin: auto 12px auto auto
}

.reminder-notification__display-row-button {
    margin-left: 4px
}

.reminder-notification__display-row-field {
    margin: 12px 0px 12px 32px;
    word-break: break-word
}

.reminder-notification__add-new-button {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    padding: 7px 9px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-align: center;
    color: #202328;
    fill: #66788c;
    border-color: #c7cbd2;
    background-color: #ffffff;
    display: inline-block;
    color: #ffffff;
    fill: #ffffff;
    border-color: #0078d3;
    background-color: #0078d3;
    float: right;
    margin-top: 12px
}

    .reminder-notification__add-new-button:hover, .reminder-notification__add-new-button:focus, .reminder-notification__add-new-button:active, .reminder-notification__add-new-button--active {
        outline: none;
        text-decoration: none
    }

    .reminder-notification__add-new-button:disabled, .reminder-notification__add-new-button--disabled {
        pointer-events: none;
        cursor: default
    }

    .reminder-notification__add-new-button:hover, .reminder-notification__add-new-button:focus {
        color: #202328;
        fill: #66788c;
        border-color: #66788c;
        background-color: #f4f6f8
    }

    .reminder-notification__add-new-button:active, .reminder-notification__add-new-button--active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c
    }

    .reminder-notification__add-new-button:disabled, .reminder-notification__add-new-button--disabled {
        color: #c7cbd2;
        fill: #c7cbd2;
        border-color: #c7cbd2;
        background-color: #ffffff
    }

.reminder-notification__add-new-button--action {
    color: #ffffff;
    fill: #ffffff;
    border-color: #0078d3;
    background-color: #0078d3
}

    .reminder-notification__add-new-button--action:hover, .reminder-notification__add-new-button--action:focus {
        color: #ffffff;
        fill: #ffffff;
        border-color: #25477b;
        background-color: #25477b
    }

    .reminder-notification__add-new-button--action:active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #002d4f;
        background-color: #002d4f
    }

    .reminder-notification__add-new-button--action:disabled, .reminder-notification__add-new-button--action.geo-button--disabled {
        color: #ffffff;
        fill: #ffffff;
        border-color: #d8dee9;
        background-color: #d8dee9
    }

.reminder-notification__add-new-button--reverse {
    color: #0078D3;
    fill: #0078D3;
    border-color: transparent;
    background-color: transparent
}

    .reminder-notification__add-new-button--reverse:hover, .reminder-notification__add-new-button--reverse:focus {
        color: #0078D3;
        fill: #0078D3;
        border-color: transparent;
        background-color: transparent
    }

    .reminder-notification__add-new-button--reverse:active {
        color: #0078D3;
        fill: #0078D3;
        border-color: transparent;
        background-color: transparent
    }

    .reminder-notification__add-new-button--reverse:disabled, .reminder-notification__add-new-button--reverse.geo-button--disabled {
        visibility: hidden
    }

.reminder-notification__add-new-button--negative {
    color: #FFF;
    fill: #FFF;
    border-color: #DE3030;
    background-color: #DE3030
}

    .reminder-notification__add-new-button--negative:hover, .reminder-notification__add-new-button--negative:focus {
        color: #FFF;
        fill: #FFF;
        border-color: #9D1616;
        background-color: #9D1616
    }

    .reminder-notification__add-new-button--negative:active {
        color: #FFF;
        fill: #FFF;
        border-color: #751111;
        background-color: #751111
    }

    .reminder-notification__add-new-button--negative:disabled, .reminder-notification__add-new-button--negative.geo-button--disabled {
        color: #FFF;
        fill: #FFF;
        border-color: #FDE5E5;
        background-color: #FDE5E5
    }

.reminder-notification__add-new-button--pressed {
    color: #ffffff;
    fill: #ffffff;
    border-color: #66788c;
    background-color: #66788c
}

    .reminder-notification__add-new-button--pressed:hover, .reminder-notification__add-new-button--pressed:focus {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #282f36
    }

    .reminder-notification__add-new-button--pressed:active {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #282f36
    }

    .reminder-notification__add-new-button--pressed:disabled, .reminder-notification__add-new-button--pressed.geo-button--disabled {
        color: #ffffff;
        fill: #ffffff;
        border-color: #66788c;
        background-color: #66788c;
        opacity: 0.3
    }

.reminder-notification__add-new-button--dark {
    color: #FFF;
    fill: #FFF;
    border-color: #C7CBD2;
    background-color: #3C5063
}

    .reminder-notification__add-new-button--dark:hover, .reminder-notification__add-new-button--dark:focus {
        color: #FFF;
        fill: #FFF;
        border-color: #66788C;
        background-color: #0B2032
    }

    .reminder-notification__add-new-button--dark:active {
        color: #FFF;
        fill: #FFF;
        border-color: #C7CBD2;
        background-color: #0B2032
    }

    .reminder-notification__add-new-button--dark:disabled, .reminder-notification__add-new-button--dark.geo-button--disabled {
        color: #FFF;
        fill: #FFF;
        border-color: #C7CBD2;
        background-color: #3C5063;
        opacity: 0.3
    }

.reminder-notification__add-new-button--separate {
    border-color: #FFF
}

    .reminder-notification__add-new-button--separate:hover, .reminder-notification__add-new-button--separate:focus, .reminder-notification__add-new-button--separate:active {
        border-color: #FFF
    }

.reminder-notification__add-new-button--icon {
    padding: 3.5px;
    line-height: 0
}

.reminder-notification__add-new-button--icon--large {
    padding: 7px;
    line-height: 0;
    min-width: 32px;
    min-height: 32px
}

.reminder-notification__add-new-button--positive {
    background: #3b863b;
    border-color: #3b863b;
    color: #ffffff;
    fill: #ffffff
}

    .reminder-notification__add-new-button--positive:active {
        background: #408140;
        color: #ffffff;
        fill: #ffffff
    }

    .reminder-notification__add-new-button--positive:hover, .reminder-notification__add-new-button--positive:focus {
        background: #449b44;
        color: #ffffff;
        fill: #ffffff
    }

    .reminder-notification__add-new-button--positive.buttonDisabled, .reminder-notification__add-new-button--positive[disabled] {
        background: #3b863b;
        border-color: #3b863b;
        color: #ffffff;
        fill: #ffffff
    }

        .reminder-notification__add-new-button--positive.buttonDisabled:active, .reminder-notification__add-new-button--positive[disabled]:active, .reminder-notification__add-new-button--positive.buttonDisabled:hover, .reminder-notification__add-new-button--positive[disabled]:hover {
            background: #3b863b;
            border-color: #3b863b;
            color: #ffffff;
            fill: #ffffff
        }

.reminder-notification__add-new-button .icon {
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin: 0;
    padding: 0
}

    .reminder-notification__add-new-button .icon.bigger {
        width: 22px;
        height: 22px;
        top: 5px;
        left: 8px
    }

    .reminder-notification__add-new-button .icon.textlessIcon {
        padding-right: 0;
        margin-right: -3px;
        margin-left: 0
    }

.reminder-notification__add-new-button--detached {
    margin-left: 10px
}

.reminder-notification__add-new-button:hover, .reminder-notification__add-new-button:focus {
    color: #ffffff;
    fill: #ffffff;
    border-color: #25477b;
    background-color: #25477b
}

.reminder-notification__add-new-button:active {
    color: #ffffff;
    fill: #ffffff;
    border-color: #002d4f;
    background-color: #002d4f
}

.reminder-notification__add-new-button:disabled, .reminder-notification__add-new-button.geo-button--disabled {
    color: #ffffff;
    fill: #ffffff;
    border-color: #d8dee9;
    background-color: #d8dee9
}

.reminder-notification__label-after {
    margin-left: 5px;
    color: #575757
}

.reminder-notification__error-border {
    overflow: hidden;
    width: 100%
}

@media (max-width:480px) {
    .reminder-notification__error-border > .error-message {
        padding-left: 5px
    }

    .maintenanceNotification_template--preview {
        flex-wrap: wrap
    }

    .reminder-rule__filter-tooltip {
        font-size: 1em
    }

    .reminder-rule__filter-container {
        display: flex;
        margin-bottom: 5px
    }

    .reminder-rule__duration-type {
        padding-left: 0px;
        padding-top: 5px
    }

    .reminder-rule__add-rule-type {
        width: 100%;
        margin: 5px 0 0 0
    }

    .reminder-rule__filter-input {
        margin-left: 0
    }

    .reminder-rule__duration, .reminder-rule__rule-type {
        width: 100%
    }

    .reminder-notification__display-row {
        display: block
    }
}

.reminder-row__main-data {
    display: flex;
    flex: 1 1;
    justify-content: space-between;
    align-items: normal;
    flex-wrap: wrap;
    max-width: 100%
}

.reminder-row__other-data {
    display: flex;
    flex: 1 1;
    justify-content: space-between;
    align-items: normal;
    flex-wrap: wrap;
    max-width: 100%
}

.reminder-row__name {
    flex: 1 1;
    display: flex;
    align-items: center;
    overflow: hidden
}

.reminder-row__date {
    flex: 1 1;
    min-width: 80px
}

.reminder-row__odometer {
    flex: 1 1;
    min-width: 70px
}

.reminder-row__hours {
    flex: 1 1;
    min-width: 70px
}

.reminder-row__input {
    max-width: 200px;
    width: 75%;
    min-width: 75px
}

.reminder-row__data-label {
    align-self: center;
    padding-top: 8px
}

@media (max-width:480px) {
    .reminder-row__main-data, .reminder-row__other-data {
        flex: 1 1 50px;
        overflow: hidden
    }

    .reminder-row__name {
        flex: 1 1 100px
    }

    .reminder-row__date, .reminder-row__odometer, .reminder-row__hours {
        flex: 1 1 100px;
        margin-top: 2px
    }

    .reminder-row__date, .reminder-row__hours {
        margin-top: 2px
    }

    .reminder-row__input {
        min-width: 80px;
        max-width: 80px
    }
}

.maintenance-record__form-instructions {
    color: #575757;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    padding: 0.5em 2%;
    padding-bottom: 0
}

.maintenance-record__form-subheader {
    color: #575757
}

.maintenance-record__dropdown-fixed {
    width: 200px
}

.maintenance-record__input-decoration {
    margin-left: -25px;
    pointer-events: none
}

.maintenance-record--selected {
    color: #202328
}

.maintenance-record--unselected {
    color: #757575
}

.maintenance-record__content {
    white-space: normal;
    overflow-wrap: break-word
}

.maintenance-record__field-right-text {
    color: #575757
}

.maintenance-record__geo-currency-secondary {
    color: #575757
}

.maintenance-record__combo-box-container {
    max-width: 200px
}

.searchable-dropdown-menu__wrapper {
    display: flex;
    flex: 0 0 auto;
    overflow: hidden;
    background-color: #FFF;
    border-radius: 4px;
    height: 32px;
    align-items: center;
    color: #757575;
    fill: #757575
}

.searchable-dropdown-menu__wrapper--focused {
    border-color: #0078D3
}

.searchable-dropdown-menu__wrapper--error {
    border-color: #DE3030
}

.searchable-dropdown-menu__search-input {
    font-size: 12px;
    line-height: 16px
}

.searchable-dropdown-menu__expand-button {
    background-color: #426499;
    fill: #FFF
}

    .searchable-dropdown-menu__expand-button:hover, .searchable-dropdown-menu__expand-button:focus {
        background-color: #25477B
    }

.maintenance-type-row__text {
    padding: 8px 0px
}

.maintenance-type-text__input {
    width: 100%
}

.maintenance-status-overdue__text {
    color: #DE3030
}

.fuel-usage__help-tooltip {
    float: none
}

.fuel-usage__main-data {
    align-items: center
}

.fuel-usage__action-button {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: inherit
}

.fuel-usage__loading-progress {
    flex: 1 0 auto;
    padding-left: 10px
}

.fuel-usage__private-icon {
    width: 22px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    flex: 0 0 auto
}

.fuel-usage__dialog-data {
    text-align: center;
    padding: 10px
}

.fuel-usage__dialog-button {
    margin: 0 5px
}

@media (max-width:768px) {
    .fuel-usage__economy-data {
        width: 100%;
        margin-right: 0
    }

    .fuel-usage__economy-period {
        flex-direction: column;
        align-items: flex-start
    }
}

.fuel-events__confidence--level-high {
    color: #468847;
    fill: #468847
}

.fuel-events__confidence--level-medium {
    color: #7aba7b;
    fill: #7aba7b
}

.fuel-events__confidence--level-low {
    color: #bdddbd;
    fill: #bdddbd
}

.fuel-events__confidence--level-suspect {
    color: #DE3030;
    fill: #DE3030
}

.fuel-events__help-tooltip {
    display: flex
}

.fuel-events__header-row {
    display: flex;
    align-items: center
}

.fuel-events__header-warning {
    padding-right: 5px
}

.fuel-events__header-totals {
    font-size: 14px;
    line-height: 16px;
    padding: 0 5px;
    color: #575757;
    fill: #575757
}

.fuel-events__header-name {
    width: 100%
}

.fuel-events__main-data {
    display: flex;
    align-items: center
}

.fuel-events__link {
    margin-right: 8px
}

.fuel-events__loading-progress {
    flex: 1 0 auto;
    padding-left: 10px
}

.fuel-event-table {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    border: 1px solid #C7CBD2;
    border-collapse: collapse;
    background: #FFF
}

.fuel-event-table__row {
    transition-duration: 0.28s;
    transition-timing-function: linear;
    transition-property: background-color;
    border-bottom: 1px solid #C7CBD2
}

    .fuel-event-table__row:hover {
        background-color: #F4F6F8
    }

.fuel-event-table__row--warning {
    background-color: #FFF2D2
}

.fuel-event-table__cell {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    fill: #202328;
    height: 45px;
    padding: 12px 18px
}

.progress-bar__background {
    background: #EFF2F7;
    margin: 10px 0px;
    padding: 10px
}

.progress-file-information {
    height: 64px;
    background: #EFF2F7;
    border-radius: 4px;
    align-items: center;
    padding: 8px
}

.progress-file-information__content {
    margin-right: 10px
}

.progress-file-information__remove-file {
    color: #0062A9;
    text-decoration: none
}

.progress-container {
    border: 1px dashed #2E2E2E;
    border-radius: 4px;
    height: 64px;
    width: 100%;
    padding-left: 7px;
    display: flex;
    align-items: center;
    position: relative
}

.progress-container__spinner {
    min-height: 30px;
    min-width: 30px;
    height: 100%;
    will-change: transform;
    animation: waiting 0.8s linear infinite;
    stroke: #0078D3;
    opacity: 0.7
}

.progress-container__text {
    color: #0078D3
}

.notification-item {
    display: flex
}

.notification-item__name {
    flex: 1 1 auto
}

.notification-item__type {
    flex: 0 0 auto;
    padding-left: 6px
}

@media (max-width:480px) {
    .notification-item {
        flex-flow: wrap
    }

    .notification-item__name {
        flex: 1 1 100%
    }

    .notification-item__type {
        flex: 1 1 100%;
        padding: 6px 0 0 0
    }
}

.custom-unit-profile__fieldset-name {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    letter-spacing: 0;
    color: #202328;
    padding: 0 25px
}

.custom-unit-profile__filter-options {
    padding: 0 25px
}

.custom-unit-profile__no-units {
    display: flex;
    align-items: center;
    margin: 0 25px
}

.custom-unit-profile__no-units-icon {
    margin-left: 12px
}

.custom-unit-profile__no-units-text {
    margin-left: 5px
}

.geo-filters-field {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.geo-filters-field__search {
    margin-left: 8px;
    flex: 1 1 100%
}

.geo-filters-field__item {
    margin-left: 8px;
    flex: 0 1 auto
}

.exception-header {
    display: flex;
    align-items: center;
    padding: 16px
}

.exception-header__color {
    margin-right: 24px
}

.exception-header__name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #FFF;
    text-decoration: none
}

.exception-row__group {
    display: flex;
    flex-flow: row nowrap
}

.exception-row__events {
    display: none
}

.exception-row__primary {
    display: flex;
    align-items: center;
    order: 1;
    flex: 0 100 auto;
    min-width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.exception-row__secondary {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: row nowrap;
    flex: 1 1 auto;
    max-width: 80%;
    order: 2
}

.exception-row__controls {
    display: flex;
    order: 3;
    align-items: center;
    flex: 0 0 auto
}

.exception-row__color {
    margin-right: 16px
}

.exception-row__link {
    margin-right: 16px
}

.exception-row__name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #0062A9
}

.exception-row__sub-name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    margin-left: 8px
}

.exception-row__event-name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #0062A9;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.exception-row__event-status {
    margin-left: 50px
}

.exception-row__info {
    padding: 0 8px;
    min-width: 5em;
    text-align: center;
    color: #202328;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.exception-row__info--duration, .exception-row__info--distance {
    flex: 0 0 auto
}

.exception-row__count {
    font-weight: bolder;
    text-align: center;
    min-width: 5em;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 700
}

.exception-row__visualization {
    margin-left: 24px
}

.exception-row__expand {
    height: 16px;
    width: 16px;
    border: none;
    background: transparent;
    fill: #66788C;
    margin-left: 24px;
    padding: 0;
    cursor: pointer
}

.exception-row:hover .exception-row__expand {
    fill: #282F36
}

.exception-row--expanded .exception-row__expand {
    transform: rotate(180deg);
    transform-origin: center
}

.exception-row--expanded .exception-row__events {
    display: flex
}

.exception-color {
    width: 16px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    flex: 0 0 auto
}

@media (max-width:480px) {
    .exception-row__group {
        flex-flow: row wrap
    }

    .exception-row__primary {
        flex: 1 100 150px
    }

    .exception-row__secondary {
        justify-content: space-between;
        margin-top: 16px;
        width: 100%;
        order: 3
    }

    .exception-row__controls {
        order: 2
    }

    .exception-row__info--wide {
        width: 100%;
        text-align: left
    }
}

@media (max-width:768px) {
    .exception-row--level2 .exception-row__group {
        flex-wrap: wrap
    }

    .exception-row--level2 .exception-row__secondary {
        width: 100%;
        margin-top: 16px;
        justify-content: flex-start;
        max-width: none;
        flex-wrap: wrap
    }

    .exception-row__event-status {
        margin-left: 8px
    }
}

@media (min-width:992px) {
    .exception-row--level2 .exception-row__group {
        padding-right: 68px
    }
}

.exception-page--hidden {
    display: none
}

.exception-page__header {
    color: #202328;
    padding: 0px;
    margin: 20px 16px;
    align-items: baseline;
    display: flex;
    flex-wrap: wrap
}

.exception-page__rule-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 2.25rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin-right: 16px
}

.exception-page__exception-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.75rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.exception-overview {
    display: flex;
    flex-flow: row wrap
}

.exception-overview__timeline {
    flex: 1 1 100%;
    margin: 16px
}

.exception-overview__primary {
    flex: 0 1 800px;
    margin: 0 0 0 16px
}

.exception-overview__secondary {
    flex: 0 1 375px;
    margin: 0 16px 0 16px
}

.exception-overview__details, .exception-overview__comments, .exception-overview__documents, .exception-overview__links {
    width: 100%;
    margin: 32px 0 32px 0
}

.exception-pane__header {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0 0 12px 0
}

.exception-pane--hidden.exception-pane--hidden {
    display: none
}

@media (max-width:1223px) {
    .exception-overview {
        display: block
    }

    .exception-overview__primary, .exception-overview__secondary {
        margin: 0 16px 0 16px;
        width: calc(100% - 32px);
        max-width: 800px
    }
}

@media (max-width:768px) {
    .exception-overview {
        display: block;
        padding: 16px
    }

    .exception-overview__primary, .exception-overview__secondary {
        margin: 0 16px 0 16px;
        width: 100%
    }

    .exception-overview__details, .exception-overview__comments, .exception-overview__documents, .exception-overview__links {
        width: 100%
    }

    .exception-overview__timeline {
        margin-left: 0;
        margin-right: 0
    }

    .exception-overview__primary, .exception-overview__secondary {
        margin: 0
    }
}

.exception-details {
    position: relative
}

.exception-details__row {
    display: flex;
    padding: 8px 0
}

.exception-details__label {
    flex: 0 0 100px;
    text-align: right;
    margin-right: 22px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.exception-details__value {
    flex: 1 1 auto;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328
}

.comments {
    max-width: 800px;
    position: relative
}

.comments__list {
    width: 100%
}

.comments__comment {
    width: 100%;
    margin-bottom: 16px;
    border-bottom: 1px solid #C7CBD2
}

.comments__input {
    width: 100%;
    margin-bottom: 8px;
    max-height: 150px
}

.comments__controls {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.comments__button-icon {
    background-color: transparent;
    border: none;
    padding: 2px;
    margin: 0 14px 0 0;
    fill: #0078D3;
    cursor: pointer
}

    .comments__button-icon:hover {
        fill: #25477B
    }

    .comments__button-icon:active {
        fill: #002D4F
    }

    .comments__button-icon:disabled {
        fill: #66788C;
        cursor: default
    }

.comment {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative
}

.comment__icon {
    margin-right: 8px
}

.comment__name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500
}

.comment__date {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.comment__content {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin-top: 8px;
    margin-bottom: 16px;
    width: 100%;
    overflow-x: auto
}

.comment__image {
    max-width: 100%
}

.geo-documents {
    max-width: 375px
}

.geo-documents__message {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin: 12px 0
}

.geo-documents__document {
    margin: 8px 0
}

@media (max-width:1223px) {
    .geo-documents {
        max-width: 800px
    }
}

.geo-document {
    padding: 16px;
    border-radius: 4px;
    background-color: #EFF2F7;
    display: flex
}

.geo-document__thumbnail {
    width: 78px;
    height: 78px;
    flex: 0 0 auto;
    margin-right: 12px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.geo-document__image {
    border-radius: 4px;
    background-color: black;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.geo-document__play {
    position: absolute;
    fill: #FFF;
    width: 16px;
    height: 16px;
    left: 33px;
    top: 31px
}

.geo-document__icon {
    width: 78px;
    height: 78px;
    flex: 0 0 auto;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #66788C
}

.geo-document__svg-icon {
    width: 32px;
    height: 38px
}

.geo-document__content {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden
}

.geo-document__name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    flex: 0 0 auto
}

.geo-document__size {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    flex: 0 0 auto
}

.geo-document__buttons {
    flex: 1 0 auto;
    display: flex;
    align-items: flex-end
}

.geo-document__button {
    margin-right: 8px
}

.geo-document__controls {
    flex: 0 0 auto
}

.geo-document__remove {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    fill: #66788C
}

    .geo-document__remove:hover {
        fill: #282F36
    }

.geo-document--hidden.geo-document--hidden {
    display: none
}

.document-preview {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    min-width: 200px;
    min-height: 200px
}

.document-preview__image {
    max-width: 100%;
    max-height: 100%
}

.document-preview__video {
    max-height: 90vmin;
    max-width: 90vmin
}

.document-preview--hidden {
    display: none
}

.geo-links__message {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.geo-links__link {
    margin-top: 12px;
    margin-bottom: 8px
}

.geo-link-block {
    padding: 16px;
    border-radius: 4px;
    background-color: #EFF2F7;
    display: flex
}

.geo-link-block__icon {
    flex: 0 0 auto;
    fill: #66788C
}

.geo-link-block__name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    flex: 1 1 auto;
    margin-left: 8px
}

.geo-link-block__remove {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    fill: #66788C
}

    .geo-link-block__remove:hover {
        fill: #282F36
    }

.geo-timeline {
    max-width: 1191px;
    position: relative
}

.geo-timeline__dashboard {
    display: flex;
    flex-flow: row nowrap;
    width: 100%
}

.geo-timeline__graph {
    flex: 1 100 auto;
    height: 290px;
    margin-right: 16px;
    overflow: hidden;
    border: 1px solid #C7CBD2
}

.geo-timeline__map {
    height: 290px;
    flex: 0 1 375px
}

.geo-timeline__player {
    margin-top: 32px;
    width: 100%
}

.geo-timeline--hidden.geo-timeline--hidden {
    display: none
}

@media (max-width:768px) {
    .geo-timeline__dashboard {
        flex-wrap: wrap
    }

    .geo-timeline__graph {
        margin: 0
    }

    .geo-timeline__map {
        flex: 1 1 100%
    }
}

.geo-player__controls {
    background-color: #EFF2F7;
    padding: 9px 12px;
    display: flex;
    align-items: center
}

.geo-player__play {
    background-color: transparent;
    border: none;
    fill: #0078D3;
    cursor: pointer;
    padding: 4px
}

    .geo-player__play:hover {
        fill: #25477B
    }

    .geo-player__play:active {
        fill: #002D4F
    }

.geo-player__progress {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin-left: 16px
}

.geo-player--hidden {
    display: none
}

.geo-player-track {
    position: relative
}

.geo-player-track__bar {
    height: 4px;
    border-radius: 2px;
    background-color: #0078D3;
    opacity: 0.5
}

.geo-player-track__progress {
    position: absolute;
    width: 35%;
    left: 0;
    top: 0;
    height: 4px;
    border-radius: 2px;
    background-color: #0078D3
}

.geo-player-track__marker {
    position: absolute;
    left: 35%;
    top: -6px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #0078D3
}

.geo-player-track__events-target {
    position: absolute;
    left: 0;
    top: -6px;
    left: -8px;
    height: 16px;
    width: calc(100% + 16px);
    cursor: pointer
}

.geo-map {
    position: relative
}

.geo-map__svg {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.geo-map__route {
    fill: transparent;
    stroke-width: 4px;
    stroke: #0078D3
}

    .geo-map__route:hover {
        stroke: #25477B
    }

.geo-map__link {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1010
}

.geo-map__moving, .geo-map__stop {
    fill: #0078D3;
    stroke: none
}

    .geo-map__moving:hover, .geo-map__stop:hover {
        fill: #25477B
    }

.geo-map--hidden.geo-map--hidden {
    display: none
}

.geo-graph {
    position: relative
}

.geo-graph--hidden.geo-graph--hidden {
    display: none
}

.geo-graph__graph {
    height: 100%
}

.geo-graph__link {
    position: absolute;
    right: 8px;
    top: 8px
}

.exception-status {
    position: relative
}

.exception-status--hidden.exception-status--hidden {
    display: none
}

.exception-status-message {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.exception-status-message__list {
    margin: 16px 0 0 0;
    padding: 0 0 0 20px
}

.deviceInstallHistory .selection-visibility .cell__content {
    padding: 2px
}

.deviceInstallHistory .selection-dnd .grid__header-label {
    display: flex
}

.deviceInstallHistory .grid__row--expanded .grid__cell .cell__content {
    max-height: initial
}

.deviceInstallHistory .grid__row--expanded:not(.grid__row--expanded-low) .grid__cell {
    padding-top: 24px;
    padding-bottom: 22px
}

.deviceInstallHistory .grid__fixed-wrapper .grid__row--expanded:not(.grid__row--expanded-low) .grid__cell {
    padding-top: 23px
}

.deviceInstallHistory .grid__row--last.grid__row--expanded:not(.grid__row--expanded-low) .grid__cell {
    padding-top: 31px
}

.deviceInstallHistory .status__symbol {
    position: relative;
    padding-left: 20px
}

    .deviceInstallHistory .status__symbol::before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        top: 3px;
        left: 0;
        border-radius: 5px;
        background-color: grey
    }

.deviceInstallHistory .status__symbol--Pass::before {
    background-color: green
}

.deviceInstallHistory .status__symbol--Fail::before {
    background-color: red
}

.deviceInstallHistory__item {
    margin: 38px 10px
}

.deviceInstallHistory__imageContainer {
    display: flex;
    margin: 0
}

.deviceInstallHistory__photoButton {
    width: 42px;
    height: 42px;
    padding: 0;
    margin: 5px;
    border: 1px solid #C7CBD2;
    cursor: pointer
}

.deviceInstallHistory__image {
    width: 42px;
    height: 42px
}

@media (min-width:768px) {
    .deviceInstallHistory .grid__row .left-col {
        display: flex;
        align-items: center
    }
}

.addins-allAddinsContainer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fefefe;
    display: flex;
    flex-direction: column
}

.addins-iframeKeeper {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.addins-iframe {
    border: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute
}

.addins-iframe--mobile {
    position: relative;
    height: 400px
}

.addins-tabs {
    display: flex;
    justify-content: space-between
}

.addins-tab {
    display: inline-block;
    padding: 0;
    position: relative;
    min-width: 20px;
    top: 1px;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.addins-tabButton {
    width: 100%;
    max-width: 400px;
    padding: 4px 6px;
    border: none;
    border-left: 1px solid #ddd;
    background-color: #fefefe;
    display: block;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.addins-tabInput:focus + .addins-tabButton {
    background-color: #f4f4f4
}

.addins-tabInput {
    position: absolute;
    left: -9999px;
    clip: rect(1px,1px,1px,1px)
}

.addins-tab:first-child .addins-tabButton {
    border-left: none
}

.addins-tab.addins-tab--active {
    flex: 100 0 180px;
    max-width: 250px;
    border-bottom: 5px solid #2c7ab1
}

.postedRoadSpeedLayer .postedRoadSpeedLayer_Value {
    width: 34px;
    text-align: center
}

.postedRoadSpeedLayer #postedRoadSpeedLayer_changeButtonId {
    text-align: center
}

.speed-details_container {
    max-width: 400px
}

    .speed-details_container .speed-details_row {
        display: flex;
        align-items: center
    }

    .speed-details_container .speed-details_icon {
        width: 24px;
        height: 24px;
        margin-right: 5px
    }

.posted-road-speed {
    max-width: 300px;
    padding: 8px;
    position: relative
}

.posted-road-speed__close {
    top: 2px;
    right: 5px;
    padding: 0;
    position: absolute;
    background: transparent;
    border: none;
    cursor: pointer
}

.posted-road-speed__warning {
    margin-bottom: 8px;
    padding-right: 18px
}

.posted-road-speed__form {
    margin-bottom: 8px
}

.posted-road-speed__input {
    width: 50px
}

.posted-road-speed__apply {
    width: 100%
}

.messages-main-element {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.messages-main-element__page-header {
    display: flex;
    flex: 0 0 auto
}

.messages-main-element__total {
    margin-left: 10px;
    margin-bottom: 0;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    font-weight: 300;
    font-size: 1.6em;
    flex: 1 0.1 auto
}

.messages-main-element__new-message {
    margin-right: 8px
}

.messages-windows--chats-opened .messages-windows__chats {
    display: flex
}

.messages-windows {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    height: 100%
}

.messages-windows__tabItem {
    position: relative
}

.messages-windows__panels {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: stretch;
    justify-content: start;
    overflow: hidden
}

.messages-windows__tab {
    margin-left: 5px
}

.messages-windows__point {
    display: none;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #0078D3;
    top: 5px;
    right: 3px;
    border-radius: 100%
}

.messages-windows__point--shown {
    display: block
}

.messages-windows__threads-lists {
    position: relative;
    width: 100%;
    max-width: 400px;
    flex: 1 0 auto
}

.messages-windows__threads-list {
    height: 100%
}

.messages-windows__chats {
    display: none;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    max-width: 800px;
    width: 100%;
    border-right: 1px solid #C7CBD2
}

.messages-windows--hidden {
    display: none
}

@media (max-width:830px) {
    .messages-windows__threads-lists {
        max-width: 100%
    }

    .messages-windows--chats-opened .messages-windows__threads-lists, .messages-windows--chats-opened .messages-windows__tabs {
        display: none
    }

    .messages-windows--chats-opened .messages-windows__chats {
        flex: 1 0 auto;
        max-width: 100%;
        border-left: 1px solid #C7CBD2
    }
}

.messages-avatar {
    min-width: 40px;
    width: 40px;
    text-align: center;
    border-radius: 60px;
    background: #D8DEE9;
    height: 40px;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: #202328;
    fill: #202328
}

.messages-avatar__user {
    font-size: 1.2rem
}

.messages-avatar__device {
    width: 20px;
    height: 20px;
    position: relative
}

.messages-new-message-field {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 15px;
    position: relative
}

.messages-new-message-field__row {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    position: relative;
    flex-wrap: nowrap;
    align-items: flex-end;
    padding: 10px 0;
    width: 100%
}

.messages-new-message-field__topBar {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%
}

.messages-new-message-field__canned-popup {
    min-width: 320px;
    max-width: 320px;
    padding: 10px
}

.messages-new-message-field__add-link-popup {
    padding: 10px
}

.messages-new-message-field__add-link-container {
    display: flex;
    flex-direction: column
}

.messages-new-message-field__add-link-row {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    justify-content: flex-end;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

    .messages-new-message-field__add-link-row:last-child {
        margin-bottom: 0
    }

.messages-new-message-field__add-link-input {
    box-sizing: border-box;
    font-size: 12px;
    width: 200px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    letter-spacing: 0.4px
}

.messages-new-message-field__add-link-label {
    margin-top: 5px;
    font-size: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #202328
}

.messages-new-message-field__add-link-label--text {
    margin-right: 10px
}

.messages-new-message-field__add-link-label--warningLink {
    color: #DE3030
}

.messages-new-message-field__input {
    border: 0;
    padding: 5px;
    margin: 0;
    margin-right: 10px;
    width: 100%;
    max-height: 100px;
    font-size: 16px;
    line-height: 24px;
    overflow: auto
}

.messages-new-message-field__locations-form {
    max-width: 500px;
    max-height: 250px;
    overflow: auto
}

.messages-new-message-field__checkbox {
    display: flex;
    flex: 1 1 auto
}

.messages-new-message-field__canned-response, .messages-new-message-field__add-link {
    margin-right: 5px;
    background: none;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-width: 0;
    padding: 5px
}

    .messages-new-message-field__canned-response:hover, .messages-new-message-field__add-link:hover, .messages-new-message-field__canned-response:focus, .messages-new-message-field__add-link:focus, .messages-new-message-field__canned-response:active, .messages-new-message-field__add-link:active {
        border-width: 1px
    }

    .messages-new-message-field__canned-response:after, .messages-new-message-field__add-link:after {
        content: "";
        min-height: inherit;
        font-size: 0
    }

.messages-new-message-field__icon {
    margin: 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px
}

.messages-new-message-field__send-button {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px
}

    .messages-new-message-field__send-button:disabled {
        opacity: 0.35;
        cursor: default;
        pointer-events: none
    }

.messages-new-message-field__send-button-text {
    margin-right: 5px
}

.messages-new-message-field__send-button-icon {
    position: relative
}

.messages-canned-response-option {
    padding: 0;
    list-style: none;
    margin: 0
}

.messages-canned-response-option__list-item {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center
}

.messages-canned-response-option__label {
    padding: 5px;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    margin: 0;
    width: 100%
}

    .messages-canned-response-option__label:hover, .messages-canned-response-option__label:focus, .messages-canned-response-option__label:active {
        z-index: 2
    }

.messages-canned-response-option__label--removable {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.messages-canned-response-option__label-text {
    display: inline
}

.messages-canned-response-option__input {
    position: absolute;
    left: -9999px;
    clip: rect(1px,1px,1px,1px)
}

.messages-canned-response-option__remove-button {
    border-color: transparent
}

.messages-new-canned-response {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    resize: none;
    padding: 5px
}

.messages-canned-response {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0
}

.messages-canned-response__options {
    width: 100%;
    padding: 0 0 5px 0;
    align-items: center
}

.messages-canned-response__add-new-option {
    padding: 8px 0 0
}

.messages-canned-response__new-canned-response {
    width: 100%;
    height: 60px
}

.messages-canned-response__control-panel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    border-top: 1px solid #C7CBD2;
    padding-top: 8px
}

.messages-canned-response__button {
    margin-left: 8px
}

    .messages-canned-response__button:disabled {
        cursor: default;
        opacity: 0.35;
        pointer-events: none
    }

.messages-selected-canned-response {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 5px 5px 5px;
    overflow: hidden;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px
}

.messages-selected-canned-response__label {
    padding-right: 10px;
    flex: 0 0 auto;
    color: #202328
}

.messages-selected-canned-response__row {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    align-items: center;
    border-radius: 50px;
    padding: 2px 5px;
    background-color: #0078D3;
    color: #FFF;
    overflow: hidden
}

.messages-selected-canned-response__text-block {
    display: flex;
    padding: 0 2px 0 5px;
    overflow: hidden
}

.messages-selected-canned-response__remove-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 25px;
    height: 25px;
    background-color: transparent;
    color: #FFF;
    fill: #FFF;
    border: 1px solid transparent;
    padding: 0;
    outline: none
}

    .messages-selected-canned-response__remove-button:focus, .messages-selected-canned-response__remove-button:active, .messages-selected-canned-response__remove-button:hover {
        border-color: currentColor
    }

.message-composer--create-new-thread .recipients-composer {
    display: flex
}

.message-composer--show-thread .thread-composer {
    display: flex
}

.message-composer {
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden
}

.message-composer__card {
    width: 100%
}

.recipients-composer {
    display: none;
    flex-direction: column
}

.recipients-composer__header {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 48px;
    background-color: #3C5063;
    color: #FFF;
    fill: #FFF
}

.recipients-composer__title {
    font-size: 14px;
    font-weight: bold;
    padding: 14px
}

.recipients-composer__list {
    flex: 1 1 auto;
    overflow: hidden;
    height: 100%
}

.close-composer__button {
    cursor: pointer;
    padding: 14px;
    border: none;
    background: none
}

.close-composer__icon {
    width: 1rem;
    height: 1rem
}

.thread-composer {
    display: none;
    flex-direction: column
}

.thread-composer__chat {
    flex: 1 1 auto
}

.thread-composer__input {
    border-top: 1px solid #C7CBD2;
    flex: 0 0 auto
}

.thread-item--user-thread .thread-item__user-avatar {
    display: inline
}

.thread-item--user-thread .thread-item__device-avatar {
    display: none
}

.thread-item {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    padding: 1px 10px 1px 5px;
    border: 1px solid transparent;
    border-width: 1px 0
}

.thread-item--selected {
    background: #EFF2F7;
    color: #202328
}

.thread-item:hover {
    background-color: #EFF2F7
}

.thread-item__avatar {
    margin: 5px 10px 5px 5px
}

.thread-item__user-avatar {
    display: none
}

.thread-item__row-splitter {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden
}

.thread-item__row-splitter--unwrapped {
    flex-wrap: nowrap
}

.thread-item__row-splitter--stretched {
    width: 100%
}

.thread-item__sent-time {
    display: flex;
    flex: 1 0 auto;
    font-size: 12px;
    line-height: 16px;
    color: #575757;
    letter-spacing: 0.4px;
    justify-content: flex-end
}

.thread-item__chat-name, .thread-item__last-message {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden
}

.thread-item__chat-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 3px 0
}

.thread-item__chat-name-text--unread {
    color: #0078D3
}

.thread-item__link {
    text-decoration: none;
    color: inherit;
    padding: 12px 0
}

    .thread-item__link:hover, .thread-item__link:focus, .thread-item__link:active {
        outline: none;
        text-decoration: none;
        background: inherit
    }

    .thread-item__link:focus {
        outline: auto
    }

.thread-item__message-link {
    text-decoration: underline;
    color: #0062A9
}

.thread-item__last-message {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px
}

.thread-item__last-message--unread {
    color: #0078D3
}

.thread-item__unread-counter {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
    margin-left: 10px;
    letter-spacing: 0.4px;
    color: #FFF;
    background: #0078D3;
    padding: 4px;
    border-radius: 25px;
    width: 24px;
    height: 24px
}

.thread-item__unread-counter--hidden {
    visibility: hidden
}

.threads-list--empty .threads-list__empty-list-warning {
    display: flex
}

.threads-list--empty .threads-list__items {
    display: none
}

.threads-list {
    height: 100%;
    width: 100%;
    border-right: 1px solid #C7CBD2;
    border-left: 1px solid #C7CBD2;
    overflow-y: auto
}

.threads-list__empty-list-warning {
    display: none;
    color: inherit;
    font-size: 1.5rem;
    height: 100%;
    justify-content: center;
    align-items: center
}

.threads-list__items {
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    margin: 0;
    padding: 0
}

    .threads-list__items .lockAreaThrobber {
        position: relative
    }

.messages-recipients-pane {
    display: flex;
    flex-direction: column;
    height: 100%
}

.messages-recipients-pane__tabs-container {
    display: flex;
    flex: 0 0 auto;
    margin-top: 0
}

.messages-recipients-pane__tabs {
    width: 100%
}

.messages-recipients-pane__list {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    overflow: hidden;
    height: 100%
}

.messages-recipients-pane__selectable-list {
    overscroll-behavior: contain;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    height: 100%
}

.messages-recipients-pane__top-bar {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    padding: 10px 5px
}

.messages-recipients-pane__search-input {
    outline: none;
    margin: 0 3px 0 0;
    width: 235px;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.messages-recipients-pane__compose-button {
    margin-left: 10px
}

.messages-selectable-list--empty .messages-selectable-list__empty-list {
    display: flex
}

.messages-selectable-list--empty .messages-selectable-list__list {
    display: none
}

.messages-selectable-list__list {
    padding: 0;
    list-style-type: none
}

.messages-selectable-list__empty-list {
    display: none;
    color: inherit;
    font-size: 1.5rem;
    height: 100%;
    justify-content: center;
    align-items: center
}

.messages-selectable-list__list-item {
    list-style-type: none;
    margin-left: 10px
}

.messages-selectable-list__list-item--unshifted {
    margin-left: 0
}

.messages-selectable-list__list-item-label {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 10px;
    cursor: pointer
}

    .messages-selectable-list__list-item-label:hover {
        background-color: #F4F6F8
    }

.messages-selectable-list__list-item-input {
    margin: 0 10px
}

.messages-selectable-list__limit-text {
    padding: 10px 15px;
    align-items: center;
    display: flex;
    color: #757575
}

.messages-selectable-list__limit-icon {
    position: relative;
    color: #25477B;
    fill: #25477B;
    margin-right: 5px
}

.messages-panel {
    display: flex;
    flex-flow: column nowrap;
    overflow: auto
}

.messages-panel__header {
    flex: 0 0 auto
}

.messages-panel__messages {
    flex: 1 1 auto
}

.messages-header {
    display: flex;
    padding: 8px;
    background-color: #3C5063;
    color: #FFF;
    fill: #FFF
}

.messages-header__recipients {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: bold;
    padding: 8px
}

.messages-header__search-box {
    display: none;
    flex: 1 1 auto
}

.messages-header__header-controls {
    flex: 0 0 auto;
    display: flex
}

.messages-header__icon-button {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: relative
}

.messages-header__icon {
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px
}

.messages-header__icon_small {
    width: 16px;
    height: 16px;
    top: 7px;
    left: 7px
}

.messages-header--searching .messages-header__search-box {
    width: 75%;
    display: block
}

.messages-header--searching .messages-header__header-controls {
    display: none
}

@media (max-width:500px) {
    .messages-header--searching .messages-header__search-box {
        width: 100%
    }

    .messages-header--searching .messages-header__recipients {
        display: none
    }
}

.chat {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    background-color: #EFF2F7;
    overflow-y: auto;
    display: flex;
    flex-flow: column nowrap;
    position: relative
}

.chat__data {
    margin-top: auto
}

.chat__controls {
    padding: 10px;
    text-align: center
}

.chat__waiting {
    height: 40px;
    width: 100%;
    position: relative;
    display: none
}

.chat__waiting-throbber {
    background: #EFF2F7
}

.chat__period {
    color: #575757;
    padding: 10px
}

.chat__load-more {
    cursor: pointer;
    background-color: transparent;
    border: none;
    color: #575757;
    text-decoration: underline;
    padding: 4px;
    display: none
}

.message {
    padding: 4px
}

.message__header {
    display: flex;
    align-items: center;
    padding: 5px
}

.message__state-icon--inactive {
    fill: #C7CBD2
}

.message__state-icon--active {
    fill: #0078D3
}

.message__header-icon {
    margin-right: 10px
}

.message__header-name {
    color: #202328;
    font-weight: bold;
    margin-right: 10px
}

.message__header-time {
    color: #575757
}

.message__header-state {
    color: #757575;
    margin: 0 4px
}

.message__content {
    padding: 5px;
    display: flex;
    align-items: center
}

.message__content-bubble {
    background-color: #FFF;
    letter-spacing: 0.4px;
    color: #575757;
    padding: 16px;
    border-radius: 0 10px 10px 10px
}

.message__content-reply {
    margin-top: 3px;
    font-style: italic
}

.message__link {
    color: #0062A9
}

.message__controls {
    padding-left: 8px;
    padding-right: 8px
}

.message__more {
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    color: #0078D3;
    fill: #0078D3;
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer
}

.message__more-icon {
    top: 4px;
    left: 4px
}

.message--highlight {
    background-color: #E9E9E9
}

.message_own .message__header {
    justify-content: flex-end;
    padding-right: 33px
}

.message_own .message__header-icon {
    display: none
}

.message_own .message__header-name {
    display: none
}

.message_own .message__content {
    justify-content: flex-end
}

.message_own .message__content-bubble {
    border-radius: 10px 0 10px 10px;
    background-color: #0078D3;
    color: #FFF
}

.message_own .message__link {
    color: #FFF
}

.message-date__text {
    flex: 0 0 auto;
    letter-spacing: 0.4px
}

.message-date__header {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    color: #575757
}

    .message-date__header::before, .message-date__header::after {
        content: " ";
        display: block;
        border-top: 1px solid #C7CBD2;
        width: 50%;
        margin: 8px
    }

.message-details {
    padding: 0;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    letter-spacing: 0.4px;
    min-width: 250px
}

.message-details__header {
    display: flex;
    justify-content: space-between;
    padding: 6px 4px;
    background: #3C5063;
    color: #FFF
}

.message-details__title {
    color: #FFF;
    font-size: 1.2em;
    font-weight: bold;
    flex: 1 1 auto
}

.message-details__close {
    flex: 0 0 18px;
    height: 18px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    color: #FFF;
    fill: #FFF
}

.message-details__close-icon {
    width: 12px;
    height: 12px
}

.message-details__container {
    padding: 5px 10px
}

.message-details__row {
    display: flex;
    padding: 4px
}

.message-details__label {
    width: 40%;
    color: #575757
}

.message-details__value {
    width: 60%;
    color: #202328
}

.message-details__footnote {
    border-top: 1px solid #C7CBD2;
    color: #575757;
    font-style: italic;
    text-decoration: underline;
    padding: 8px 4px 4px 4px
}

.location-control {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    overflow: hidden;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    letter-spacing: 0.4px
}

.location-control__field {
    border: none
}

.location-control__item {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    margin: 8px 0 0;
    border: 1px solid #C7CBD2;
    color: #202328;
    border-radius: 3px;
    padding: 1px
}

.location-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1 1 auto;
    padding: 3px 5px;
    overflow: hidden;
    background: #FFF;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    letter-spacing: 0.4px
}

.location-field--clickable {
    cursor: pointer
}

.location-field__icon {
    flex: 0 0 auto;
    float: none;
    cursor: inherit;
    margin: 0;
    width: 24px;
    height: 24px;
    margin-right: 5px
}

.location-field__name {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden
}

.location-field__name--underlined {
    text-decoration: underline
}

.locations-form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    letter-spacing: 0.4px;
    padding: 10px;
    color: #202328
}

.locations-form__row {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center
}

.locations-form__row--unwrapped {
    flex-wrap: nowrap
}

.locations-form__row--left-aligned {
    justify-content: flex-end
}

.locations-form__input {
    margin-left: 4px;
    width: 100%;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.locations-form__label {
    margin: 0 0 5px 15px;
    padding: 1px 0 0;
    width: 100%
}

.locations-form__close-button {
    display: flex;
    flex: 0 0 auto
}

.labeled-checkbox {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    letter-spacing: 0.4px;
    color: #202328
}

.labeled-checkbox__text {
    margin-left: 5px;
    font-size: inherit;
    color: inherit
}

.message-search {
    display: flex;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328;
    fill: #202328;
    background-color: #FFF;
    padding: 0 8px;
    height: 100%;
    align-items: center
}

.message-search__input {
    flex: 1 1 auto;
    padding: 4px;
    width: 100px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    letter-spacing: 0.4px;
    height: 26px;
    font-size: 14px
}

.message-search__label {
    flex: 0 0 auto;
    padding: 0 8px;
    font-size: 16px;
    letter-spacing: 0.4px
}

.message-search__buttons {
    flex: 0 0 auto
}

.message-search__button {
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    position: relative
}

.message-search__icon {
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px
}

.ask-dialog {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

.ask-dialog__list {
    margin: 0
}

.report-set-item {
    position: relative;
    background-color: #FFF;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    padding: 16px;
    margin: 8px 16px;
    width: 350px
}

.report-set-item__check {
    position: absolute;
    top: 16px;
    left: 16px
}

@media (max-width:350px) {
    .report-set-item {
        margin: 8px 4px;
        padding: 16px 4px;
        width: 95vw
    }
}

.report-set__name {
    font-size: 20px;
    text-align: center;
    margin: 15px auto
}

.report-set__icon {
    max-width: 300px
}

.report-set__icon-part {
    display: flex;
    width: 100%;
    justify-content: center
}

.reports-list {
    list-style-type: none;
    padding-left: 20px
}

.reports-list__item {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px
}

.report-item__check-icon {
    display: none;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    fill: #286000
}

.report-item__bullet-icon {
    width: 14px;
    height: 6px;
    margin: 0 5px 2px 0
}

.report-item--exists .report-item__bullet-icon {
    display: none
}

.report-item--exists .report-item__check-icon {
    display: inline
}

.report-set-picker {
    margin: 10px;
    padding: 10px 10px;
    border-top: 1px solid #C7CBD2
}

.report-set-picker__hide-button {
    border: none;
    background: none
}

.report-set-picker__show-title {
    display: none
}

.report-set-picker__title {
    font-weight: normal;
    font-size: 20px
}

.report-set-picker__sub-title, .report-set-picker__start, .report-set-picker__footer, .report-set-picker__title {
    margin: 15px auto;
    text-align: center
}

.report-set-picker__report-sets {
    padding: 8px
}

.report-set-picker__report-sets {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.report-set-picker--folded .report-set-picker__content {
    display: none
}

.report-set-picker--folded .report-set-picker__hide-title {
    display: none
}

.report-set-picker--folded .report-set-picker__show-title {
    display: block
}

.report-set-picker--hidden {
    display: none
}

.wizard-dialog__header {
    height: 100px;
    width: 100%;
    background-color: #D8DEE9;
    display: flex;
    justify-content: center
}

.wizard-dialog__steps-chain {
    height: 100%;
    width: 100%;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.wizard-dialog--fullscreen .wizard-dialog__header {
    display: none
}

.wizard-step {
    height: 50px;
    display: flex;
    align-items: center;
    flex: 1 1 auto
}

    .wizard-step:first-child {
        flex: 0 0 auto
    }

.wizard-step__step-connection {
    height: 10px;
    width: 100%;
    background-color: #FFF;
    margin: 0 -2px
}

.wizard-step__step {
    font-size: 20px;
    line-height: 24px;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    color: #202328;
    background-color: #FFF;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.wizard-step--active .wizard-step__step-connection {
    background-color: #0078D3
}

.wizard-step--active .wizard-step__step {
    color: #FFF;
    background-color: #0078D3
}

.ordered-step__title {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding: 15px;
    font-size: 20px;
    line-height: 28px
}

.ordered-step__number {
    font-weight: 300;
    color: #0062A9
}

.ordered-step__description {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: center
}

.ordered-step__description-text {
    font-weight: 300;
    max-width: 500px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #757575
}

.ordered-step__content {
    margin: 30px auto
}

.report-pick-step {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.report-pick {
    max-width: 550px;
    width: 100%;
    padding: 15px
}

.report-pick__title {
    display: flex;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px
}

.report-pick__check {
    padding-right: 5px;
    padding-top: 3px
}

.report-pick__info {
    margin-top: 20px
}

.report-pick--placeholder {
    padding: 0
}

.report-pick-info {
    padding-left: 20px
}

.report-pick-info__image {
    width: 230px;
    max-height: 140px;
    margin-right: 10px;
    float: left;
    display: flex;
    justify-content: center
}

.report-pick-info__description {
    font-size: 14px;
    line-height: 24px
}

.reports-subscribtion-step {
    width: 100%;
    display: flex;
    justify-content: center
}

.report-subscribtions {
    max-width: 700px;
    width: 100%
}

.report-subscribtions__part {
    margin: 20px auto
}

.subscribtions-part {
    display: flex
}

.subscribtions-part__label {
    width: 230px;
    padding-right: 10px;
    text-align: right;
    line-height: 30px;
    color: #757575
}

.subscribtions-part__control {
    width: calc(100% - 300px)
}

.self-subscribe {
    max-width: 200px
}

@media (max-width:600px) {
    .subscribtions-part {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px
    }

    .subscribtions-part__label {
        text-align: left;
        width: 100%
    }

    .subscribtions-part__control {
        width: 100%
    }

    .subscribtions-part--wrap {
        flex-direction: row;
        flex-wrap: wrap
    }

        .subscribtions-part--wrap .subscribtions-part__label {
            width: auto
        }
}

.amount-subscribe__progress {
    display: none
}

.amount-subscribe--progress .amount-subscribe__progress {
    display: block
}

.amount-subscribe--progress .amount-subscribe__amount {
    display: none
}

.rules-list-step {
    display: flex
}

.wizard-rules {
    max-width: 760px;
    width: 100%;
    padding: 16px;
    border: 1px solid #C7CBD2;
    border-radius: 4px;
    margin: auto
}

.wizard-rules__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300
}

.wizard-rule {
    margin: 16px auto
}

.wizard-rule__name {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.wizard-rule__description {
    font-size: 14px;
    line-height: 24px
}

.wizard-rules-empty-list {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.wizard-rules-empty-list__title {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: #575757;
    padding: 20px
}

.wizard-rules-empty-list__check {
    width: 48px;
    height: 48px;
    fill: #0062A9
}

.import-reports {
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.import-reports__title {
    font-weight: 300;
    font-size: 28px;
    line-height: 36px;
    padding: 20px
}

.import-reports__progress {
    width: 80px;
    height: 80px;
    position: relative
}

.reportError {
    min-height: 57px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10003;
    border: 1px solid #FFF2D2;
    background-color: #FFFCDD;
    color: #784600;
    height: 60px;
    opacity: 1;
    border-bottom-left-radius: 8px;
    display: flex
}

.reportError-title {
    display: none;
    min-width: 50px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto
}

.fullMessage {
    left: 0
}

    .fullMessage .reportError-title {
        display: flex
    }

.reportError-control {
    min-width: 110px;
    margin-left: 10px;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-around
}

.reportError-counter {
    font-weight: bolder;
    color: #000
}

.reportError-closeHolder {
    background-color: transparent;
    border: none
}

.reportError-close {
    width: 20px;
    height: 20px;
    padding: 3px;
    position: relative;
    top: 0;
    fill: #784600
}

#reportError_dialog {
    height: 100%;
    overflow: hidden
}

    #reportError_dialog .reportError_dialog_feedback {
        background: #fefefe;
        border: 1px solid #ddd;
        float: right;
        border-radius: 5px;
        overflow: auto;
        height: 100%
    }

    #reportError_dialog .reportError_dialog_textarea {
        margin-left: 4%;
        margin-bottom: 2%;
        width: 89%;
        border: 1px solid #ddd;
        border-radius: 0.4em
    }

    #reportError_dialog .reportError_dialog_commentText {
        margin-left: 4%
    }

    #reportError_dialog .reportError_dialog_errorContainer {
        padding-left: 1%;
        width: 60%;
        height: 100%;
        float: left;
        display: none;
        overflow: auto
    }

    #reportError_dialog #reportError_dialog_showDetails {
        background: none;
        border: none;
        text-decoration: underline;
        margin: 7px;
        float: right;
        color: #222
    }

    #reportError_dialog #reportError_dialog_feedback_header {
        border-bottom: 1px #ddd solid;
        padding: 0 2% 0 4%
    }

    #reportError_dialog .reportError_user_nitification {
        color: #757575
    }

    #reportError_dialog .reportError_report_header, #reportError_dialog .vanillaAccordionHeader button {
        text-transform: uppercase;
        margin: 0
    }

        #reportError_dialog .reportError_report_header.serious {
            color: red
        }

    #reportError_dialog .dialog_error {
        border: none;
        max-height: 280px;
        width: 97%;
        padding: 1% 2%;
        overflow: visible
    }

        #reportError_dialog .dialog_error .reportError_list {
            list-style-type: none;
            padding-left: 10px
        }

            #reportError_dialog .dialog_error .reportError_list .reportError_list_item {
                padding-left: 70px;
                padding-bottom: 5px
            }

            #reportError_dialog .dialog_error .reportError_list .key {
                color: #757575;
                display: inline-block;
                text-align: right;
                padding-right: 5px;
                margin-left: -75px;
                width: 70px
            }

            #reportError_dialog .dialog_error .reportError_list.numericList .reportError_list_item {
                padding-left: 30px;
                white-space: nowrap
            }

            #reportError_dialog .dialog_error .reportError_list.numericList .key {
                margin-left: -35px;
                width: 35px
            }

            #reportError_dialog .dialog_error .reportError_list.numericList .value {
                padding-bottom: 5px
            }

            #reportError_dialog .dialog_error .reportError_list.numericList .failed {
                background-color: #FDE5E5;
                font-weight: bolder
            }

            #reportError_dialog .dialog_error .reportError_list.numericList .inProgress {
                font-weight: bolder
            }

            #reportError_dialog .dialog_error .reportError_list.numericList .succeeded {
                text-decoration: line-through
            }

            #reportError_dialog .dialog_error .reportError_list.numericList .suspended {
                font-style: italic
            }

            #reportError_dialog .dialog_error .reportError_list.numericList .suspended, #reportError_dialog .dialog_error .reportError_list.numericList .succeeded {
                color: #757575
            }

            #reportError_dialog .dialog_error .reportError_list.numericList .alternate {
                background-color: #E5F2FA
            }

.alert {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 10px 13px;
    padding-right: 35px;
    border-radius: 4px;
    border: 1px solid #FFF2D2;
    position: relative;
    color: #784600;
    fill: #784600;
    border-color: #FFF2D2;
    background-color: #FFF2D2;
    overflow: hidden;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none
}

.alert__title {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    padding-right: 8px
}

.alert__close-button {
    width: 25px;
    height: 25px;
    top: 5px;
    right: 12px;
    fill: #784600;
    background-color: transparent;
    border: none;
    border-radius: 15px;
    padding: 0;
    margin: 0;
    position: absolute;
    cursor: pointer
}

    .alert__close-button:hover {
        background-color: #784600;
        fill: #FFF2D2
    }

.alert__text {
    margin-right: 5px
}

.alert__svg-icon {
    width: 12px;
    height: 12px;
    top: 6px;
    right: 6px;
    position: absolute
}

.alert--error {
    background-color: #FDE5E5;
    border-color: #FDE5E5;
    color: #751111;
    fill: #751111
}

    .alert--error .alert__close-button {
        fill: #751111
    }

        .alert--error .alert__close-button:hover {
            background-color: #751111;
            fill: #FDE5E5
        }

.alert--success {
    background-color: #E5FDE9;
    border-color: #E5FDE9;
    color: #286000;
    fill: #286000
}

    .alert--success .alert__close-button {
        fill: #286000
    }

        .alert--success .alert__close-button:hover {
            background-color: #286000;
            fill: #E5FDE9
        }

.alert--paragraph {
    padding-top: 0;
    padding-bottom: 0
}

.alert--formField {
    width: 80%;
    max-width: 800px;
    margin-left: 24px
}

@media (max-width:905px) {
    .alert--formField {
        width: 100%;
        margin-left: 0
    }
}

.imageLightBox {
    max-width: 1000px;
    max-height: 700px
}

    .imageLightBox .installation-img-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 4px 12px
    }

    .imageLightBox .installation-img-container__image {
        margin: 0 auto;
        max-height: 550px
    }

@media (max-width:768px) {
    .imageLightBox .installation-img-container__image {
        max-width: 320px;
        max-height: 350px
    }
}

.imageLightBox .installation-img-comment {
    width: 100%;
    display: flex;
    border-top: 1px solid #C7CBD2;
    padding: 8px 4px;
    font-size: 14px
}

.imageLightBox .installation-img-comment__title {
    font-weight: bold;
    margin-right: 5px
}

.imageLightBox .installation-img-comment__text {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0
}

.geo-lever-button__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    min-height: 44px;
    min-width: 120px;
    cursor: pointer;
    background: #FFF
}

.geo-lever-button__icon {
    content: "";
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: #C7CBD2;
    border: 1px solid #C7CBD2;
    margin-top: 4px
}

.geo-lever-button__content {
    width: 100%;
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    margin-top: 4px;
    color: #575757
}

.geo-lever-button__content--hidden {
    display: none
}

.mobile-map-panel {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: -1px 0px 6px 0px #767676,0px 1px 6px 0px #767676
}

.mobile-map-panel--opened {
    box-shadow: -1px 0px 6px 0px #767676
}

    .mobile-map-panel--opened .mobile-map-panel__lever-button {
        border-bottom: 1px solid #C7CBD2
    }

.mobile-map-panel__lever {
    flex: 0 0 auto
}

.mobile-map-panel__lever-button {
    display: flex;
    flex: 1 1 auto
}

.mobile-map-panel__panes {
    overflow: hidden;
    overflow-y: auto;
    flex: 1 1 auto;
    height: 400px;
    flex-direction: column
}

.mobile-map-panel__content {
    position: relative
}

.mobile-map-panel__asset-info {
    border-bottom: 1px solid #C7CBD2
}

.mobile-map-panel__detail-note {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 80px
}

.mobile-map-panel__pane {
    height: auto
}

.mobile-map-panel__accordion {
    height: 100%
}

.geo-addin-accordion__header-arrow {
    margin-left: auto;
    width: 16px;
    height: 10px;
    fill: #66788C
}

.geo-addin-accordion__header {
    padding: 0;
    margin: 0;
    border: 1px solid #C7CBD2;
    border-width: 0 0 1px 0;
    border-radius: 0
}

.geo-addin-accordion__header--active .geo-addin-accordion__header-button {
    background-color: #F4F6F8;
    color: #202328
}

.geo-addin-accordion__header--active .geo-addin-accordion__header-arrow {
    fill: #66788C
}

.geo-addin-accordion__header-button {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 12px;
    color: #202328;
    background-color: #FFF;
    border-radius: 0;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px
}

    .geo-addin-accordion__header-button:hover, .geo-addin-accordion__header-button:focus {
        background-color: #F4F6F8;
        color: #202328
    }

        .geo-addin-accordion__header-button:hover .geo-addin-accordion__header-arrow, .geo-addin-accordion__header-button:focus .geo-addin-accordion__header-arrow {
            fill: #66788C
        }

.geo-addin-accordion__sub-menu {
    height: 100%;
    overflow: hidden;
    display: none
}

.geo-addin-accordion__sub-menu--shown {
    display: block
}

.mobile-assets-list {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

.mobile-assets-list__item {
    padding: 0;
    margin: 0;
    background-color: #FFF;
    border: 0;
    border: 1px solid #C7CBD2;
    border-width: 0 0 1px 0
}

.mobile-assets-list__button {
    padding: 12px;
    margin: 0;
    border: 0;
    border-radius: 0;
    width: 100%;
    background-color: #FFF
}

    .mobile-assets-list__button:active {
        border: 0;
        background-color: #e4e9ee
    }

.geo-list-asset {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    background-color: #FFF
}

.geo-list-asset__body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    align-items: center
}

.geo-list-asset__description {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden
}

.geo-list-asset__main-info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 8px;
    width: 100%;
    color: #575757;
    fill: #575757
}

.geo-list-asset__driver-name {
    color: #202328
}

.geo-list-asset__driver-name--historical {
    color: #575757
}

.geo-list-asset__name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #202328;
    overflow: hidden;
    flex: 1 1 auto;
    text-align: left;
    margin-right: 4px
}

.geo-list-asset__charge-state {
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    font-size: 0.79em
}

.geo-list-asset__charge-state--hidden {
    display: none
}

.geo-list-asset__charge-icon {
    display: flex;
    font-size: 0.79em;
    align-items: center
}

.geo-list-asset__charge-icon--hidden {
    display: none
}

.geo-list-asset__charge-icon-svg {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    margin-right: 2px;
    width: 10px;
    height: 13px
}

.geo-list-asset__status {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    fill: #575757;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start
}

.geo-list-asset__status--hidden {
    display: none
}

.geo-list-asset__state {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-direction: row
}

.geo-list-asset__state-line {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden
}

.geo-list-asset__state-icon {
    width: 12px;
    height: 12px;
    margin-right: 9px
}

.geo-list-asset__state-icon--hidden {
    display: none
}

.geo-list-asset__address {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-direction: row
}

.geo-list-asset__address--hidden .geo-list-asset__address-icon {
    display: none
}

.geo-list-asset__address-icon {
    width: 12px;
    height: 12px;
    margin-right: 9px
}

.geo-list-asset__address-line {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
    margin-top: 3px
}

.geo-list-asset__distance {
    display: flex;
    flex: 0 0 auto
}

.geo-list-asset__distance--hidden {
    display: none
}

.geo-list-asset__duration {
    display: flex;
    flex: 0 0 auto
}

.geo-list-asset__arrow {
    flex: 0 0 auto;
    margin-left: 10px;
    fill: #66788C
}

.geo-list-asset__arrow-icon {
    height: 10px;
    width: 16px
}

.geo-asset-view__body {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    align-items: center;
    padding: 12px
}

.geo-asset-view__main-info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 4px;
    width: 100%;
    color: #575757;
    fill: #575757
}

.geo-asset-view__name {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #202328;
    overflow: hidden;
    flex: 1 1 auto;
    text-align: left;
    margin-right: 4px;
    width: 100%
}

.geo-asset-view__speed {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 500;
    color: #575757;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto
}

.geo-asset-view__speed--hidden {
    display: none
}

.geo-asset-view__charge-state {
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    margin-left: 8px
}

.geo-asset-view__charge-state--hidden {
    display: none
}

.geo-asset-view__charge-icon {
    display: flex;
    font-size: 0.79em;
    align-items: center
}

.geo-asset-view__charge-icon--hidden {
    display: none
}

.geo-asset-view__charge-icon-svg {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    margin-right: 2px;
    width: 10px;
    height: 13px
}

.geo-asset-view__other-info {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    text-transform: none;
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #575757;
    fill: #575757;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    margin-top: 8px
}

.geo-asset-view__row {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-direction: row;
    width: 100%
}

.geo-asset-view__row-icon {
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    margin-right: 9px
}

.geo-asset-view__exception {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%
}

.geo-asset-view__exception--no-icon {
    padding-left: 21px
}

.geo-asset-view__exception-icon {
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    margin-right: 9px;
    fill: #DE3030
}

.geo-asset-view__exception-value {
    flex: 0 0 auto;
    margin-left: 5px
}

.geo-asset-view__groups-info {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    margin-top: 8px
}

.geo-asset-info__warning--hidden {
    display: none
}

.geo-asset-info__actions {
    width: 100%;
    padding: 8px 8px 0 8px
}

.geo-actions-view {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.geo-actions-view__button {
    margin: 4px
}

* {
    box-sizing: border-box
}

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

body {
    font-family: "Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.8em;
    background-color: #fefefe;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    touch-action: pan-y;
    font-size: 0.75em
}

.embedded-app {
    overflow: hidden
}

html:lang(zh-Hans) body, html:lang(ja) body {
    font-family: "Noto Sans Japanese","Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

button {
    font-family: "Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif
}

a img {
    border: none
}

.svgSprite {
    display: none
}

.geo-link {
    color: #0062A9;
    fill: #0062A9;
    text-decoration: underline;
    cursor: pointer
}

    .geo-link:hover, .geo-link:focus, .geo-link:active {
        text-decoration: underline;
        color: #002743;
        fill: #002743;
        outline: 1px dotted #002743
    }

    .geo-link:hover {
        outline: none
    }

    .geo-link.link__disabled {
        color: #757575;
        fill: #757575;
        cursor: default;
        text-decoration: none;
        outline: none
    }

.geo-link--notification, .geo-link--info {
    color: #0062A9;
    fill: #0062A9
}

    .geo-link--notification:hover, .geo-link--info:hover, .geo-link--notification:focus, .geo-link--info:focus, .geo-link--notification:active, .geo-link--info:active {
        color: #002743;
        fill: #002743;
        outline-color: #002743
    }

.geo-link--help {
    color: #FFF;
    fill: #FFF
}

    .geo-link--help:hover, .geo-link--help:focus, .geo-link--help:active {
        color: #cccccc;
        fill: #cccccc;
        outline-color: #cccccc
    }

.geotab-page {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    color: #202328
}

.link {
    color: #25477B;
    fill: #25477B
}

    .link:visited {
        color: #25477B;
        fill: #25477B
    }

    .link:hover {
        color: #25477B;
        fill: #25477B
    }

.clear {
    clear: both
}

.capitalize {
    text-transform: capitalize
}

.unstyled {
    padding-left: 0;
    margin-left: 0;
    list-style: none
}

.inlineList {
    margin-left: 0;
    list-style: none
}

    .inlineList > .inlineItem {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

h1, h2, h3, h4 {
    font-weight: normal
}

.left {
    float: left
}

.right {
    float: right
}

.geotabPrimaryFill {
    background-color: #fefefe
}

.geotabSecondaryFill {
    background-color: #E5F2FA
}

.geotabPrimaryBorder {
    border-color: #ddd
}

.geotabSecondaryBorder {
    border-color: #C5DBEC
}

.geotabPrimaryText {
    color: #25477B
}

.geotabSecondaryText {
    color: #757575
}

.geotabUsualText {
    color: #222
}

.geotabUIElement {
    background-color: #E8F3FD;
    border-color: #C5DBEC;
    color: #25477B
}

    .geotabUIElement:hover {
        background-color: #d1e7fb;
        border-color: #5293c6;
        color: #25477B
    }

    .geotabUIElement:active {
        background-color: #2c7ab1;
        border-color: #2c7ab1;
        color: #ffffff
    }

.success {
    color: #286000;
    fill: #286000
}

.warning {
    color: #784600;
    fill: #784600
}

.error {
    color: #751111;
    fill: #751111
}

.collapse .hidden-collapse {
    display: none
}

.collapse .visible-collapse {
    display: block
}

.ASC, .DESC {
    font-weight: bolder
}

.ASC, .DESC, .NONE {
    text-decoration: underline;
    cursor: pointer
}

.actionsList {
    position: absolute;
    z-index: 10004;
    min-width: 150px
}

.checkmateToolbarContainer, .checkmateTableContainer {
    margin: 0;
    overflow: hidden
}

.checkmateReportBuilderInfoBar {
    margin: 0.5em 0;
    float: left;
    min-height: 24px
}

    .checkmateReportBuilderInfoBar .infoBarLabel {
        float: left;
        color: #424242;
        width: 45%;
        height: 1.3em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }

        .checkmateReportBuilderInfoBar .infoBarLabel:nth-child(2) {
            float: right;
            text-align: right
        }

    .checkmateReportBuilderInfoBar .infoBarImg {
        float: left;
        margin: 4px 10px 0 0;
        fill: #757575
    }

    .checkmateReportBuilderInfoBar .infoBarList {
        list-style-type: none;
        padding-left: 0;
        list-style: none;
        font-size: 1.2em
    }

        .checkmateReportBuilderInfoBar .infoBarList .svgIcon {
            top: 0
        }

    .checkmateReportBuilderInfoBar:hover .total, .checkmateReportBuilderInfoBar:hover .value {
        height: 0.5em;
        transition: all 0.2s ease
    }

    .checkmateReportBuilderInfoBar .total, .checkmateReportBuilderInfoBar .value {
        height: 2px;
        transition: all 0.2s ease
    }

    .checkmateReportBuilderInfoBar .total {
        width: 100%
    }

    .checkmateReportBuilderInfoBar .drivingDistance .value {
        background-color: #46bf00;
        background-image: linear-gradient(to bottom,#46c600,#46b500);
        background-repeat: repeat-x
    }

    .checkmateReportBuilderInfoBar .drivingDistance.total {
        background-color: #ebebeb;
        background-image: linear-gradient(to bottom,#ddd,#fff);
        background-repeat: repeat-x
    }

    .checkmateReportBuilderInfoBar .drivingTime .value {
        background-color: #2583e7;
        background-image: linear-gradient(to bottom,#3d94ff,#0069c3);
        background-repeat: repeat-x
    }

    .checkmateReportBuilderInfoBar .drivingTime.total {
        background-color: #e700da;
        background-image: linear-gradient(to bottom,#ff00f0,#c300b8);
        background-repeat: repeat-x
    }

.checkmateListBuilderSubTitle .infoBarLabel {
    color: #25477B
}

.checkmateIframePage .iframeKeeper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.checkmateIframePage .checkmateToolbarContainer {
    position: relative;
    z-index: 1;
    overflow: visible
}

.checkmateIframePage iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    border: none
}

#eula ol {
    margin: 0;
    padding: 0 0 0 2em
}

    #eula ol li {
        margin: 0 0 1em 0;
        padding: 0;
        line-height: 1.6em
    }

#eula p {
    padding: 0 0 0 2em;
    line-height: 1.6em
}

#eula a {
    color: #00f;
    cursor: pointer;
    text-decoration: underline
}

.eulaLanguages button {
    color: #00f;
    cursor: pointer;
    text-decoration: underline;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent
}

.eula-warning-container .notification {
    z-index: 10008
}

.imageContainer {
    display: inline-block;
    position: relative;
    margin: 6px 5px 0 2px;
    padding: 0 3px;
    height: 17px;
    color: #25477B;
    fill: #25477B;
    background-color: transparent;
    border: none
}

    .imageContainer .svgIcon {
        top: 0
    }

    .imageContainer .comboOpenedIcon {
        display: none
    }

    .imageContainer.closeComboIcon .comboOpenedIcon {
        display: block
    }

    .imageContainer.closeComboIcon .comboClosedIcon {
        display: none
    }

#trainingTicketsId .g-name {
    width: 100%
}

#group_Id .bottomBorder {
    border-bottom: 1px solid #C5DBEC
}

#group_ParentNameId {
    color: #25477B;
    font-weight: bold
}

#group_Id .bottomBorder {
    border-width: 0
}

#group_ParentNameId {
    color: #0062A9
}

.hosLog_removeItemButton {
    position: relative;
    background-color: transparent;
    border: none;
    float: right;
    line-height: 1.4em;
    padding: 0;
    margin: 5px;
    width: 14px;
    height: 14px
}

    .hosLog_removeItemButton .svgIcon {
        top: 0;
        left: 0;
        width: 14px;
        height: 14px
    }

.hosLog_userTimeZonePreview {
    width: 100%;
    margin-top: 1px
}

#hosLog_dateTimeId {
    width: 100%
}

#hosLog_id .checkmateField .hideElementFromUser {
    display: none
}

#hosLog_id .checkmateField .enableMultipleEdit {
    padding-bottom: 0.8em
}

#hosLog_id .checkmateField .selectContainer > input, #hosLog_id .checkmateField .selectContainer > textarea {
    width: 100%
}

.requestEditPrompt .requestEditPrompt__username {
    font-weight: bold
}

#hosLog_addSaveError {
    margin-top: 20px
}

.loginDialog .companyLogoContainer {
    width: 100%
}

.loginDialog .loginbrandId {
    margin: 7px 0
}

.loginDialog .alert-error {
    margin-bottom: 4px
}

.loginDialog .loginFields {
    display: flex;
    padding-bottom: 10px;
    color: #757575;
    overflow: hidden;
    position: relative
}

.loginDialog .loginFields__input {
    width: 200px
}

.loginDialog .loginFields .addDatabaseButton {
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #25477B;
    text-decoration: underline;
    font-size: inherit;
    padding: 0
}

.loginDialog .loginFields .loginUserPasswordContainer {
    width: 200px
}

.loginDialog .loginFields .loginHide {
    display: none
}

.loginDialog .loginFields .loginCapsWarning {
    width: 200px;
    color: #751111;
    font-size: 0.8em
}

.loginDialog .loginFields.loginNoPaddingBottom {
    padding-bottom: 0
}

.loginDialog .loginFields .loginSpace {
    flex: 1 1 auto
}

.loginDialog .loginFields.loginLinksField {
    padding-bottom: 0;
    padding-left: 2px
}

.loginDialog .loginFields.smallStaff {
    font-size: 0.9em
}

.loginDialog .loginFields #rememberMeInputId {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    height: 1em;
    margin-right: 2px
}

.loginDialog .loginFields #hiddenInput {
    height: 0;
    width: 0;
    opacity: 0
}

.loginDialog .fieldLabel {
    flex: 1 1 auto;
    display: inline-block;
    line-height: 23px;
    height: 25px
}

    .loginDialog .fieldLabel.rightAlign {
        text-align: right
    }

    .loginDialog .fieldLabel .link {
        word-wrap: normal;
        white-space: nowrap
    }

.loginDialog .actionPart {
    flex-shrink: 0
}

.loginDialog .stepBackButton {
    flex: 1 1 auto;
    margin-right: 10px
}

.loginDialog #loginFieldStep2 {
    text-align: right
}

.loginDialog .animatedElement {
    overflow: hidden
}

    .loginDialog .animatedElement .slider {
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        transition: transform 150ms linear;
        transform: translateX(0)
    }

        .loginDialog .animatedElement .slider.stepTwo {
            transform: translateX(-100%)
        }

    .loginDialog .animatedElement .slide {
        flex: 0 0 auto;
        width: 100%;
        padding: 0 2px
    }

.loginDialog #loginInputBackStep2Id {
    background: #fefefe;
    border-color: #ddd;
    color: #222
}

    .loginDialog #loginInputBackStep2Id:hover, .loginDialog #loginInputBackStep2Id:focus {
        background: #f1f1f1;
        border-color: #c6c6c6
    }

.loginDialog #loginField {
    align-items: start;
    justify-content: flex-end
}

    .loginDialog #loginField .savedSessions {
        align-items: center;
        display: flex;
        flex: 0 1 auto;
        line-height: normal;
        height: auto
    }

        .loginDialog #loginField .savedSessions .link {
            white-space: normal
        }

    .loginDialog #loginField .plusButtonField {
        padding-right: 10px;
        flex: 1 1 auto;
        text-align: right
    }

    .loginDialog #loginField.activeSessions .savedSessions {
        flex-grow: 1
    }

    .loginDialog #loginField.activeSessions .plusButtonField {
        flex-grow: 0
    }

.loginDialog #savedSessions.inlineList {
    font-size: 0.9em
}

    .loginDialog #savedSessions.inlineList > .inlineItem {
        padding-left: 0;
        display: inline-block
    }

#loggedinState_dropdownContent {
    z-index: 10006;
    width: 210px
}

    #loggedinState_dropdownContent.dropdown-content--large {
        width: 245px
    }

.logged_db {
    text-align: center;
    padding-bottom: 7px;
    display: none
}

#loggedInState_dropdownButtonId {
    padding: 0px 16px
}

.loggedInState_namesContent {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: start
}

#loggedInState_databaseNameId {
    margin: 2px 0px 0px 6px;
    font-size: 12px;
    font-weight: 400
}

#passwordChange_id .checkmateField label {
    flex: 1 1 30%;
    max-width: 30%;
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: normal;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none
}

#passwordChange_id fieldset {
    width: 100%;
    padding: 0;
    margin-top: 0.5em
}

.notifications--dismissed {
    opacity: 0.3
}

.notifications__date {
    flex: 0 0 auto
}

.notifications__typeColumn {
    flex: 0 1 auto;
    overflow: hidden
}

.notifications__typeName {
    text-transform: uppercase;
    font-weight: bold;
    border-left: 1px #ddd solid;
    padding-left: 0.5em;
    line-height: 32px;
    display: block
}

@media (max-width:480px) {
    .notifications__typeName {
        padding-right: 0;
        padding-left: 0.2em
    }
}

.notifications__datails > .primaryData {
    padding-right: 10px
}

.checkmateListBuilder.inactiveRows .checkmateListBuilderRow {
    cursor: default
}

.routeWayPoint {
    display: flex;
    width: 100%
}

.route_routePlanItem {
    clear: both;
    flex: 1 0 100%
}

    .route_routePlanItem .routePlanItem {
        margin: 0 3px 3px 3px;
        float: left;
        list-style-type: none
    }

        .route_routePlanItem .routePlanItem > .route_ArrivalDistance, .route_routePlanItem .routePlanItem > .route_ArrivalDuration, .route_routePlanItem .routePlanItem > .route_StopDuration, .route_routePlanItem .routePlanItem > .route_Start {
            width: 65px
        }

    .route_routePlanItem .routePlanItemComment {
        clear: both;
        padding: 5px 0 2px 42px
    }

        .route_routePlanItem .routePlanItemComment a {
            text-decoration: none;
            display: inline-block;
            padding: 8px 0
        }

        .route_routePlanItem .routePlanItemComment textarea {
            width: 100%
        }

.route-sequence-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    border-radius: 4px;
    font-size: 14px !important;
    margin: 0 !important;
    color: white;
    z-index: 2
}

.first-stop-icon {
    background-color: #008000
}

.regular-stop-icon {
    background-color: #005999
}

.last-stop-icon {
    background-color: #cc0000
}

.hiddenInputs .route_ArrivalDistance, .hiddenInputs .route_ArrivalDuration, .hiddenInputs .route_StopDuration {
    display: none
}

.system-settings__custom-maps, .system-settings__add-ins-list {
    margin-top: 5px
}

.system-settings__labs-mode {
    display: inline-block
}

#systemSetings_NextPurgeRunDate {
    padding-left: 10px;
    color: #757575
}

.validationFailed {
    border-color: #FDE5E5
}

    .validationFailed:focus {
        border-color: #FDE5E5
    }

.profileWarning {
    position: relative;
    width: 96%;
    border-radius: 0.4em;
    margin: 4px 0;
    padding: 0.5em 2%
}

    .profileWarning .closeButton {
        right: 0.3em;
        top: 0.3em
    }

    .profileWarning .info-icon {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 12px
    }

    .profileWarning .profileText {
        margin: 0 28px 0 60px
    }

        .profileWarning .profileText + .profileText {
            margin-top: 10px
        }

.tabElement .alert-error, .tabElement .alert-warning {
    width: 80%;
    max-width: 800px
}

.user_RemoveUserDialog_UserName {
    font-weight: bold;
    font-size: 1.1em;
    display: block;
    padding: 1em 0
}

#user_SecurityClearance {
    width: 100%
}

#user_AutDesc > .alert {
    margin: 0
}

#user_PasswordExpire_Description {
    margin-top: 5px
}

#user_AssignKey {
    color: #25477B
}

#user_lastAccessAlert {
    float: right;
    width: 69%
}

#options_dayStart, #hosLog_startOfDayId {
    width: 70px
}

@media only screen and (max-width:768px) {
    #driverKeysEditorWrapper {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    #user_AssignKey {
        float: right;
        margin-top: 5px
    }
}

#total_progress_spinner, #routeSummaryReportList_waiting {
    position: relative;
    z-index: 1;
    min-width: 30px
}

.pageButton {
    margin-top: 20px
}

.nextButton {
    float: right;
    margin-right: 15px
}

.previousButton {
    float: left;
    margin-left: 15px
}

.timeCardReport-container {
    list-style-type: none;
    padding: 0;
    margin-top: 0
}

#customerStops_id {
    height: 100%
}

    #customerStops_id .customerStops_NoActivityDataWrapper {
        display: block;
        height: auto
    }

    #customerStops_id .customerStops_NoActivityData {
        padding: 15px;
        font-size: 1em
    }

.customerStopsGraphContainer {
    margin-top: 15px;
    padding: 15px
}

.groupTitleNavigatorDisplay {
    margin: 10px 5px 5px 2px
}

#exceptions_builderId .hidden .ruleName, #exceptions_builderId .hidden .events, #exceptions_builderId .hidden .distance, #exceptions_builderId .hidden .duration {
    color: grey !important
}

#exceptions_builderId .moreInfo {
    display: none;
    float: none;
    clear: both;
    width: 100%
}

#exceptions_builderId .deviceDriver {
    display: inline-block;
    text-align: right;
    text-overflow: ellipsis;
    min-width: 1.5em
}

#exceptions_builderId .events {
    font-weight: bolder;
    text-align: center;
    min-width: 5em
}

#exceptions_builderId .checkmateListBuilderRowActive .moreInfo {
    display: block
}

#exceptions_builderId .iconSquare {
    margin-top: 0
}

@media (min-width:768px) {
    #exceptions_builderId .moreInfo {
        padding-top: 10px
    }
}

@media (max-width:768px) {
    #exceptions_builderId .checkmateListBuilderRow .g-main {
        justify-content: flex-start
    }
}

@media (max-width:480px) {
    #exceptions_builderId .checkmateListBuilderRowDetails {
        padding-left: 0
    }
}

#exceptions_builderId .exception-graph-link__chart {
    display: inline-block
}

#exceptions_builderId .exception-graph-link__labs {
    display: inline-block;
    margin-left: 2px
}

.eventsList {
    width: 100%
}

    .eventsList .exceptionRow {
        overflow: hidden;
        display: flex
    }

    .eventsList .duration, .eventsList .distance {
        text-align: right;
        width: 8em
    }

    .eventsList .defect {
        text-align: left;
        width: 16em
    }

    .eventsList .date {
        text-align: left;
        width: 6em;
        vertical-align: top
    }

    .eventsList .eventsAdditional {
        min-width: 1px;
        display: flex;
        flex: 1 1 auto
    }

    .eventsList .eventsMain {
        padding-right: 3px;
        flex: 0 0 auto
    }

        .eventsList .eventsMain .eventDataItem {
            display: inline-block;
            overflow: hidden
        }

            .eventsList .eventsMain .eventDataItem .defects {
                margin: 0
            }

    .eventsList .context {
        display: inline-block;
        min-width: 30%;
        flex: 0 0 auto
    }

        .eventsList .context .actualValue {
            color: #25477B
        }

    .eventsList .address {
        padding: 0 0 2px 0;
        flex: 1 2 auto
    }

    .eventsList .primaryData {
        padding: 0.5em 0
    }

@media (max-width:1200px) {
    .eventsList .context {
        min-width: 0
    }
}

@media (max-width:800px) {
    .eventsList .exceptionRow {
        flex-direction: column;
        padding-top: 10px
    }
}

@media (max-width:480px) {
    .eventsList .duration {
        width: 6em
    }

    .eventsList .distance {
        width: 5em
    }

    .eventsList .eventsAdditional {
        flex-direction: column
    }
}

#exceptionsSummary_Id #exceptionsSummarySvgContainer, #tripsIdlingSummary_Id #tripsIdlingSummaryContainerId {
    min-width: 350px;
    min-height: 350px
}

.exceptionTooltip {
    position: absolute;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    padding: 10px;
    z-index: 5000
}

    .exceptionTooltip .title {
        font-weight: bold
    }

    .exceptionTooltip .details {
        position: relative;
        padding-top: 3px
    }

        .exceptionTooltip .details .warningIcon {
            display: block;
            float: left;
            position: relative;
            color: #ff0000;
            fill: #ff0000
        }

        .exceptionTooltip .details .exceptions {
            display: block;
            float: left;
            padding-left: 5px;
            padding-top: 1px
        }

.ruleNotifier_recipientsList .checkmateListTable {
    border-collapse: collapse;
    border-top: 2px #5293c6 solid
}

#helpGuideId .iframeKeeper {
    height: 100%;
    padding-top: 54px
}

#helpGuideId .checkmateToolbarContainer.hideHelpToolbar {
    display: none
}

    #helpGuideId .checkmateToolbarContainer.hideHelpToolbar + .iframeKeeper {
        padding-top: 5px
    }

#helpGuideId iframe {
    position: relative
}

.googleDocViewer {
    width: 100%;
    padding: 10px;
    overflow: auto
}

#workTimeId .g-row #workTime_newTimeCont {
    width: 100%
}

#workTimeId .workTimeSubInfo {
    max-width: 60%;
    min-width: 40%
}

#workTime_DayOfWeekId {
    flex-grow: 4
}

#workTime_addWorkTimeButtonId, #workTime_applyWorkTimeButtonId, #workTime_cancelWorkTimeButtonId, #workTime_removeWorkTimeButtonId {
    margin-left: 5px
}

#workTime_StartId, #workTime_EndId {
    width: 10%;
    min-width: 10% !important;
    margin-left: 5px
}

#workTime_newTimeCont {
    display: flex;
    margin: 10px 0;
    flex-wrap: wrap;
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: normal;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none
}

    #workTime_newTimeCont .checkmateFormEditField {
        flex-grow: 1;
        min-width: 20px
    }

#workTime_addWorkTimeArea {
    display: none
}

@media only screen and (max-width:480px) {
    #workTime_BuilderId, #workTime_addWorkTimeButtonId, #workTime_newTimeCont {
        width: 100%
    }

    #workTime_DayOfWeekId {
        min-width: 100% !important;
        margin-bottom: 5px !important
    }

    #workTime_addWorkTimeArea #workTime_StartId {
        margin-bottom: 5px
    }

    #workTime_StartId, #workTime_EndId {
        margin-left: 0 !important
    }

    #workTimeId #workTime_newTimeCont {
        flex-wrap: wrap
    }
}

.geotab-page#trailer_id #trailer_nodesButtonSet {
    margin-bottom: 18px
}

.relationViolationDialogField {
    max-height: 94px;
    overflow: auto
}

.new-ui {
    background-color: #f2f2f2
}

    .new-ui .checkmateToolbar {
        background: transparent;
        border-color: transparent
    }

#transferEld_Id .transferEld_driverName {
    align-items: start
}

#transferEld_Id .transferEld_status {
    align-items: start;
    line-height: 1.8em
}

#transferEld_Id .transferEld_status_error {
    color: #751111
}

#transferEld_Id .transferEld_status_success {
    color: #286000
}

#transferEld_Id .transferEld_status_warning {
    color: #e4ac05
}

#transferEld_Id .transferEld_status_information {
    color: #5b5b5b
}

#transferEld_Id .transferEld_errors {
    margin: 0
}

#transferEld_Id .transferEld_waiting {
    display: inline-block;
    width: 32px;
    height: 32px
}

.transfer-eld-dialog-block {
    margin: 10px 0px
}

.transfer-eld-driver-name {
    font-weight: bold;
    margin: 1px 0px
}

.translatePagePhrases {
    display: none
}

.row-expander-arrow {
    margin-right: 10px
}

    .row-expander-arrow svg {
        margin-bottom: -2px
    }

.secondaryRemark {
    font-size: 1.1em;
    color: #757575
}

.fieldsetList {
    border-top: 1px #ddd solid;
    border-right: 1px #ddd solid
}

.simpleList {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
    margin-left: 1em
}

    .simpleList .title {
        margin-bottom: 0;
        color: #25477B
    }

    .simpleList .remark {
        display: block;
        color: #757575;
        margin-bottom: 0.5em;
        margin-top: 1em
    }

    .simpleList .row {
        padding: 0.5em 0px;
        display: flex
    }

        .simpleList .row .label {
            display: inline-block;
            color: #757575
        }

        .simpleList .row .value {
            display: inline-block;
            color: black
        }

.supportTicket_vehicleFilterSwitcher {
    display: flex
}

.supportTicket_vehicleSwitcher {
    flex: 0 0 auto
}

.supportTicket_vehicleLabel {
    padding-top: 3px
}

.supportTicket_vehicleFilter {
    flex: 1 1 auto
}

    .supportTicket_vehicleFilter .inputBox {
        width: 100%
    }

    .supportTicket_vehicleFilter .supportTicket_vehicleFilterInput {
        padding: 2px 0 0 10px
    }

.pdfCanvas_downloadReport {
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #25477B;
    text-decoration: underline;
    padding: 0;
    margin: 0 4px
}

.geo-assign-driver {
    font-family: Roboto,"Segoe UI",Segoe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    color: #575757
}

.geo-assign-driver__title {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.geo-assign-driver__content {
    padding: 12px 12px 0 12px
}

.geo-assign-driver__content--item {
    padding-bottom: 4px
}

.geo-assign-driver__description {
    font-style: italic;
    color: #757575
}

.geo-assign-driver__selectedItems {
    font-size: 14px;
    color: #202328
}

.geo-assign-driver__footer {
    display: flex;
    justify-content: flex-end;
    padding: 12px 12px 10px 0
}

.geo-assign-driver__button {
    margin-left: 8px
}

#driverBlocklist_BlocklistedDriverBuilderId {
    float: left;
    width: 100%
}

@media (max-width:800px) {
    .hasMoreInfo .mainData {
        min-width: 300px
    }
}

@media (max-width:650px) {
    #deviceStatusId .row {
        flex-direction: column
    }
}

@media (max-width:480px) {
    .additionalInfo {
        padding: 0px;
        margin: 0px
    }

    .hasMoreInfo .usualData {
        text-align: left
    }
}

.printInfo {
    display: none
}

@media print {
    body {
        font-size: 0.6em;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        overflow: visible
    }

    #north, .menuClass, .notification, .resizerButton, .legendLayer, .resizerHeightBar, .checkmateToolbarContainer, .mainMenu, .popupWindow, #selectOptions, .checkmateListBuilderRowIcons, .multiple-selectButtons, .previousButton, .nextButton, .editMap, .menu-overlay {
        display: none !important
    }

    #checkmateContent {
        left: 0 !important;
        top: 0 !important;
        overflow: visible !important;
        position: static !important
    }

    .checkmateListTable {
        border-collapse: collapse
    }

        .checkmateListTable tr {
            width: 100%;
            display: table
        }

    .printInfo {
        display: block !important
    }

    .hideOnPrint {
        display: none !important
    }

    #hosLogs_id {
        display: block
    }

        #hosLogs_id .geo-popup {
            display: none !important
        }

        #hosLogs_id table, #hosLogs_id tbody, #hosLogs_id td, #hosLogs_id tr {
            display: block
        }

        #hosLogs_id .geo-page-header {
            border: none
        }

        #hosLogs_id .graphContainer {
            padding: 20px 0;
            margin: 0
        }

            #hosLogs_id .graphContainer .graphRenderContainer {
                min-width: 0;
                min-height: 0;
                height: auto !important
            }

                #hosLogs_id .graphContainer .graphRenderContainer rect.violation-bar, #hosLogs_id .graphContainer .graphRenderContainer rect.break-bar {
                    display: none
                }

                #hosLogs_id .graphContainer .graphRenderContainer #legend-violation-rect, #hosLogs_id .graphContainer .graphRenderContainer #legend-violation-label, #hosLogs_id .graphContainer .graphRenderContainer #legend-q-break-label, #hosLogs_id .graphContainer .graphRenderContainer #legend-q-break-rect {
                    display: none
                }

        #hosLogs_id .checkmateListSequenceNumber {
            -webkit-print-color-adjust: exact;
            color-adjust: exact
        }

        #hosLogs_id .checkmateListBuilderSubTitle, #hosLogs_id .checkmateListBuilderRow {
            padding: 2px 0;
            background: none;
            border: 0;
            border-bottom: 1px #eee solid;
            min-height: inherit;
            margin: 0;
            color: #25477B
        }

            #hosLogs_id .checkmateListBuilderSubTitle .statusIcon .geotabButtonIcons, #hosLogs_id .checkmateListBuilderRow .statusIcon .geotabButtonIcons {
                min-width: inherit
            }

            #hosLogs_id .checkmateListBuilderSubTitle .checkmateListBuilderRowDetails.horizontalDataSplit > .dataItem, #hosLogs_id .checkmateListBuilderRow .checkmateListBuilderRowDetails.horizontalDataSplit > .dataItem {
                line-height: 1em
            }

            #hosLogs_id .checkmateListBuilderSubTitle .address, #hosLogs_id .checkmateListBuilderRow .address {
                line-height: 2em
            }

            #hosLogs_id .checkmateListBuilderSubTitle .checkmateListBuilderRowMainInfo, #hosLogs_id .checkmateListBuilderRow .checkmateListBuilderRowMainInfo, #hosLogs_id .checkmateListBuilderSubTitle .checkmateListSequenceNumber, #hosLogs_id .checkmateListBuilderRow .checkmateListSequenceNumber {
                font-size: 1.2em
            }

            #hosLogs_id .checkmateListBuilderSubTitle .checkmateListBuilderRowMainInfo, #hosLogs_id .checkmateListBuilderRow .checkmateListBuilderRowMainInfo {
                padding: 2px 15px 0 10px;
                font-weight: bold
            }

            #hosLogs_id .checkmateListBuilderSubTitle .checkmateListSequenceNumber, #hosLogs_id .checkmateListBuilderRow .checkmateListSequenceNumber {
                border-radius: 0
            }

        #hosLogs_id .checkmateListBuilderSubTitle {
            border-radius: 0;
            border-top: 2px solid #C5DBEC
        }

        #hosLogs_id .pagebreak {
            page-break-before: always;
            break-before: always
        }

        #hosLogs_id #hosLogs_builderId .requested-edit {
            background-color: #fff;
            border: none
        }

        #hosLogs_id #hosLogs_builderId .checkmateListBuilderRow {
            border: none
        }

        #hosLogs_id .checkmateListBuilder .checkmateListBuilderRow .checkmateListBuilderRowDetails {
            float: right
        }

        #hosLogs_id .svgGraph {
            width: 100% !important;
            height: 100% !important
        }

        #hosLogs_id .checkmateListAnnotation {
            background: none
        }

        #hosLogs_id #hosLogs_modificationsInfo {
            float: left;
            clear: both;
            margin-left: 2.3em;
            padding-left: 17px
        }

            #hosLogs_id #hosLogs_modificationsInfo .dataItem {
                line-height: 1.6em;
                float: left
            }

                #hosLogs_id #hosLogs_modificationsInfo .dataItem > .geotabButtonIcons {
                    position: inherit;
                    top: 0
                }

        #hosLogs_id .checkmateListAnnotationContainer {
            padding: 0
        }
}

@media print {
    .live-map__panel {
        position: static !important;
        width: 100%;
        height: 100%;
        page-break-after: always;
        display: block !important
    }

    .live-map__back-button {
        display: none !important
    }

    .liveMapAddinsPanel {
        display: none
    }

    #liveMap_mapCanvas {
        display: block;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        page-break-inside: avoid
    }

        #liveMap_mapCanvas .map {
            min-height: 500px
        }

    #liveMapId {
        position: static
    }
}

@media print {
    body[data-display*="report"] #checkmateContent {
        position: static !important
    }

    body[data-display*="report"] .pdfCanvasContainer {
        position: static !important;
        overflow: visible
    }

        body[data-display*="report"] .pdfCanvasContainer .horizontalButtonSet, body[data-display*="report"] .pdfCanvasContainer .alert {
            display: none
        }

    body[data-display*="report"] .geo-page-header {
        display: none
    }
}

@media print {
    #tripsHistory_map, #liveMapId {
        width: 700px
    }

    #tripsHistoryId #tripsHistory_map {
        break-before: always
    }

    #tripsHistoryId #tripsHistory_map, #tripsHistoryId #historyTrips_ToolbarAndMapCanvasLayout {
        page-break-inside: avoid;
        position: static !important
    }

    #tripsHistoryId #liveMap_mapCanvas .mapSvgElement {
        overflow: hidden !important
    }

    #tripsHistoryId #tripsHistory_ContentResizerId, #tripsHistoryId #historyTrips_AddinsPanel {
        display: none
    }

    #tripsHistoryId DIV, #tripsHistoryId UL, #tripsHistoryId SPAN, #tripsHistoryId BUTTON {
        box-shadow: none !important
    }

    #tripsHistory_ContentId {
        position: static !important;
        overflow: visible !important;
        display: block !important
    }

    #tripsHistory_BuilderId.checkmateListBuilder {
        position: static !important;
        overflow: visible !important;
        border: 1px solid transparent
    }

    .checkmateListBuilderRow {
        page-break-inside: avoid !important
    }

    .checkmateListBuilderSubTitle, .checkmateListBuilderRow {
        page-break-after: avoid
    }

    .vanillaDialogContainer {
        display: none !important
    }

    .vanillaDialogShield {
        display: none !important
    }

    .gm-style img {
        position: absolute !important
    }
}

@media print {
    #engineDataPofileChartId {
        width: 100% !important;
        height: auto !important
    }

    .lineChartSvg {
        width: calc(100% - 20px) !important;
        height: 175px !important
    }

        .lineChartSvg svg {
            height: auto !important
        }

    .timeLineContainer {
        width: calc(100% - 20px) !important;
        height: 25px !important
    }

        .timeLineContainer svg {
            height: auto !important
        }
}