﻿@font-face {
    font-family: 'OpenSans-Regular';
    src: url('webfonts/regular.eot');
    src: url('webfonts/regular.eot?#iefix') format('embedded-opentype'), url('webfonts/regular.woff') format('woff'), url('webfonts/regular.ttf') format('truetype');
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arlo-cp {
    cursor: pointer;
}

.setup-box {
    display: table;
    width: 94%;
    max-width: 600px;
    margin: 0 auto;
    font-family: OpenSans-Regular, sans-serif;
    font-size: 17px;
    font-weight: bold;
}

.setup-box img {
    width: 100%;
}

.setup-box a {
    text-decoration: none !important;
    color: inherit !important;
}

.device-box {
    padding: 10px;
    font-size: 24px;
    margin-top: 15px;
}

.error {
    color: red;
}

.setup-box .arlo-link {
    display: inline-block;
    color: #06a94e !important;
}

.setup-box .arlo-link:hover {
    color: #0F6D36 !important;
}

.setup-box .title {
    margin: 15px 0 30px 0;
    font-size: 20px;
    text-align: center;
}

.bs-sync1 {
    display: table-cell;
    vertical-align: middle;
    background: url('../img/arlo-camera-sync-1.png') no-repeat right center;
    background-size: 25% auto;
    padding-right: 30%;
}

.sync2 {
    display: table-cell;
    vertical-align: middle;
    background: url('../img/arlo-camera-sync-2.png') no-repeat 0 center;
    background-size: 15%;
    padding-left: 22%;
}

.sync3 {
    display: table-cell;
    vertical-align: middle;
    background: url('../img/arlo-camera-sync-3.png') no-repeat right center;
    background-size: 20% auto;
    padding-right: 27%;
}

.setup-box .image {
    display: table;
    margin: 20px auto;
    width: 100%;
    max-width: 600px;
    height: 0;
    padding-bottom: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pc-plugin {
    background-image: url('../img/pc-plugin@2x.png');
}

.pc-press-sync {
    background-image: url('../img/pc-press-sync@2x.png');
}

.pc-qr-how {
    background-image: url('../img/pc-qr-how@2x.png');
}

.pc-connection {
    background-image: url('../img/camera-powered@2x.png');
}

.camera-img-wirefree {
    background-image: url('../img/camera-wire-free@2x.png');
}

.camera-img-router {
    background-image: url('../img/arlo-router-hardware@2x.png');
    background-size: 90%;
}

.camera-img-aqp {
    background-image: url('../img/aqp-hardware@2x.png');
    background-size: 90%;
}

.camera-img-pc {
    background-image: url('../img/arloq-hardware.png');
}

.pc-claim-fail-img {
    background-image: url('../img/pc-claim-fail.png');
}

.s3-img-camera {
    background-image: url('../img/arlo-camera@2x.png');
}

.s3-img-bs {
    background-image: url('../img/arlo-bs.png');
}

.s3-img-router {
    background-image: url('../img/arlo-router@2x.png');
}

.bs_troubleshoot {
    background-image: url('../img/arlo-basestation-system-connect@2x.png');
}

.arloq-reset-howto {
    background-image: url('../img/arloq-reset.png');
}

.aqp-reset-howto {
    background-image: url('../img/aqp-reset.png');
}

.bs-reset-howto {
    background-image: url('../img/bs-reset.png');
}

.aqp-claim-fail-img {
    background-image: url('../img/aqp-claim-fail.png');
}

.router-claim-fail-img {
    background-image: url('../img/router-claim-fail.png');
}

.bs-claim-fail-img {
    background-image: url('../img/bs-claim-fail.png');
}

.aqp-plugin {
    background-image: url('../img/aqp-plugin@2x.png');
}

.aqp-connection {
    background-image: url('../img/aqp-connecting.png');
    margin-bottom: 40% !important;
}

.router-connection {
    background-image: url('../img/router-connecting.png');
}

.bs-connection {
    background-image: url('../img/bs-connecting.png');
}

.aqp-press-sync {
    background-image: url('../img/aqp-press-sync@2x.png');
}

.aqp-qr-how {
    background-image: url('../img/aqp-qr-how@2x.png');
}

.aqp-poe-setup {
    background-image: url('../img/aqp-poe@2x.png');
}

.aqp-ethernet-setup-1 {
    background-image: url('../img/aqp-ethernet-setup-1.png');
}

.aqp-ethernet-setup-2 {
    background-image: url('../img/aqp-ethernet-setup-2.png');
}

.aqp-ethernet-setup-3 {
    background-image: url('../img/aqp-ethernet-setup-3.png');
}

.aqp-poe-option, .aqp-wifi-option, .aqp-ethernet-option {
    margin: 0px 57px;
}

.aqp-poe-option {
    background-image: url("../img/aqp-poe-option.png");
}

.aqp-wifi-option {
    background-image: url("../img/aqp-wifi-option.png");
}

.aqp-ethernet-option {
    background-image: url("../img/aqp-ethernet-option.png");
}

.setup-option-note {
    float: left;
    color: #000000;
    font-size: 12px;
    width: 100%;
}

@keyframes loading {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -120px;
    }
}

@-webkit-keyframes loading {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -120px;
    }
}

.loading-logo {
    width: 104px;
    height: 40px;
    background-image: url('../img/logo_sprite.png');
    background-repeat: no-repeat;
    animation: loading 1s infinite steps(3);
    -webkit-animation: loading 1s infinite steps(3);
    margin: auto;
}

.aqp-ethernet-setup-1, .aqp-ethernet-setup-2, .aqp-ethernet-setup-3, .aqp-poe-setup {
    padding-bottom: 40% !important;
}

.setup-box h3 {
    color: #06a94e;
    text-align: center;
}

@media only screen
and (-moz-min-device-pixel-ratio: 1.5), only screen
and (-o-min-device-pixel-ratio: 3/2), only screen
and (-webkit-min-device-pixel-ratio: 1.5), only screen
and (min-devicepixel-ratio: 1.5), only screen
and (min-resolution: 1.5dppx) {
    .camera-img-pc {
        background-image: url('../img/arloq-hardware@3x.png');
    }

    .s3-img-camera {
        background-image: url('../img/arlo-camera@3x.png');
    }

    .s3-img-bs {
        background-image: url('../img/arlo-bs@2x.png');
    }

    .s3-img-router {
        background-image: url('../img/arlo-router@3x.png');
    }

    .pc-connection {
        background-image: url('../img/camera-powered@2x.png');
    }

    .pc-plugin {
        background-image: url('../img/pc-plugin@2x.png');
    }

    .pc-qr-how {
        background-image: url('../img/pc-qr-how@2x.png');
    }

    .bs-sync1 {
        display: table-cell;
        vertical-align: middle;
        background: url('../img/arlo-camera-sync-1@2x.png') no-repeat right center;
        background-size: 25% auto;
        padding-right: 30%;
    }

    .sync2 {
        display: table-cell;
        vertical-align: middle;
        background: url('../img/arlo-camera-sync-2@2x.png') no-repeat 0 center;
        background-size: 15%;
        padding-left: 22%;
    }

    .sync3 {
        display: table-cell;
        vertical-align: middle;
        background: url('../img/arlo-camera-sync-3@2x.png') no-repeat right center;
        background-size: 20% auto;
        padding-right: 27%;
    }

    .camera-img-wirefree {
        background-image: url('../img/camera-wire-free@3x.png');
    }

    .pc-claim-fail-img {
        background-image: url('../img/pc-claim-fail@2x.png');
    }

    .pc-press-sync {
        background-image: url('../img/pc-press-sync@2x.png');
    }

    .bs_troubleshoot {
        background-image: url('../img/arlo-basestation-system-connect@3x.png');
    }

    .arloq-reset-howto {
        background-image: url('../img/arloq-reset@2x.png');
    }

    .camera-img-router {
        background-image: url('../img/arlo-router-hardware@3x.png');
    }

    .camera-img-aqp {
        background-image: url('../img/aqp-hardware@3x.png');
    }

    .aqp-reset-howto {
        background-image: url('../img/aqp-reset@2x.png');
    }

    .bs-reset-howto {
        background-image: url('../img/bs-reset@2x.png');
    }

    .aqp-claim-fail-img {
        background-image: url('../img/aqp-claim-fail@2x.png');
    }

    .router-claim-fail-img {
        background-image: url('../img/router-claim-fail@2x.png');
    }

    .bs-claim-fail-img {
        background-image: url('../img/bs-claim-fail@2x.png');
    }



    .aqp-plugin {
        background-image: url('../img/aqp-plugin@2x.png');
    }

    .aqp-connection {
        background-image: url('../img/aqp-connecting@2x.png');
    }

    .router-connection {
        background-image: url('../img/router-connecting@2x.png');
    }

    .bs-connection {
        background-image: url('../img/bs-connecting@2x.png');
    }

    .aqp-press-sync {
        background-image: url('../img/aqp-press-sync@2x.png');
    }

    .aqp-qr-how {
        background-image: url('../img/aqp-qr-how@2x.png');
    }

    .aqp-poe-setup {
        background-image: url('../img/aqp-poe@2x.png');
    }

    .aqp-ethernet-setup-1 {
        background-image: url('../img/aqp-ethernet-setup-1@2x.png');
    }

    .aqp-ethernet-setup-2 {
        background-image: url('../img/aqp-ethernet-setup-2@2x.png');
    }

    .aqp-ethernet-setup-3 {
        background-image: url('../img/aqp-ethernet-setup-3@2x.png');
    }

    .aqp-poe-option {
        background-image: url("../img/aqp-poe-option@2x.png");
    }

    .aqp-wifi-option {
        background-image: url("../img/aqp-wifi-option@2x.png");
    }

    .aqp-ethernet-option {
        background-image: url("../img/aqp-ethernet-option@2x.png");
    }
}

@keyframes connecting {
    0% {
        width: 30px;
    }
    100% {
        width: 180px;
    }
}

@-webkit-keyframes connecting {
    0% {
        width: 30px;
    }
    100% {
        width: 180px;
    }
}

.connection-dots {
    overflow: hidden;
    white-space: nowrap;
    animation: connecting 3s infinite steps(5);
    -webkit-animation: connecting 3s infinite steps(5);
}

.pc-leds {
    display: table;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
}

.led-row {
    display: table-row;
}

.led-cell {
    display: table-cell;
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: 5px 15px;
    background-size: 36px;
    padding-top: 10px;
}

@media only screen and (max-width: 440px) {
    .led-row {
        display: block;
    }

    .led-cell {
        display: block;
    }
}

.led-title {
    font-weight: bold;
}

.solid-amber {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3cHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgNyA3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3IDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iI0Y2OTIxRSIgY3g9IjMuNSIgY3k9IjMuNSIgcj0iMy41Ii8+PC9zdmc+);
    background-size: 16px;
    background-position: 14px 15px;
}

.slow-amber {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMi44OTRweCIgaGVpZ2h0PSIxMi44OTVweCIgdmlld0JveD0iMCAwIDEyLjg5NCAxMi44OTUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyLjg5NCAxMi44OTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik02LjQwMiwxMi44OTVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjV2LTEuNWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjV2MS41QzYuOTAyLDEyLjY3MSw2LjY3OCwxMi44OTUsNi40MDIsMTIuODk1eiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik0xMC44NDksMTEuMDIzYy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzUzLTAuMTQ2TDkuNDM1LDkuODE2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3czAuNTEyLTAuMTk1LDAuNzA3LDBsMS4wNjEsMS4wNjFjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MxMS4xMDUsMTAuOTc0LDEwLjk3NywxMS4wMjMsMTAuODQ5LDExLjAyM3oiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNMS45NTcsMTEuMDIzYy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDEuMDYxLTEuMDYxYzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBzMC4xOTUsMC41MTIsMCwwLjcwN2wtMS4wNiwxLjA2MUMyLjIxMiwxMC45NzQsMi4wODUsMTEuMDIzLDEuOTU3LDExLjAyM3oiLz48L2c+PGc+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTYuNDAyLDIuNWMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYwLjVjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNWMwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41VjJDNi45MDIsMi4yNzYsNi42NzgsMi41LDYuNDAyLDIuNXoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNMTIuODk1LDYuNTE2YzAsMC4yNzUtMC4yMjQsMC41LTAuNSwwLjVoLTEuNWMtMC4yNzYsMC0wLjUtMC4yMjUtMC41LTAuNWMwLTAuMjc3LDAuMjI0LTAuNSwwLjUtMC41aDEuNUMxMi42NzEsNi4wMTYsMTIuODk1LDYuMjM4LDEyLjg5NSw2LjUxNnoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNMi41LDYuNTE2YzAsMC4yNzUtMC4yMjQsMC41LTAuNSwwLjVIMC41Yy0wLjI3NiwwLTAuNS0wLjIyNS0wLjUtMC41YzAtMC4yNzcsMC4yMjQtMC41LDAuNS0wLjVIMkMyLjI3Niw2LjAxNiwyLjUsNi4yMzgsMi41LDYuNTE2eiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik05Ljc4OSwzLjk5MWMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1NC0wLjE0NmMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2wxLjA2MS0xLjA2MWMwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdsLTEuMDYxLDEuMDYxQzEwLjA0NSwzLjk0Miw5LjkxNywzLjk5MSw5Ljc4OSwzLjk5MXoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNMy4wMTcsMy45OTFjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDZMMS42MDMsMi43ODRjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdjMC4xOTUtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMGwxLjA2LDEuMDYxYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdDMy4yNzMsMy45NDIsMy4xNDUsMy45OTEsMy4wMTcsMy45OTF6Ii8+PC9nPjwvZz48L2c+PGNpcmNsZSBmaWxsPSIjRjY5MjFFIiBjeD0iNi40MjMiIGN5PSI2LjQ2IiByPSIzLjUiLz48L2c+PC9zdmc+);
    background-size: 26px;
    background-position: 10px 15px;
}

.fast-amber {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOC41M3B4IiBoZWlnaHQ9IjE4Ljc5OHB4IiB2aWV3Qm94PSIwIDAgMTguNTMgMTguNzk4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOC41MyAxOC43OTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik05LjE1NywzLjY0OWMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYyLjQzNWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjV2MC43MTVDOS42NTcsMy40MjYsOS40MzQsMy42NDksOS4xNTcsMy42NDl6Ii8+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTkuMTU3LDUuNTkxYy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41VjQuNDczYzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNXYwLjYxOEM5LjY1Nyw1LjM2Nyw5LjQzNCw1LjU5MSw5LjE1Nyw1LjU5MXoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNNC45MzgsOS45MThINC4zMTljLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVzMC4yMjQtMC41LDAuNS0wLjVoMC42MThjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNVM1LjIxNCw5LjkxOCw0LjkzOCw5LjkxOHoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNMy4wMjgsOS45MThIMi40MWMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNXMwLjIyNC0wLjUsMC41LTAuNWgwLjYxOGMwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41UzMuMzA0LDkuOTE4LDMuMDI4LDkuOTE4eiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik0xLjExOCw5LjkxOEgwLjVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVzMC4yMjQtMC41LDAuNS0wLjVoMC42MThjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNVMxLjM5NSw5LjkxOCwxLjExOCw5LjkxOHoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNMTguMDMsOS45MDVoLTAuNjE4Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41czAuMjI0LTAuNSwwLjUtMC41aDAuNjE4YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjVTMTguMzA2LDkuOTA1LDE4LjAzLDkuOTA1eiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik0xNi4xMiw5LjkwNWgtMC42MThjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVzMC4yMjQtMC41LDAuNS0wLjVoMC42MThjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNVMxNi4zOTcsOS45MDUsMTYuMTIsOS45MDV6Ii8+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTE0LjIxMSw5LjkwNWgtMC42MThjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVzMC4yMjQtMC41LDAuNS0wLjVoMC42MThjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNVMxNC40ODcsOS45MDUsMTQuMjExLDkuOTA1eiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik05LjE1NywxLjYxOGMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYwLjVjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNWMwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41djAuNjE4QzkuNjU3LDEuMzk1LDkuNDM0LDEuNjE4LDkuMTU3LDEuNjE4eiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik0xMy45MTUsNS43MzhjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDdjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdsMC41MDYtMC41MDZjMC4xOTUtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMGMwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3bC0wLjUwNiwwLjUwNkMxNC4xNyw1LjY5LDE0LjA0Myw1LjczOCwxMy45MTUsNS43Mzh6Ii8+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTEyLjU0Miw3LjExMWMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1My0wLjE0N2MtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2wwLjQzNy0wLjQzOGMwLjE5NC0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdsLTAuNDM3LDAuNDM4QzEyLjc5OCw3LjA2MywxMi42Nyw3LjExMSwxMi41NDIsNy4xMTF6Ii8+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTE1LjM1MSw0LjMwMmMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1NC0wLjE0N2MtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2wwLjQzNy0wLjQzOGMwLjE5NC0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdsLTAuNDM3LDAuNDM4QzE1LjYwNyw0LjI1MywxNS40NzksNC4zMDIsMTUuMzUxLDQuMzAyeiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik00LjQ5LDUuNzM5Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ3TDMuNjMxLDUuMDg3Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBsMC41MDYsMC41MDZjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0M0Ljc0Niw1LjY5MSw0LjYxOCw1LjczOSw0LjQ5LDUuNzM5eiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik01Ljg2Myw3LjExMmMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1NC0wLjE0Nkw1LjA3Miw2LjUyOGMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2MwLjE5NS0wLjE5NSwwLjUxMy0wLjE5NSwwLjcwNywwbDAuNDM3LDAuNDM4YzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdDNi4xMTksNy4wNjQsNS45OTEsNy4xMTIsNS44NjMsNy4xMTJ6Ii8+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTMuMDU0LDQuMzAzYy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzUzLTAuMTQ3TDIuMjYzLDMuNzE5Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzAuMTk1LTAuMTk1LDAuNTEzLTAuMTk1LDAuNzA3LDBsMC40MzcsMC40MzhjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MzLjMxLDQuMjU0LDMuMTgyLDQuMzAzLDMuMDU0LDQuMzAzeiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik05LjE1NywxNi44NjNjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjV2LTAuNzE1YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNXYwLjcxNUM5LjY1NywxNi42NCw5LjQzNCwxNi44NjMsOS4xNTcsMTYuODYzeiIvPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik05LjE1NywxNC44MjVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjV2LTAuNjE4YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNXYwLjYxOEM5LjY1NywxNC42MDIsOS40MzQsMTQuODI1LDkuMTU3LDE0LjgyNXoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNOS4xNTcsMTguNzk4Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41VjE3LjY4YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNXYwLjYxOEM5LjY1NywxOC41NzQsOS40MzQsMTguNzk4LDkuMTU3LDE4Ljc5OHoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNMTQuMzg0LDE0LjY3NGMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1NC0wLjE0N2wtMC41MDYtMC41MDZjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdjMC4xOTUtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMGwwLjUwNiwwLjUwNmMwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3QzE0LjY0LDE0LjYyNSwxNC41MTIsMTQuNjc0LDE0LjM4NCwxNC42NzR6Ii8+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTEyLjk0MywxMy4yMzNjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTMtMC4xNDZsLTAuNDM3LTAuNDM4Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3czAuNTEzLTAuMTk1LDAuNzA3LDBsMC40MzcsMC40MzhjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MxMy4xOTksMTMuMTg0LDEzLjA3MSwxMy4yMzMsMTIuOTQzLDEzLjIzM3oiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNMTUuNzUyLDE2LjA0MmMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1My0wLjE0N2wtMC40MzctMC40MzhjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdjMC4xOTUtMC4xOTUsMC41MTMtMC4xOTUsMC43MDcsMGwwLjQzNywwLjQzOGMwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3QzE2LjAwOCwxNS45OTMsMTUuODgsMTYuMDQyLDE1Ljc1MiwxNi4wNDJ6Ii8+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTQuMDAzLDE0LjY1NWMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1NC0wLjE0NmMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2wwLjUwNi0wLjUwNmMwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdsLTAuNTA2LDAuNTA2QzQuMjU4LDE0LjYwNyw0LjEzLDE0LjY1NSw0LjAwMywxNC42NTV6Ii8+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTUuNDQ0LDEzLjIxNGMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1My0wLjE0N2MtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2wwLjQzNy0wLjQzOGMwLjE5NC0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdsLTAuNDM3LDAuNDM4QzUuNywxMy4xNjUsNS41NzIsMTMuMjE0LDUuNDQ0LDEzLjIxNHoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNMi42MzUsMTYuMDI0Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzUzLTAuMTQ2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDAuNDM3LTAuNDM4YzAuMTk0LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN2wtMC40MzcsMC40MzhDMi44OTEsMTUuOTc1LDIuNzYzLDE2LjAyNCwyLjYzNSwxNi4wMjR6Ii8+PC9nPjwvZz48L2c+PGNpcmNsZSBmaWxsPSIjRjY5MjFFIiBjeD0iOS4yNTEiIGN5PSI5LjM3MiIgcj0iMy41Ii8+PC9nPjwvc3ZnPg==);
}

.solid-blue {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3cHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgNyA3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3IDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iIzI2QTlFMCIgY3g9IjMuNSIgY3k9IjMuNSIgcj0iMy41Ii8+PC9zdmc+);
    background-size: 16px;
    background-position: 14px 15px;
}

.slow-blue {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMi44OTRweCIgaGVpZ2h0PSIxMi44OTRweCIgdmlld0JveD0iMCAwIDEyLjg5NCAxMi44OTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyLjg5NCAxMi44OTQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik02LjQwMiwxMi44OTVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjV2LTEuNWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjV2MS41QzYuOTAyLDEyLjY3MSw2LjY3OCwxMi44OTUsNi40MDIsMTIuODk1eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik0xMC44NDksMTEuMDIyYy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ3bC0xLjA2LTEuMDYxYy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBsMS4wNjEsMS4wNjFjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MxMS4xMDUsMTAuOTc0LDEwLjk3NywxMS4wMjIsMTAuODQ5LDExLjAyMnoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNMS45NTcsMTEuMDIyYy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ3Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDEuMDYxLTEuMDYxYzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN2wtMS4wNiwxLjA2MUMyLjIxMiwxMC45NzQsMi4wODUsMTEuMDIyLDEuOTU3LDExLjAyMnoiLz48L2c+PGc+PHBhdGggZmlsbD0iIzI2QTlFMCIgZD0iTTYuNDAyLDIuNWMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYwLjVjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNWMwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41VjJDNi45MDIsMi4yNzYsNi42NzgsMi41LDYuNDAyLDIuNXoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNMTIuODk1LDYuNTE2YzAsMC4yNzUtMC4yMjQsMC41LTAuNSwwLjVoLTEuNWMtMC4yNzYsMC0wLjUtMC4yMjUtMC41LTAuNWMwLTAuMjc3LDAuMjI0LTAuNSwwLjUtMC41aDEuNUMxMi42NzEsNi4wMTYsMTIuODk1LDYuMjM4LDEyLjg5NSw2LjUxNnoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNMi41LDYuNTE2YzAsMC4yNzUtMC4yMjQsMC41LTAuNSwwLjVIMC41Yy0wLjI3NiwwLTAuNS0wLjIyNS0wLjUtMC41YzAtMC4yNzcsMC4yMjQtMC41LDAuNS0wLjVIMkMyLjI3Niw2LjAxNiwyLjUsNi4yMzgsMi41LDYuNTE2eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik05Ljc4OSwzLjk5MWMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1My0wLjE0NmMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2wxLjA2LTEuMDZjMC4xOTUtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMGMwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3bC0xLjA2MSwxLjA2MUMxMC4wNDQsMy45NDIsOS45MTcsMy45OTEsOS43ODksMy45OTF6Ii8+PHBhdGggZmlsbD0iIzI2QTlFMCIgZD0iTTMuMDE3LDMuOTkxYy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzUzLTAuMTQ2TDEuNjAzLDIuNzg0Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBsMS4wNiwxLjA2YzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdDMy4yNzMsMy45NDIsMy4xNDUsMy45OTEsMy4wMTcsMy45OTF6Ii8+PC9nPjwvZz48L2c+PGNpcmNsZSBmaWxsPSIjMjZBOUUwIiBjeD0iNi40MjMiIGN5PSI2LjQ2IiByPSIzLjUiLz48L2c+PC9zdmc+);
    background-size: 26px;
    background-position: 10px 15px;
}

.fast-blue {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOC41M3B4IiBoZWlnaHQ9IjE4Ljc5OHB4IiB2aWV3Qm94PSIwIDAgMTguNTMgMTguNzk4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOC41MyAxOC43OTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik05LjE1NywzLjY0OWMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYyLjQzNWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjV2MC43MTVDOS42NTcsMy40MjYsOS40MzQsMy42NDksOS4xNTcsMy42NDl6Ii8+PHBhdGggZmlsbD0iIzI2QTlFMCIgZD0iTTkuMTU3LDUuNTkxYy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41VjQuNDczYzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNXYwLjYxOEM5LjY1Nyw1LjM2Nyw5LjQzNCw1LjU5MSw5LjE1Nyw1LjU5MXoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNNC45MzgsOS45MThINC4zMTljLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNWgwLjYxOGMwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41QzUuNDM4LDkuNjk0LDUuMjE0LDkuOTE4LDQuOTM4LDkuOTE4eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik0zLjAyOCw5LjkxOEgyLjQxYy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVoMC42MThjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNUMzLjUyOCw5LjY5NCwzLjMwNCw5LjkxOCwzLjAyOCw5LjkxOHoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNMS4xMTgsOS45MThIMC41Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVoMC42MThjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNUMxLjYxOCw5LjY5NCwxLjM5NSw5LjkxOCwxLjExOCw5LjkxOHoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNMTguMDMsOS45MDVoLTAuNjE4Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVoMC42MThjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNUMxOC41Myw5LjY4MiwxOC4zMDYsOS45MDUsMTguMDMsOS45MDV6Ii8+PHBhdGggZmlsbD0iIzI2QTlFMCIgZD0iTTE2LjEyLDkuOTA1aC0wLjYxOGMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41aDAuNjE4YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjVDMTYuNjIsOS42ODIsMTYuMzk3LDkuOTA1LDE2LjEyLDkuOTA1eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik0xNC4yMTEsOS45MDVoLTAuNjE4Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVoMC42MThjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNUMxNC43MTEsOS42ODIsMTQuNDg3LDkuOTA1LDE0LjIxMSw5LjkwNXoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNOS4xNTcsMS42MThjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVWMC41YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNXYwLjYxOEM5LjY1NywxLjM5NSw5LjQzNCwxLjYxOCw5LjE1NywxLjYxOHoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNMTMuOTE1LDUuNzM4Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDAuNTA2LTAuNTA2YzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN2wtMC41MDYsMC41MDZDMTQuMTcsNS42OSwxNC4wNDMsNS43MzgsMTMuOTE1LDUuNzM4eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik0xMi41NDIsNy4xMTFjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTMtMC4xNDdjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdsMC40MzctMC40MzhjMC4xOTQtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMGMwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3bC0wLjQzNywwLjQzOEMxMi43OTgsNy4wNjMsMTIuNjcsNy4xMTEsMTIuNTQyLDcuMTExeiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik0xNS4zNTEsNC4zMDJjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDdjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdsMC40MzctMC40MzhjMC4xOTQtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMGMwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3bC0wLjQzNywwLjQzOEMxNS42MDgsNC4yNTMsMTUuNDc5LDQuMzAyLDE1LjM1MSw0LjMwMnoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNNC40OSw1LjczOWMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1My0wLjE0N0wzLjYzMSw1LjA4N2MtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2MwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwbDAuNTA2LDAuNTA2YzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdDNC43NDYsNS42OTEsNC42MTgsNS43MzksNC40OSw1LjczOXoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNNS44NjMsNy4xMTJjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTMtMC4xNDZMNS4wNzIsNi41MjhjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdjMC4xOTUtMC4xOTUsMC41MTMtMC4xOTUsMC43MDcsMGwwLjQzNywwLjQzOGMwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3QzYuMTE5LDcuMDY0LDUuOTkxLDcuMTEyLDUuODYzLDcuMTEyeiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik0zLjA1NCw0LjMwM2MtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1My0wLjE0N0wyLjI2MywzLjcxOWMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2MwLjE5NS0wLjE5NSwwLjUxMy0wLjE5NSwwLjcwNywwbDAuNDM3LDAuNDM4YzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdDMy4zMSw0LjI1NCwzLjE4Miw0LjMwMywzLjA1NCw0LjMwM3oiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNOS4xNTcsMTYuODYzYy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41di0wLjcxNWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjV2MC43MTVDOS42NTcsMTYuNjQsOS40MzQsMTYuODYzLDkuMTU3LDE2Ljg2M3oiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNOS4xNTcsMTQuODI1Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41di0wLjYxOGMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjV2MC42MThDOS42NTcsMTQuNjAyLDkuNDM0LDE0LjgyNSw5LjE1NywxNC44MjV6Ii8+PHBhdGggZmlsbD0iIzI2QTlFMCIgZD0iTTkuMTU3LDE4Ljc5OGMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYxNy42OGMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjV2MC42MThDOS42NTcsMTguNTc0LDkuNDM0LDE4Ljc5OCw5LjE1NywxOC43OTh6Ii8+PHBhdGggZmlsbD0iIzI2QTlFMCIgZD0iTTE0LjM4NCwxNC42NzRjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDZsLTAuNTA2LTAuNTA2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBsMC41MDYsMC41MDZjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MxNC42NCwxNC42MjUsMTQuNTEyLDE0LjY3NCwxNC4zODQsMTQuNjc0eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik0xMi45NDMsMTMuMjMzYy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzUzLTAuMTQ2bC0wLjQzNy0wLjQzOGMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN3MwLjUxMy0wLjE5NSwwLjcwNywwbDAuNDM3LDAuNDM4YzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdDMTMuMTk5LDEzLjE4NCwxMy4wNzEsMTMuMjMzLDEyLjk0MywxMy4yMzN6Ii8+PHBhdGggZmlsbD0iIzI2QTlFMCIgZD0iTTE1Ljc1MiwxNi4wNDJjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTMtMC4xNDdsLTAuNDM3LTAuNDM4Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzAuMTk1LTAuMTk1LDAuNTEzLTAuMTk1LDAuNzA3LDBsMC40MzcsMC40MzhjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MxNi4wMDgsMTUuOTkzLDE1Ljg4LDE2LjA0MiwxNS43NTIsMTYuMDQyeiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik00LjAwMywxNC42NTVjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDZjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdsMC41MDYtMC41MDZjMC4xOTUtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMGMwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3bC0wLjUwNiwwLjUwNkM0LjI1OCwxNC42MDcsNC4xMywxNC42NTUsNC4wMDMsMTQuNjU1eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik01LjQ0NCwxMy4yMTRjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTMtMC4xNDZjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdsMC40MzctMC40MzhjMC4xOTQtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMHMwLjE5NSwwLjUxMiwwLDAuNzA3bC0wLjQzNywwLjQzOEM1LjcsMTMuMTY1LDUuNTcyLDEzLjIxNCw1LjQ0NCwxMy4yMTR6Ii8+PHBhdGggZmlsbD0iIzI2QTlFMCIgZD0iTTIuNjM1LDE2LjAyNGMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1My0wLjE0N2MtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2wwLjQzNy0wLjQzOGMwLjE5NC0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdsLTAuNDM3LDAuNDM4QzIuODkxLDE1Ljk3NSwyLjc2MywxNi4wMjQsMi42MzUsMTYuMDI0eiIvPjwvZz48L2c+PC9nPjxjaXJjbGUgZmlsbD0iIzI2QTlFMCIgY3g9IjkuMjUxIiBjeT0iOS4zNzIiIHI9IjMuNSIvPjwvZz48L3N2Zz4=);
}

.solid-purple {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3cHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgNyA3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3IDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iIzk3NkFBQyIgY3g9IjMuNSIgY3k9IjMuNSIgcj0iMy41Ii8+PC9zdmc+);
    background-size: 16px;
    background-position: 14px 15px;
}

.blinking-purple {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMi44OTRweCIgaGVpZ2h0PSIxMi44OTVweCIgdmlld0JveD0iMCAwIDEyLjg5NCAxMi44OTUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyLjg5NCAxMi44OTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiM5NzZBQUMiIGQ9Ik02LjQwMiwxMi44OTVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjV2LTEuNWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41YzAuMjc2LDAsMC41LDAuMjI0LDAuNSwwLjV2MS41QzYuOTAyLDEyLjY3MSw2LjY3OCwxMi44OTUsNi40MDIsMTIuODk1eiIvPjxwYXRoIGZpbGw9IiM5NzZBQUMiIGQ9Ik0xMC44NDksMTEuMDIyYy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2TDkuNDM1LDkuODE1Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBsMS4wNjEsMS4wNjFjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MxMS4xMDUsMTAuOTc0LDEwLjk3NywxMS4wMjIsMTAuODQ5LDExLjAyMnoiLz48cGF0aCBmaWxsPSIjOTc2QUFDIiBkPSJNMS45NTcsMTEuMDIyYy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDEuMDYxLTEuMDYxYzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN2wtMS4wNiwxLjA2MUMyLjIxMiwxMC45NzQsMi4wODQsMTEuMDIyLDEuOTU3LDExLjAyMnoiLz48L2c+PGc+PHBhdGggZmlsbD0iIzk3NkFBQyIgZD0iTTYuNDAyLDIuNWMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYwLjVjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNWMwLjI3NiwwLDAuNSwwLjIyNCwwLjUsMC41VjJDNi45MDIsMi4yNzYsNi42NzgsMi41LDYuNDAyLDIuNXoiLz48cGF0aCBmaWxsPSIjOTc2QUFDIiBkPSJNMTIuODk0LDYuNTE2YzAsMC4yNzUtMC4yMjQsMC41LTAuNSwwLjVoLTEuNWMtMC4yNzYsMC0wLjUtMC4yMjUtMC41LTAuNWMwLTAuMjc3LDAuMjI0LTAuNSwwLjUtMC41aDEuNUMxMi42NzEsNi4wMTYsMTIuODk0LDYuMjM4LDEyLjg5NCw2LjUxNnoiLz48cGF0aCBmaWxsPSIjOTc2QUFDIiBkPSJNMi41LDYuNTE2YzAsMC4yNzUtMC4yMjQsMC41LTAuNSwwLjVIMC41Yy0wLjI3NiwwLTAuNS0wLjIyNS0wLjUtMC41YzAtMC4yNzcsMC4yMjQtMC41LDAuNS0wLjVIMkMyLjI3Niw2LjAxNiwyLjUsNi4yMzgsMi41LDYuNTE2eiIvPjxwYXRoIGZpbGw9IiM5NzZBQUMiIGQ9Ik05Ljc4OSwzLjk5MWMtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1NC0wLjE0NmMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2wxLjA2MS0xLjA2MWMwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdsLTEuMDYxLDEuMDYxQzEwLjA0NCwzLjk0Miw5LjkxNiwzLjk5MSw5Ljc4OSwzLjk5MXoiLz48cGF0aCBmaWxsPSIjOTc2QUFDIiBkPSJNMy4wMTcsMy45OTFjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTQtMC4xNDZMMS42MDMsMi43ODRjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdjMC4xOTUtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMGwxLjA2LDEuMDYxYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdDMy4yNzMsMy45NDIsMy4xNDUsMy45OTEsMy4wMTcsMy45OTF6Ii8+PC9nPjwvZz48L2c+PGNpcmNsZSBmaWxsPSIjOTc2QUFDIiBjeD0iNi40MjMiIGN5PSI2LjQ2IiByPSIzLjUiLz48L2c+PC9zdmc+);
    background-size: 26px;
    background-position: 10px 15px;
}

.blue-amber {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMi44OTRweCIgaGVpZ2h0PSIxMi44NzVweCIgdmlld0JveD0iMCAwIDEyLjg5NCAxMi44NzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyLjg5NCAxMi44NzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik02LjQwMiwxMi44NzVjMC4yNzYsMCwwLjUtMC4yMjQsMC41LTAuNXYtMS41YzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVWMTIuODc1eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik02LjQwMiwxMi44NzVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjV2LTEuNWMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41VjEyLjg3NXoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNNi40MDIsMi41YzAuMjc2LDAsMC41LTAuMjI0LDAuNS0wLjVWMC41YzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVWMi41eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik02LjQwMiwyLjVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVWMC41YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVWMi41eiIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik0xMC44NDksMTAuOTk4Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ3bC0xLjA2LTEuMDYxYy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBsMS4wNjEsMS4wNjFjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MxMS4xMDUsMTAuOTQ5LDEwLjk3NywxMC45OTgsMTAuODQ5LDEwLjk5OHoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNMS45NTcsMTAuOTk4Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ3Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDEuMDYxLTEuMDYxYzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN2wtMS4wNiwxLjA2MUMyLjIxMiwxMC45NDksMi4wODUsMTAuOTk4LDEuOTU3LDEwLjk5OHoiLz48L2c+PGc+PHBhdGggZmlsbD0iI0Y2OTIxRSIgZD0iTTEyLjg5NSw2LjQ5MWMwLDAuMjc1LTAuMjI0LDAuNS0wLjUsMC41aC0xLjVjLTAuMjc2LDAtMC41LTAuMjI1LTAuNS0wLjVjMC0wLjI3NywwLjIyNC0wLjUsMC41LTAuNWgxLjVDMTIuNjcxLDUuOTkxLDEyLjg5NSw2LjIxNCwxMi44OTUsNi40OTF6Ii8+PHBhdGggZmlsbD0iIzI2QTlFMCIgZD0iTTIuNSw2LjQ5MWMwLDAuMjc1LTAuMjI0LDAuNS0wLjUsMC41SDAuNWMtMC4yNzYsMC0wLjUtMC4yMjUtMC41LTAuNWMwLTAuMjc3LDAuMjI0LTAuNSwwLjUtMC41SDJDMi4yNzYsNS45OTEsMi41LDYuMjE0LDIuNSw2LjQ5MXoiLz48cGF0aCBmaWxsPSIjRjY5MjFFIiBkPSJNOS43ODksMy45NjdjLTAuMTI4LDAtMC4yNTYtMC4wNDktMC4zNTMtMC4xNDZjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDdsMS4wNi0xLjA2MWMwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwYzAuMTk1LDAuMTk1LDAuMTk1LDAuNTEyLDAsMC43MDdMMTAuMTQyLDMuODJDMTAuMDQ1LDMuOTE4LDkuOTE3LDMuOTY3LDkuNzg5LDMuOTY3eiIvPjxwYXRoIGZpbGw9IiMyNkE5RTAiIGQ9Ik0zLjAxNywzLjk2N2MtMC4xMjgsMC0wLjI1Ni0wLjA0OS0wLjM1My0wLjE0NkwxLjYwMywyLjc2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3YzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDBsMS4wNiwxLjA2MWMwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3QzMuMjczLDMuOTE4LDMuMTQ1LDMuOTY3LDMuMDE3LDMuOTY3eiIvPjwvZz48L2c+PC9nPjxwYXRoIGZpbGw9IiNGNjkyMUUiIGQ9Ik02LjQyMyw5LjkzNmMxLjkzMywwLDMuNS0xLjU2NywzLjUtMy41cy0xLjU2Ny0zLjUtMy41LTMuNVY5LjkzNnoiLz48cGF0aCBmaWxsPSIjMjZBOUUwIiBkPSJNNi40MjMsOS45MzZjLTEuOTMzLDAtMy41LTEuNTY3LTMuNS0zLjVzMS41NjctMy41LDMuNS0zLjVWOS45MzZ6Ii8+PC9nPjwvZz48L3N2Zz4=);
    background-size: 26px;
    background-position: 10px 15px;
}

.off {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3cHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgNyA3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3IDciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iIzkyOTQ5NyIgY3g9IjMuNSIgY3k9IjMuNSIgcj0iMy41Ii8+PC9zdmc+);
    background-size: 16px;
    background-position: 14px 15px;
}

ul.reset-instruction-list {
    list-style: none;
    text-align: justify;
}

ul.reset-instruction-list li .list-index {
     width: 35px;
     float: left;
     border: 2px solid #06a94e;
     text-align: center;
     padding-top: 6px;
     border-radius: 20px;
     height: 35px;
     margin-right: 20px;
     color: #06a94e;
     font-weight: bolder;
 }

ul.reset-instruction-list li {
    font-size: 14px;
    padding-top: 5px;
    clear: both;
    margin-bottom: 20px;
}

ul.reset-instruction-list li img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

ul.reset-instruction-list li .instructions {
    padding-top: 5px;
}

.camera-img {
    padding-bottom: 90%;
}

.camera-img-pc, .camera-img-router {
    padding-bottom: 90%;
    margin: 40px 0 0 40px;
}

.camera-img-aqp {
    margin: 40px 0 0 0;
    padding-bottom: 90%;
}

.camera-img-router, .s3-img-bs, .s3-img-camera, .s3-img-router {
    margin: 40px 0 0 0;
}

.camera-img-wirefree {
    padding-bottom: 90%;
    margin: 40px 0 0 25px;
}
/*
@media only screen and (orientation: portrait) {
    .setup-box {
        width: 100%;
    }
    .camera-box-wrap {
        background-position-x: 97% !important;
    }
}

body {
    margin: 0px;
}
*/
.base-station {
    background-color: #FFFFFF;
}
.base-station .instructions {
    width: 51%;
    float: left;
}
.base-station .bs-sync1 {
    height: 125px;
    width: 218px;
    float: right;
    background-size: 78%;
}
.base-station .sync2  {
    width: 158px;
    height: 120px;
    float: right;
    background-size: 70%;
    background-position: right;
}
.base-station .sync3  {
    width: 186px;
    height: 115px;
    float: right;
    background-size: 70%;
}
.base-station .grey-text {
    color: #999999;
    clear: both;
    margin: 0 0 0 50px;
    width: 40%;
}

.base-station .sync-notes {
    background-color: #EEEEEE;
    color: #999999;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    font-size: 15px;
}

.base-station ul.reset-instruction-list {
    padding: 10px;
}
