.alert-danger {
    color: #3C763D;
    background-color: #dff0d8;
    border-color: #37AF2C
}

.alert-warning {
    color: #3C763D;
    background-color: #dff0d8;
    border-color: #37AF2C
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #37AF2C
}

.has-error .form-control {
    border-color: #37AF2C;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #3C763D;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #37AF2C;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #37AF2C
}

#loginbox .modal .modal-footer {
    background-position: 15px center !important
}

@font-face {
    font-family: 'icofont';
    src: url('icofont/icofont.eot?-j2qjzn');
    src: url('icofont/icofont.eot?#iefix-j2qjzn') format('embedded-opentype'), url('icofont/icofont.woff?-j2qjzn') format('woff'), url('icofont/icofont.ttf?-j2qjzn') format('truetype'), url('icofont/icofont.svg?-j2qjzn#icofont') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"].icon,
[class*=" icon-"].icon {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: 'icofont';
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: -35%
}

.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit;
    *line-height: 2em
}

.icon-stack .icon-stack-base {
    font-size: 2em;
    *line-height: 1em
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

a .icon-stack,
a .icon-spin {
    display: inline-block;
    text-decoration: none
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.icon-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1)
}

.icon-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.icon-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.icon-flip-horizontal:before {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.icon-flip-vertical:before {
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
    display: inline-block
}

.icon-cloud:before {
    content: "\e900"
}

.icon-master:before {
    content: "\e902"
}

.icon-standalone:before {
    content: "\e903"
}

.icon-managed:before {
    content: "\e905"
}

.icon-spinner:before {
    content: "\e615"
}

.icon-spinner2:before {
    content: "\e616"
}

.icon-chevron-right:before {
    content: "\e60e"
}

.icon-chevron-left:before {
    content: "\e60f"
}

.icon-revert-timer:before {
    content: "\e610"
}

.icon-loop:before {
    content: "\e611"
}

.icon-loop2:before {
    content: "\e612"
}

.icon-shuffle:before {
    content: "\e613"
}

.icon-tab:before {
    content: "\e614"
}

.icon-eth-port:before {
    content: "\e60d"
}

.icon-speedometer:before {
    content: "\e60a"
}

.icon-wifi-l4:before {
    content: "\e600"
}

.icon-wifi-l3:before {
    content: "\e601"
}

.icon-wifi-l2:before {
    content: "\e602"
}

.icon-wifi-l1:before {
    content: "\e603"
}

.icon-search:before {
    content: "\f002"
}

.icon-envelope:before {
    content: "\f003"
}

.icon-ok:before {
    content: "\f00c"
}

.icon-remove:before {
    content: "\f00d"
}

.icon-zoom-in:before {
    content: "\f00e"
}

.icon-zoom-out:before {
    content: "\f010"
}

.icon-off:before {
    content: "\f011"
}

.icon-signal:before {
    content: "\f012"
}

.icon-cog:before {
    content: "\f013"
}

.icon-home:before {
    content: "\f015"
}

.icon-time:before {
    content: "\f017"
}

.icon-download:before {
    content: "\f01a"
}

.icon-upload:before {
    content: "\f01b"
}

.icon-file:before {
    content: "\f016"
}

.icon-repeat:before {
    content: "\f01e"
}

.icon-refresh:before {
    content: "\f021"
}

.icon-lock:before {
    content: "\f023"
}

.icon-pencil:before {
    content: "\f040"
}

.icon-edit:before {
    content: "\f044"
}

.icon-check:before {
    content: "\f046"
}

.icon-screenshot:before {
    content: "\f05b"
}

.icon-plus:before {
    content: "\f067"
}

.icon-minus:before {
    content: "\f068"
}

.icon-asterisk:before {
    content: "\f069"
}

.icon-exclamation-sign:before {
    content: "\f06a"
}

.icon-plus-sign:before {
    content: "\f055"
}

.icon-minus-sign:before {
    content: "\f056"
}

.icon-remove-sign:before {
    content: "\f057"
}

.icon-ok-sign:before {
    content: "\f058"
}

.icon-question-sign:before {
    content: "\f059"
}

.icon-info-sign:before {
    content: "\f05a"
}

.icon-user:before {
    content: "\f007"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-cogs:before {
    content: "\f085"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-wrench:before {
    content: "\f0ad"
}

.icon-briefcase:before {
    content: "\f0b1"
}

.icon-sort:before {
    content: "\f0dc"
}

.icon-sort-down:before {
    content: "\f0dd"
}

.icon-sort-up:before {
    content: "\f0de"
}

.icon-bolt:before {
    content: "\f0e7"
}

.icon-sitemap:before {
    content: "\f0e8"
}

.icon-lightbulb:before {
    content: "\f0eb"
}

.icon-expand-alt:before {
    content: "\f116"
}

.icon-collapse-alt:before {
    content: "\f117"
}

.icon-info:before {
    content: "\f129"
}

.icon-question:before {
    content: "\f128"
}

.icon-exclamation:before {
    content: "\f12a"
}

.icon-puzzle:before {
    content: "\f12e"
}

.icon-bullseye:before {
    content: "\f140"
}

.icon-ellipsis-horizontal:before {
    content: "\f141"
}

.icon-ellipsis-vertical:before {
    content: "\f142"
}

.icon-check-minus:before {
    content: "\f147"
}

.icon-connection:before {
    content: "\e01c"
}

.icon-key:before {
    content: "\e086"
}

.icon-cog2:before {
    content: "\e090"
}

.icon-cogs2:before {
    content: "\e08f"
}

.icon-cog3:before {
    content: "\e08e"
}

.icon-meter:before {
    content: "\e0a0"
}

.icon-bars:before {
    content: "\e097"
}

.icon-stats:before {
    content: "\e096"
}

.icon-switch:before {
    content: "\e0b1"
}

.icon-power-cord:before {
    content: "\e0b2"
}

.icon-tree:before {
    content: "\e0b9"
}

.icon-exit:before {
    content: "\e104"
}

.icon-target:before {
    content: "\e0ae"
}

.icon-tools:before {
    content: "\f101"
}

.icon-target2:before {
    content: "\e000"
}

.icon-rss:before {
    content: "\e00f"
}

.icon-hammer:before {
    content: "\e001"
}

.icon-aid:before {
    content: "\e002"
}

.icon-bars2:before {
    content: "\e003"
}

.icon-console:before {
    content: "\e004"
}

.icon-bolt2:before {
    content: "\e005"
}

.icon-stats2:before {
    content: "\e006"
}

.icon-drawer:before {
    content: "\e007"
}

.icon-list-alt:before {
    content: "\f022"
}

.icon-file2:before {
    content: "\e008"
}

.icon-settings:before {
    content: "\e00b"
}

.icon-fire:before {
    content: "\e00d"
}

.icon-shield:before {
    content: "\e00e"
}

.icon-checkmark-circle:before {
    content: "\e010"
}

.icon-spam:before {
    content: "\e011"
}

.icon-cancel-circle:before {
    content: "\e012"
}

.icon-blocked:before {
    content: "\e013"
}

.icon-info2:before {
    content: "\e014"
}

.icon-info3:before {
    content: "\e015"
}

.icon-podcast:before {
    content: "\e016"
}

.icon-feed:before {
    content: "\e017"
}

.icon-th-large:before {
    content: "\f009"
}

.icon-th:before {
    content: "\f00a"
}

.icon-th-list:before {
    content: "\f00b"
}

.icon-reorder:before {
    content: "\f0c9"
}

.icon-exchange:before {
    content: "\f0ec"
}

.icon-grid:before {
    content: "\e018"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-warning-sign:before {
    content: "\f071"
}

.icon-trash:before {
    content: "\e60b"
}

.icon-check-empty:before {
    content: "\e609"
}

.icon-meter2:before {
    content: "\e60c"
}

.icon-checkbox-checked:before {
    content: "\e604"
}

.icon-checkbox-unchecked:before {
    content: "\e605"
}

.icon-checkbox-partial:before {
    content: "\e606"
}

.icon-radio-checked:before {
    content: "\e607"
}

.icon-radio-unchecked:before {
    content: "\e608"
}

.icon-share2:before {
    content: "\ea82"
}

.lt-ie9 input[placeholder] {
    color: #999;
    font-style: italic
}

.form-control {
    padding: 6px
}

.form-control:focus {
    border-color: #aae844;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(170, 232, 68, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(170, 232, 68, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(170, 232, 68, 0.6)
}

@media (min-width:768px) {
    .form-horizontal .col-sm-5>.control-label {
        float: right
    }
}

.form-horizontal .control-label,
.form-horizontal .form-group>.col-sm-5 {
    color: #555;
    padding-right: 0
}

.form-horizontal .form-group.form-group-condensed {
    margin-bottom: 5px
}

.form-horizontal .form-group.form-group-condensed .control-label,
.form-horizontal .form-group.form-group-condensed .form-control-static {
    padding-top: 0
}

.max-width-lg {
    max-width: 300px
}

.max-width-md {
    max-width: 250px
}

.max-width-sm {
    max-width: 120px
}

.max-width-xs {
    max-width: 60px
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none
}

.btn-default {
    color: #333;
    background-color: #efefef;
    border-color: #CCC
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #dbdbdb;
    border-color: #adadad
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #efefef;
    border-color: #CCC
}

.btn-info {
    color: #FFF;
    background-color: #37AF2C;
    border-color: #37AF2C
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open .dropdown-toggle.btn-info {
    color: #FFF;
    background-color: #2d8e24;
    border-color: #287e20
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #37AF2C;
    border-color: #37AF2C
}

.btn-warning {
    color: #FFF;
    background-color: #37AF2C;
    border-color: #37AF2C
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open .dropdown-toggle.btn-warning {
    color: #FFF;
    background-color: #2d8e24;
    border-color: #287e20
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #37AF2C;
    border-color: #37AF2C
}

.btn-primary {
    color: #FFF;
    background-color: #37AF2C;
    border-color: #37AF2C
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open .dropdown-toggle.btn-primary {
    color: #FFF;
    background-color: #2d8e24;
    border-color: #287e20
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #37AF2C;
    border-color: #37AF2C
}

.btn-next:before,
.btn-prev:before,
.btn-next:after,
.btn-prev:after {
    content: "";
    position: relative;
    font-family: icofont;
    opacity: .4;
    top: 1px
}

.btn-next:after {
    content: "\e60e";
    margin-left: 5px
}

.btn-prev:before {
    content: "\e60f";
    margin-right: 5px
}

.btn-switch-on-off {
    background-color: #fcfcfc;
    border: 1px solid #d6d6d6;
    color: #333;
    font-size: 11px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 3px 0;
    padding: 0px;
    width: 44px;
    height: 22px;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: visible
}

.btn-switch-on-off.disabled,
.btn-switch-on-off[disabled],
fieldset[disabled] .btn-switch-on-off {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none
}

.btn-switch-on-off:before,
.btn-switch-on-off:after {
    position: absolute;
    font-family: 'icofont';
    top: 3px;
    width: 21px;
    text-align: center
}

.btn-switch-on-off:before {
    content: "\f00c";
    color: #FFF;
    left: 0
}

.btn-switch-on-off:after {
    content: "\f00d";
    color: #dadada;
    right: 0
}

.btn-switch-on-off .inner-switch {
    background-color: #efefef;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -1px;
    left: -1px;
    width: 24px;
    height: 24px;
    z-index: 1;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

.btn-switch-on-off .inner-switch:before,
.btn-switch-on-off .inner-switch:after {
    content: "";
    display: block;
    position: absolute;
    height: 11px;
    width: 1px;
    background: #ccc;
    left: 9px;
    top: 6px
}

.btn-switch-on-off .inner-switch:after {
    left: 12px
}

.btn-switch-on-off:focus {
    color: #666;
    outline: 0 none
}

.btn-switch-on-off:hover .inner-switch {
    color: #aaa;
    background-color: #FAFAFA
}

.btn-switch-on-off:active,
.btn-switch-on-off.active {
    outline: 0 none
}

.btn-switch-on-off.active {
    background-color: #37AF2C;
    border-color: #2a8622
}

.btn-switch-on-off.active .inner-switch {
    border-color: #2a8622;
    left: 21px
}

.fileinput-button {
    position: relative;
    overflow: hidden
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer
}

.radio label,
.checkbox label {
    vertical-align: middle
}

.form-control-slider {
    margin-bottom: 9px;
    margin-top: 9px
}

.progress-bar {
    background-color: #37AF2C
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)), color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar.transparent {
    background-color: transparent
}

strong {
    color: #555
}

.cursor-pointer {
    cursor: pointer
}

.text-ellipsis {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.text-wrap {
    word-break: break-word;
    word-wrap: break-word;
    max-width: 100%
}

.name-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px
}

.indicator-wrapper {
    display: inline-block
}

.indicator-wrapper .btn.btn-default {
    width: 120px
}

.test-indicators {
    position: absolute;
    right: -22px;
    top: -8px
}

.test-indicators .indicators {
    top: 12px
}

.test-indicators .indicators.spinning-refresh-icon {
    margin: 10px -4px 0 0
}

.indicators {
    top: -8px
}

.indicators:before {
    font-size: 20px
}

.indicators.spinning-refresh-icon {
    margin: -25px -4px 0 0
}

.pulsate-animation::before {
    animation: pulsate .1s ease-out
}

@keyframes pulsate {
    0% {
        transform: scale(.5, .5)
    }
    100% {
        transform: scale(1, 1)
    }
}

.flas-all-leds {
    display: inline-table
}

.flas-all-leds+.refresh-icon.processing {
    margin-bottom: 5px
}

.dmz-form ul {
    list-style-type: none
}

signal-level-bar .signal-level-wrapper {
    padding-top: 4px
}

signal-level-bar .dbm-signal-level {
    font-size: 10px;
    color: #666
}

signal-level-bar .signal-level {
    width: 100%;
    height: 15px;
    margin-top: 4px;
    margin-bottom: 3px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

signal-level-bar .signal-level .signal-level-bar {
    line-height: 15px;
    color: #000;
    font-size: 10px;
    width: 0;
    height: 100%;
    text-align: center;
    transition: width .6s ease
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-stacking+.noUi-origin {
    *z-index: -1
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 10px
}

.noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    left: -12px;
    top: -8px
}

.noUi-horizontal.noUi-extended {
    padding: 0 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-vertical.noUi-extended {
    padding: 15px 0
}

.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px
}

.noUi-background {
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset
}

.noUi-connect {
    background: #98e391;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 3px;
    border: 1px solid #CCC;
    padding: 0 11px
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-handle {
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #f5f5f5;
    cursor: default;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1)
}

.noUi-handle.noUi-active {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}

.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 11px;
    width: 1px;
    background: #ccc;
    left: 9px;
    top: 6px
}

.noUi-handle:after {
    left: 12px
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 11px;
    height: 1px;
    left: 6px;
    top: 11px
}

.noUi-vertical .noUi-handle:after {
    top: 12px
}

.noUi-handle .range-tooltip-lower,
.noUi-handle .range-tooltip-upper {
    color: #666;
    display: block;
    position: absolute;
    bottom: -16px;
    left: -4px;
    text-align: center;
    font-size: 10px;
    width: 30px
}

.noUi-handle.noUi-active .range-tooltip-lower,
.noUi-handle.noUi-active .range-tooltip-upper {
    bottom: auto;
    top: -30px;
    font-size: 14px;
    left: 0;
    background-color: #3dc331;
    color: #fff;
    padding: 2px 5px;
    width: auto;
    border-radius: 3px;
    -webkit-transition: font-size 100ms;
    transition: font-size 100ms
}

.noUi-handle.noUi-active .range-tooltip-upper {
    left: auto;
    right: 0
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled].noUi-target,
[disabled] .noUi-target {
    background-color: #ddd
}

[disabled].noUi-background,
[disabled] .noUi-background {
    background-color: #eee
}

[disabled] .noUi-handle {
    cursor: not-allowed;
    border-color: #ddd
}

[disabled] .noUi-handle:before,
[disabled] .noUi-handle:after {
    background-color: #e0e0e0
}

.loader-indicator {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px
}

.loader-indicator .c-out,
.loader-indicator .c-in {
    border-color: rgba(55, 175, 44, 0.9) rgba(55, 175, 44, 0.1);
    border-style: solid;
    border-width: 5px
}

.loader-indicator .c-out {
    animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    backface-visibility: hidden;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-backface-visibility: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 50px;
    width: 50px
}

.loader-indicator .c-in {
    animation: spinoff .8s infinite linear;
    -moz-animation: spinoff .8s infinite linear;
    -webkit-animation: spinoff .8s infinite linear;
    backface-visibility: hidden;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    height: 30px;
    width: 30px;
    top: -40px;
    left: 10px
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

@-o-keyframes spinoff {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(-360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes spinoff {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}

.loading-bar {
    position: relative
}

.loading-bar__progress {
    position: absolute;
    text-align: center;
    width: 100%;
    color: black;
    left: 0
}

html,
body {
    height: 100%
}

html {
    overflow-y: scroll
}

body.modal-open {
    overflow: visible
}

#wrapper {
    background: rgba(231, 231, 231, 0.36);
    display: table;
    height: 100% !important;
    width: 100%;
    margin: 0 auto -30px;
    padding-bottom: 30px
}

#wrapper #ui-wrap {
    display: table-row
}

footer {
    height: 30px
}

footer .copyright {
    color: #888;
    text-align: center;
    font-style: italic;
    line-height: 30px
}

.text-ellipsis {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

a,
a:focus,
a:hover,
a:active {
    color: #37AF2C;
    outline: none;
    text-decoration: none
}

a:focus,
a:hover {
    color: #1d5d18
}

legend,
.legend {
    color: #888;
    font-size: 1.2em;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5
}

.dl-horizontal {
    margin-top: 0
}

.dl-horizontal dt {
    width: 170px
}

.dl-horizontal dd {
    overflow: hidden;
    text-overflow: ellipsis
}

.nav-tabs>li>a {
    border-radius: 0;
    margin-right: -1px;
    padding-bottom: 7px;
    padding-top: 7px
}

.alert {
    padding: 6px 30px 6px 6px
}

.well {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.tooltip.in {
    opacity: .95;
    filter: alpha(opacity=95)
}

.tooltip-inner {
    color: #fff;
    background-color: #37AF2C
}

.section_nav_tabs .tooltip-inner {
    white-space: nowrap
}

#device-info .tooltip-inner {
    word-wrap: break-word;
    max-width: 250px;
    text-align: left
}

.tooltip.top .tooltip-arrow {
    border-top-color: #37AF2C
}

.tooltip.right .tooltip-arrow {
    border-right-color: #37AF2C
}

.tooltip.left .tooltip-arrow {
    border-left-color: #37AF2C
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #37AF2C
}

.display-none {
    display: none
}

html.lt-ie9 body.ng-cloak {
    display: block
}

html.ie9 body.ng-cloak #wrapper {
    background-image: url('../images/wait.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: block
}

html:not(.lt-ie10) body.ng-cloak .loader-indicator {
    display: block
}

.progress-bar-bounce {
    width: 15%;
    height: 100%;
    -moz-animation: progress-animate 1s linear 0s infinite alternate;
    -webkit-animation: progress-animate 1s linear 0s infinite alternate;
    animation: progress-animate 1s linear 0s infinite alternate
}

@-moz-keyframes progress-animate {
    from {
        margin-left: -15%
    }
    to {
        margin-left: 100%
    }
}

@-webkit-keyframes progress-animate {
    from {
        margin-left: -15%
    }
    to {
        margin-left: 100%
    }
}

@keyframes progress-animate {
    from {
        margin-left: -15%
    }
    to {
        margin-left: 100%
    }
}

.refresh-btn {
    padding: 4px
}

.refresh-icon {
    display: inline-block;
    background-image: url('../images/refresh-icon.gif');
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 24px;
    width: 24px
}

.spinning-refresh-icon {
    background-image: url('../images/refresh-icon.gif');
    background-position: -24px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle
}

.refresh-icon.processing {
    background-position: -24px 0
}

.preload-hidden {
    position: fixed;
    left: -5000px;
    top: 0;
    width: 0;
    height: 0
}

.legend.collapsible {
    cursor: pointer
}

.legend.collapsible:before {
    font-family: "icofont";
    content: "\f117";
    font-style: normal;
    padding-right: 5px;
    font-size: 14px
}

.legend.collapsible.collapsed:before {
    content: "\f116"
}

.legend.collapsible:hover:before {
    color: #666
}

.legend.has-error {
    color: #c00
}

.legend.has-error:after {
    font-family: "icofont";
    content: "\f071";
    float: right;
    font-style: normal;
    margin-right: 5px
}

i.wait-spinner {
    background-image: url("../images/wait.gif");
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 32px;
    height: 32px
}

.limit-max-height {
    max-height: 350px;
    overflow: auto
}

.sites-no-result {
    color: #999;
    text-align: center;
    font-style: italic;
    padding: 10px
}

.sites-list {
    border: 1px solid #ddd
}

.sites-list .site-item {
    padding: 5px 10px;
    border-top: 1px solid #eee
}

.sites-list .site-item:first-child {
    border-top: none
}

.sites-list .site-item:hover {
    background-color: #fdf5ec;
    cursor: pointer
}

.sites-list .site-item .site-ssid {
    font-weight: bold
}

.sites-list .site-item .site-details {
    color: #AAAAAA
}

.sites-list .site-item.active {
    background-color: #f8ddbe
}

.sites-list .site-item.active .site-details {
    color: #666
}

#syslog-content {
    max-height: 350px;
    overflow: auto
}

@media (max-width:480px) {
    #syslog-content {
        max-width: 330px
    }
}

@media (min-width:480px) {
    #syslog-content {
        max-width: 390px
    }
}

@media (min-width:768px) {
    #syslog-content {
        max-width: 638px
    }
}

@media (min-width:992px) {
    #syslog-content {
        max-width: 862px
    }
}

@media (min-width:1200px) {
    #syslog-content {
        max-width: 1061px
    }
}

.keep-whitespace {
    white-space: pre
}

.nav.nav-tabs>li a {
    background-color: #f3f3f3;
    border-color: #DDD;
    color: #666;
    cursor: pointer
}

.nav.nav-tabs>li a:hover {
    background-color: #fbfbfb
}

.nav.nav-tabs>li.active a {
    background-color: #fff;
    border-color: #DDD #DDD #fff;
    color: #37AF2C
}

.tab-content {
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    margin-bottom: 15px;
    padding: 15px 10px 0
}

.bottom-spacing {
    margin-bottom: 15px
}

.top-spacing {
    margin-top: 15px
}

.clear-bottom-margin {
    margin-bottom: 0
}

.add-border {
    border: 1px solid #ddd
}

.clear-border {
    border: none
}

.right-side-note {
    color: #666;
    font-style: italic;
    text-align: right
}

.left-side-note {
    color: #666;
    font-style: italic;
    text-align: left
}

.center-side-note {
    color: #666;
    font-style: italic;
    text-align: center
}

#uam-settings .nav-tabs>li>a {
    padding: 0px
}

#uam-settings .nav-tabs>li>a>uib-tab-heading {
    padding: 10px;
    line-height: 1;
    margin-right: -1px;
    border-radius: 0;
    display: block;
    border-color: #dddddd
}

#uam-settings .nav-tabs>li>a>uib-tab-heading.has-error {
    color: #c00;
    background-color: #f2dede
}

#uam-settings .nav-tabs>li:hover .has-error {
    background-color: #fbfbfb
}

#uam-settings .nav-tabs>li.active .has-error {
    background-color: #fff;
    border-right: 1px solid #DDD
}

@media (max-width:768px) {
    #uam-settings .nav-tabs li {
        width: 100%
    }
    #uam-settings .nav-tabs>li a {
        margin-right: 0
    }
    #uam-settings .nav-tabs>li.active:last-of-type>a {
        border-bottom-color: #ddd
    }
}

#uam-settings .table-scroll-wrapper {
    max-height: 275px;
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb
}

#uam-settings .table-scroll-wrapper>table {
    margin: 0;
    border-bottom: none
}

#uam-settings .w-b-list-edit textarea {
    resize: vertical;
    margin-bottom: 10px;
    height: 275px
}

#uam-settings .wb-tab .left-side-note {
    margin-bottom: 5px
}

.child-header-separator {
    width: 100%;
    margin-bottom: 0px
}

.child-header {
    color: #888888;
    font-weight: 600;
    font-size: 12px;
    margin-top: 2px;
    margin-left: 0px;
    display: table;
    padding: 10px;
    background-color: #fff
}

.wb-tab .child-header {
    color: #555;
    padding-bottom: 0;
    padding-left: 0
}

.child-header-separator+.child-header {
    margin-top: -17px
}

.no-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.table-layout-fixed {
    table-layout: fixed
}

.port-select-element {
    display: inline;
    padding-left: 15px
}

.port-select #singlePort,
.port-select #doublePort {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.port-select .radio-inline {
    padding: 0
}

.port-range label {
    display: block
}

.port-range-inline {
    display: inline-block;
    vertical-align: middle
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    font-size: 11px;
    vertical-align: middle
}

.table.table-bordered>thead>tr>th,
.table.table-bordered>thead>tr>td {
    border-bottom: none
}

.table>tbody+tbody {
    border-top: none
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border-left: none;
    border-right: none;
    border-bottom: none
}

.table-striped>thead>tr {
    background-color: #ddd
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fafafa
}

.table-striped>tbody>tr:hover {
    background-color: #ddd
}

thead.head-sortable th:hover {
    cursor: pointer
}

thead.head-sortable .sort:before {
    font-family: "icofont";
    content: "\f0dc";
    color: #aaa;
    padding-right: 3px
}

thead.head-sortable .sort.sort-asc:before {
    content: "\f0dd";
    color: #666
}

thead.head-sortable .sort.sort-desc:before {
    content: "\f0de";
    color: #666
}

thead.double-bottom-border {
    border-bottom: 3px double #DDD
}

.table thead th.action-col {
    width: 60px
}

.table tbody .action-col {
    text-align: right
}

.table .action-item-btn {
    display: inline-block;
    font-size: 12px;
    padding: 0 2px;
    text-align: center;
    width: 1.4em
}

.table .remove-item-btn {
    color: #e37c77
}

.table .remove-item-btn:hover {
    color: #ca312a
}

.table .apply-item-btn {
    color: #37AF2C
}

.table .apply-item-btn:hover {
    color: #2a8622
}

.table .edit-item-btn {
    color: #37AF2C
}

.table .edit-item-btn:hover {
    color: #1d5d18
}

.stats-if-counters .if-group .if-group-name {
    color: #888;
    font-weight: bold
}

.stats-if-counters .if-name {
    padding-left: 10px
}

.stats-if-counters .if-name .ssid {
    font-style: italic;
    color: #888
}

.table .edited-row td {
    vertical-align: top
}

.table .edited-row .action-col {
    line-height: 28px
}

.edited-row td {
    vertical-align: top
}

.table thead th.center,
.table tbody td.center {
    text-align: center;
    border-left: 1px solid #DDD
}

.table thead th.middle {
    vertical-align: middle
}

.table thead th.middle label {
    font-weight: bold
}

.table .checkbox input[type="checkbox"] {
    margin: 0
}

.wireless-peer-info td.station>span {
    display: inline-table
}

.wireless-peer-info td.station>span .peer-name {
    display: inline-block;
    color: #888;
    font-style: italic
}

.wireless-peer-info a:visited,
.wireless-peer-info a:link {
    color: inherit
}

.wireless-peer-info a:hover,
.wireless-peer-info a:active {
    color: #37AF2C
}

.wireless-peer-info-grey {
    color: #777
}

#header-topline {
    padding: 5px 0;
    border-bottom: 1px solid #DDD;
    position: relative;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0 0 5px #DDD;
    -moz-box-shadow: 0 0 5px #DDD;
    box-shadow: 0 0 5px #DDD
}

.lt-ie9 #header-topline {
    background: transparent;
    zoom: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff)
}

#header-topline #firmware-status {
    font-size: 10px;
    line-height: 28px;
    color: #888;
    text-decoration: inherit
}

#header-topline,
#header-midline {
    margin-bottom: 10px
}

#header-notifications .alert {
    border: 1px solid #C6D3D9;
    -webkit-box-shadow: 0 0 5px #DDD;
    -moz-box-shadow: 0 0 5px #DDD;
    box-shadow: 0 0 5px #DDD;
    margin-bottom: 10px
}

#logo {
    background-image: url("../images/main-logo.png");
    background-repeat: no-repeat;
    background-position: left center;
    height: 75px;
    overflow: hidden
}

#product-name {
    color: #888;
    font-style: italic
}

.top-mid-nav {
    text-align: center;
    margin-bottom: 0
}

.top-mid-nav li {
    float: left;
    margin: 5px;
    position: relative;
    border: 1px solid;
    border-color: #CCC;
    background: #F7F7F7;
    -webkit-box-shadow: 0 0 3px #ddd;
    -moz-box-shadow: 0 0 3px #ddd;
    box-shadow: 0 0 3px #ddd
}

.lt-ie9 .top-mid-nav li {
    border: none;
    background: none;
    filter: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.top-mid-nav li,
.top-mid-nav li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.top-mid-nav li a {
    color: #777;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 48px;
    margin: 5px;
    border: 1px solid;
    border-color: #DDD;
    font-size: 22px;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.top-mid-nav li a:hover {
    color: #777;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fff), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #eaeaea 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #eaeaea 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeaeaea', GradientType=0)
}

.ie9 .top-mid-nav li a {
    filter: none !important
}

.lt-ie9 .top-mid-nav li a {
    font-size: 35.2px;
    border: none;
    background: none;
    filter: none !important;
    margin: 0;
    line-height: 1.7em
}

.top-mid-nav li a span {
    display: none
}

.top-mid-nav li a:active,
.top-mid-nav li.active a {
    color: #37AF2C;
    font-size: 19.8px;
    -webkit-box-shadow: 0 1px 1px #efefef, 0 0px 1px 0px #cdcdcd inset;
    -moz-box-shadow: 0 1px 1px #efefef, 0 0px 1px 0px #cdcdcd inset;
    box-shadow: 0 1px 1px #efefef, 0 0px 1px 0px #cdcdcd inset;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#eaeaea), to(#fff));
    background-image: -webkit-linear-gradient(top, #eaeaea 0%, #fff 100%);
    background-image: -moz-linear-gradient(top, #eaeaea 0%, #fff 100%);
    background-image: linear-gradient(to bottom, #eaeaea 0%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeaeaea', endColorstr='#ffffffff', GradientType=0)
}

.lt-ie9 .top-mid-nav li a:active,
.lt-ie9 .top-mid-nav li.active a {
    background: none;
    font-size: 35.2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-mobile-logout {
    background-color: #f0f0f0;
    border-color: #DDD;
    color: #777
}

.top-mobile-menu {
    position: inherit
}

.top-mobile-menu .btn-mobile-main-menu {
    color: #333;
    background-color: #fcfcfc;
    border-color: #f4f4f4
}

.top-mobile-menu .btn-mobile-save-menu {
    color: #FFF;
    background-color: #3dc331;
    border-color: #3ab72e
}

.top-mobile-menu.open .btn-mobile-main-menu {
    background-color: #efefef
}

.top-mobile-menu.open .btn-mobile-save-menu {
    background-color: #37AF2C
}

.top-mobile-menu ul.mobile-menu-items {
    display: none;
    -webkit-box-shadow: 0 5px 5px -5px #555;
    -moz-box-shadow: 0 5px 5px -5px #555;
    box-shadow: 0 5px 5px -5px #555;
    position: absolute;
    width: 100%;
    z-index: 1000;
    top: 100%;
    left: 0;
    background-color: #efefef;
    background-color: rgba(239, 239, 239, 0.98);
    margin: 0;
    padding: 0
}

.open.top-mobile-menu ul.mobile-menu-items {
    display: block
}

.lt-ie9 .top-mobile-menu ul.mobile-menu-items {
    background: transparent;
    zoom: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#faefefef, endColorstr=#faefefef);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#faefefef, endColorstr=#faefefef)
}

.top-mobile-menu ul.mobile-menu-items,
.top-mobile-menu ul.mobile-menu-items a {
    color: #333
}

.mobile-menu-save.top-mobile-menu ul.mobile-menu-items {
    background-color: #37AF2C;
    background-color: rgba(55, 175, 44, 0.98)
}

.lt-ie9 .mobile-menu-save.top-mobile-menu ul.mobile-menu-items {
    background: transparent;
    zoom: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#fa37af2c, endColorstr=#fa37af2c);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#fa37af2c, endColorstr=#fa37af2c)
}

.mobile-menu-save.top-mobile-menu ul.mobile-menu-items,
.mobile-menu-save.top-mobile-menu ul.mobile-menu-items a {
    color: #FFF
}

.top-mobile-menu ul.mobile-menu-items li {
    border-bottom: 1px dotted #fff;
    list-style: none;
    position: relative
}

.mobile-menu-save.top-mobile-menu ul.mobile-menu-items li {
    border-bottom-color: #71d968
}

.top-mobile-menu ul.mobile-menu-items li:first-child {
    -webkit-box-shadow: 0 5px 5px -5px #555 inset;
    -moz-box-shadow: 0 5px 5px -5px #555 inset;
    box-shadow: 0 5px 5px -5px #555 inset
}

.top-mobile-menu ul.mobile-menu-items li:last-child {
    border: none
}

.top-mobile-menu ul.mobile-menu-items li.active,
.top-mobile-menu ul.mobile-menu-items li.active a {
    color: #37AF2C
}

.top-mobile-menu ul.mobile-menu-items li.active:before {
    font-family: 'icofont';
    content: "\f0da";
    display: inline-block;
    font-size: 30px;
    line-height: normal;
    position: absolute;
    top: 50%;
    margin-top: -0.5em
}

.top-mobile-menu ul.mobile-menu-items li:hover,
.top-mobile-menu ul.mobile-menu-items li:active,
.top-mobile-menu ul.mobile-menu-items li:focus {
    background-color: #e2e2e2
}

.mobile-menu-save.top-mobile-menu ul.mobile-menu-items li:hover,
.mobile-menu-save.top-mobile-menu ul.mobile-menu-items li:active,
.mobile-menu-save.top-mobile-menu ul.mobile-menu-items li:focus {
    background-color: #319b27
}

.top-mobile-menu ul.mobile-menu-items li a {
    display: block;
    padding: 5px 5px 5px 15px;
    font-size: 18px;
    line-height: 45px
}

.top-mobile-menu ul.mobile-menu-items li a .icon {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    width: 20px
}

a.andromedaTab span.icon,
a.andromedaTab:before {
    font-size: 24px;
    top: 2px
}

a.andromedaTab .active-andromeda.icon:hover::before,
a.andromedaTab.active-andromeda:hover::before,
a.andromedaTab .active-andromeda.icon::before,
a.andromedaTab.active-andromeda::before {
    color: #F19E23 !important
}

a.andromedaTab .not-active-andromeda.icon:hover::before,
a.andromedaTab.not-active-andromeda:hover::before,
a.andromedaTab .not-active-andromeda.icon::before,
a.andromedaTab.not-active-andromeda::before {
    color: #B1B3B6 !important
}

a.andromedaTab.icon-master>.manageeCount,
a.andromedaTab .icon-master+.manageeCount {
    display: block!important
}

span.manageeCount {
    position: absolute;
    top: 23px;
    left: 36px;
    background: #fff;
    border-radius: 20px;
    border: none;
    font-size: 9px;
    padding: 0 1px;
    min-width: 12px;
    text-align: center;
    cursor: pointer;
    display: none;
    height: 12px;
    line-height: 12px;
    color: #000
}

.top-mobile-menu span.manageeCount {
    top: 15px;
    left: 30px;
    z-index: 1;
    color: #000
}

@media (max-width:1199px) {
    .menu-container {
        padding: 0
    }
    .menu-container .top-mid-nav {
        padding: 0
    }
}

@media (max-width:991px) {
    .top-mid-nav li {
        margin-left: 0px
    }
}

#h_statusbar {
    border: 1px solid #DDD;
    text-align: left;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px #DDD;
    -moz-box-shadow: 0 0 5px #DDD;
    box-shadow: 0 0 5px #DDD
}

.lt-ie9 #h_statusbar {
    background: transparent;
    zoom: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff)
}

#h_statusbar>ul {
    margin: 0;
    padding: 3px 0;
    overflow: hidden
}

#h_statusbar>ul#network-status {
    overflow: visible
}

#h_statusbar>ul#network-status cac-status .description {
    margin: -2px 0 -5px
}

#h_statusbar>ul#network-status .tooltip>.tooltip-inner {
    white-space: normal
}

#h_statusbar>ul>li {
    display: inline-block;
    list-style: none;
    float: left;
    width: 50%
}

#h_statusbar>ul>li .status-group {
    position: relative;
    padding: 0px 5px;
    margin: 2px 0
}

ul#system-status li {
    font-size: 10px;
    color: #666
}

ul#system-status .description {
    font-weight: bold
}

ul#system-status .uptime-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lan-status-icon {
    padding-left: 8px
}

.lan-status-icon.poe-port:before {
    color: #dfdfdf;
    content: "";
    font-family: icofont;
    float: left;
    margin-left: -7px
}

.lan-status-icon.poe-port.poe-status-on:before {
    color: #FF9900
}

.lan-status-icon .eth-port-icon {
    float: left;
    width: 26px;
    height: 22px
}

.lan-status-icon .eth-port-icon:before {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #aaa;
    content: "\e60d";
    font-family: icofont;
    font-size: 14px;
    padding: 2px 3px
}

.lan-status-icon .eth-port-icon.lan_up:before {
    color: #37AF2C
}

.lan-status-icon .eth-port-icon.lan_down:before {
    color: #ccc
}

.lan-status-info .if-name {
    color: #999;
    font-style: italic
}

ul#network-status {
    border-top: 1px solid #ddd
}

ul#network-status>li {
    line-height: 22px
}

ul#network-status #lan-status {
    border-right: 1px solid #ddd
}

ul#network-status #wlan-status {
    border-left: 1px solid #ddd;
    margin-left: -1px
}

ul#network-status #wlan-status .wlan-status-icon {
    float: left;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 22px;
    height: 22px;
    position: relative;
    background-image: url('../images/wlan-status-iconset.png')
}

ul#network-status #wlan-status .wlan-status-icon.wlan_none {
    background-position: -22px -22px
}

ul#network-status #wlan-status .wlan-status-icon.wlan_2high {
    background-position: 0 -22px
}

ul#network-status #wlan-status .wlan-status-icon.wlan_0 {
    background-position: 0 0
}

ul#network-status #wlan-status .wlan-status-icon.wlan_1 {
    background-position: -22px 0
}

ul#network-status #wlan-status .wlan-status-icon.wlan_2 {
    background-position: -44px 0
}

ul#network-status #wlan-status .wlan-status-icon.wlan_3 {
    background-position: -66px 0
}

ul#network-status #wlan-status .wlan-status-icon.wlan_4 {
    background-position: -88px 0
}

ul#network-status #wlan-status .wlan-status-icon.band-2g,
ul#network-status #wlan-status .wlan-status-icon.band-5g {
    margin-left: 3px
}

ul#network-status #wlan-status .wlan-status-icon.band-2g:before,
ul#network-status #wlan-status .wlan-status-icon.band-5g:before {
    color: #888;
    margin-left: -3px;
    font-size: 8px;
    display: block;
    padding-top: 5px
}

ul#network-status #wlan-status .wlan-status-icon.band-2g:before {
    content: "2G"
}

ul#network-status #wlan-status .wlan-status-icon.band-5g:before {
    content: "5G"
}

ul#network-status .status-group .description {
    color: #666;
    font-size: 10px
}

ul#network-status .status-group .progress {
    height: 6px;
    margin: 4px 0
}

ul#network-status .status-group .progress.progress-striped .progress-bar {
    background-size: 20px 20px
}

ul#network-status .lan-status-info,
ul#network-status .wlan-status-info {
    margin-left: 22px;
    font-size: 10px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

cac-status .status-group {
    padding: 0!important;
    top: -2px;
    margin-bottom: -4px !important
}

cac-status .status-group .wlan-status-icon {
    margin-top: 4px
}

.modal {
    overflow-y: auto
}

.modal-header {
    color: #37AF2C;
    text-transform: uppercase;
    padding: 5px 15px
}

.modal-header h4 {
    font-weight: bold;
    line-height: 24px
}

#loginbox {
    display: table-cell;
    vertical-align: middle
}

#loginbox .modal {
    display: block;
    position: relative
}

#loginbox .modal .modal-dialog {
    max-width: 400px;
    width: auto
}

#loginbox .modal .modal-body .input-group {
    margin-bottom: 10px
}

#loginbox .modal .modal-body .input-group .input-group-addon {
    color: #888;
    padding: 6px;
    min-width: 40px
}

#loginbox .modal .modal-body .alert {
    padding: 6px 30px 6px 6px;
    margin-bottom: 0
}

#loginbox .modal .modal-footer {
    background-image: url("../images/logo-login.png");
    background-repeat: no-repeat;
    background-position: 8px center;
    margin-top: 0
}

.modal .modal-dialog .input-group {
    margin-bottom: 10px
}

.modal .modal-dialog .input-group .input-group-addon {
    color: #888;
    padding: 6px;
    min-width: 40px
}

.changes-diff-dlg .section-header {
    background-color: #ddd;
    color: #333;
    padding: 3px 5px;
    font-weight: bold;
    border-radius: 3px
}

.changes-diff-dlg .table {
    table-layout: fixed
}

.changes-diff-dlg .table>thead>tr>th {
    border-bottom: none
}

.changes-diff-dlg .table th,
.changes-diff-dlg .table td {
    font-size: .9em;
    padding: 3px 5px;
    line-height: 16px
}

.changes-diff-dlg .table tr:first-child td {
    border-top: none
}

.changes-diff-dlg .new-value {
    font-style: italic;
    width: 40%
}

.changes-diff-dlg .new-value>div {
    overflow-x: hidden;
    text-overflow: ellipsis
}

.search-ssid-modal .progress {
    margin: -11px 0 8px 20px
}

@media (min-width:479px) and (max-width:768px) {
    .search-ssid-modal .progress {
        margin: -11px 0 8px 180px
    }
}

input#inputSsid+ul.dropdown-menu {
    width: 100%
}

.search-ssid-controls .sites-list {
    border: none
}

.search-ssid-controls .sites-list .site-item .site-ssid,
.search-ssid-controls .sites-list a span.ssid-name,
.search-ssid-controls .sites-list a>strong {
    color: #333
}

.search-ssid-controls .sites-list li,
.search-ssid-modal tr.site-item {
    cursor: pointer
}

.search-ssid-controls .sites-list li .site-item:hover,
.search-ssid-modal tr.site-item .site-item:hover,
.search-ssid-controls .sites-list li.active,
.search-ssid-modal tr.site-item.active {
    background-color: #fdf5ec
}

.search-ssid-controls .sites-list li .site-item:hover:hover,
.search-ssid-modal tr.site-item .site-item:hover:hover,
.search-ssid-controls .sites-list li.active:hover,
.search-ssid-modal tr.site-item.active:hover,
.search-ssid-controls .sites-list li .site-item:hover:hover td,
.search-ssid-modal tr.site-item .site-item:hover:hover td,
.search-ssid-controls .sites-list li.active:hover td,
.search-ssid-modal tr.site-item.active:hover td,
.search-ssid-controls .sites-list li .site-item:hover td,
.search-ssid-modal tr.site-item .site-item:hover td,
.search-ssid-controls .sites-list li.active td,
.search-ssid-modal tr.site-item.active td {
    background-color: #fdf5ec
}

.modal-please-wait {
    background: transparent;
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9900
}

.modal-please-wait .modal {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 9910
}

.modal-please-wait .modal .modal-dialog {
    max-width: 400px;
    z-index: 9920;
    margin: 0 auto
}

.modal-please-wait .modal-body {
    text-align: center
}

.modal-please-wait .modal-body .block-icon {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: normal
}

.modal-please-wait .modal-body .block-icon .info {
    color: #37AF2C
}

.modal-please-wait .modal-body .block-icon .error {
    color: #c00
}

.modal-please-wait.error .modal-body {
    color: #c00
}

#fw-update-dialog .fw-file-select {
    margin-bottom: 15px
}

#sections_container {
    background: #fcfcfc;
    border: 1px solid #DDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 7px #ddd;
    -moz-box-shadow: 0 0 7px #ddd;
    box-shadow: 0 0 7px #ddd
}

#sections_container div.section_group {
    display: none
}

#sections_container div.section_group.active {
    display: block
}

.section_nav_tabs,
.section_data_content {
    display: table-cell;
    vertical-align: top
}

.section_nav_tabs {
    border-right: 1px solid #DDD;
    -webkit-box-shadow: -5px 0 3px -5px #ccc inset;
    -moz-box-shadow: -5px 0 3px -5px #ccc inset;
    box-shadow: -5px 0 3px -5px #ccc inset
}

.section_nav_tabs ul {
    width: 100%;
    margin-bottom: 55px;
    width: 55px
}

.section_nav_tabs ul li {
    background-repeat: no-repeat;
    border-bottom: 1px solid #DDD;
    height: 55px;
    margin-right: -1px;
    position: relative;
    text-align: center
}

.section_nav_tabs ul li a {
    line-height: 55px;
    color: #777;
    display: block;
    height: 100%;
    overflow: hidden;
    font-size: 16px
}

.section_nav_tabs ul li a:hover {
    color: #1d5d18
}

.section_nav_tabs ul li a:active {
    font-size: 16px
}

.section_nav_tabs ul li a span {
    display: none
}

.section_nav_tabs ul li.active {
    background-color: #fff;
    border-left: 2px solid #37AF2C;
    margin-left: -1px;
    -webkit-box-shadow: 0 5px 3px -5px #ccc;
    -moz-box-shadow: 0 5px 3px -5px #ccc;
    box-shadow: 0 5px 3px -5px #ccc
}

.section_nav_tabs ul li.active a {
    color: #37AF2C
}

.section_nav_tabs ul li:first-child.active {
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0
}

.section_data_content {
    width: 100%;
    background-color: #fff;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.section_data_content .data_content h2 {
    border-bottom: 1px solid #DDD;
    color: #37AF2C;
    font-size: 1.3em;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin: 0 0 18px
}

.section_data_content .data_content h2 .refresh-btn {
    line-height: inherit
}

.alignmentChartPlaceholder {
    position: relative;
    height: 480px;
    margin-top: 10px
}

.alignmentChartPlaceholder .chartPlaceholder {
    display: block;
    width: 100%;
    height: 95%
}

.alignmentChartPlaceholder .legendPlaceholder {
    padding: 4px;
    text-align: center
}

.alignmentChartPlaceholder .axisLabel {
    position: absolute;
    text-align: center;
    font-size: 12px
}

.alignmentChartPlaceholder .yAxisLabel {
    width: 455px;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.lt-ie9 .alignmentChartPlaceholder .yAxisLabel {
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=3.061616997868383e-16, M12=1, M21=-1, M22=3.061616997868383e-16, SizingMethod='auto expand')"
}

.lineChart {
    display: block;
    width: 100%;
    height: 200px
}

.flot-graph {
    padding: 0px;
    position: relative
}

.flot-graph .legend {
    border: none;
    color: inherit;
    font-size: inherit;
    font-style: normal;
    line-height: normal;
    margin: 0
}

.flot-graph .legend .legendLabel {
    color: #888
}

.static-legend.static-legend-SpectrumAnalyzer-waterfall {
    width: 100%;
    height: 20px;
    background-image: linear-gradient(to right, hsl(200, 50%, 20%), hsl(200, 50%, 20%), hsl(150, 50%, 50%), hsl(100, 50%, 50%), hsl(50, 50%, 50%), hsl(0, 50%, 50%), hsl(340, 50%, 50%))
}

@media (min-width:768px) {
    .static-legend.static-legend-SpectrumAnalyzer-waterfall {
        margin-top: 10px
    }
}

.static-legend.static-legend-SpectrumAnalyzer {
    margin-top: -10px
}

.static-legend.static-legend-siteSurvey {
    margin-top: -18px
}

@media (max-width:992px) {
    .static-legend.static-legend-siteSurvey {
        margin-top: 0px
    }
}

.static-legend .legend-text-style {
    display: inline-block;
    color: #888;
    padding-right: 3px
}

.static-legend .static-legend-element:after {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 3px -2px 2px;
    border: 1px solid #c5c5c5;
    padding: 3px;
    box-shadow: inset 0 0 0 1px #fff
}

.static-legend .static-legend-element.legend-marking:after {
    background-color: #d4d4d4
}

.static-legend .static-legend-element.legend-found-dev:after {
    background-color: #fbd17b
}

.static-legend .static-legend-element.legend-device-range:after {
    background-color: rgba(255, 237, 140, 0.8)
}

.static-legend .static-legend-element.legend-maximal:after {
    background-color: #367dde
}

.static-legend .static-legend-element.legend-average:after {
    background-color: #7dde36
}

.static-legend .static-legend-element.legend-current:after {
    background-color: #ebebeb
}

.static-legend-label-SpectrumAnalyzer-waterfall {
    margin-top: 10px;
    padding-right: 0
}

analyzer-chart .flot-graph .legend .legendLabel {
    padding: 3px;
    color: #333
}

analyzer-chart .navigation-control {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

analyzer-chart .navigation-control .pan-up,
analyzer-chart .navigation-control .pan-down,
analyzer-chart .navigation-control .zoom-home,
analyzer-chart .navigation-control .zoom-out-vertical,
analyzer-chart .navigation-control .zoom-out-horizontal,
analyzer-chart .navigation-control .zoom-in-horizontal,
analyzer-chart .navigation-control .zoom-in-vertical {
    display: none!important
}

analyzer-chart .navigation-control .pan-right,
analyzer-chart .navigation-control .pan-left {
    top: 0!important
}

analyzer-chart .navigation-control .zoom-out,
analyzer-chart .navigation-control .zoom-in {
    top: 30px!important
}

analyzer-chart .navigation-control .zoom-out {
    left: 0px!important
}

analyzer-chart .navigation-control .pan-right {
    left: 29px!important
}

analyzer-chart .series-colors-1 {
    color: #37AF2C
}

analyzer-chart .series-colors-2 {
    color: #d6d6d6
}

analyzer-chart .series-colors-3 {
    color: #000
}

.linktest-status {
    color: #666
}

traceroute-table .progress,
.linktest-progress .progress {
    background-color: #e0e0e0;
    margin-bottom: 0
}

traceroute-table .progress .progress-bar,
.linktest-progress .progress .progress-bar {
    min-width: 2px
}

traceroute-table .progress-td .progress,
.linktest-progress .progress-td .progress {
    height: 8px;
    border-radius: 2px
}

@media (min-width:768px) {
    traceroute-table .progress-td,
    .linktest-progress .progress-td {
        width: 20%
    }
}

@media (max-width:768px) {
    traceroute-table .progress-td>div,
    .linktest-progress .progress-td>div {
        width: 30%;
        display: inline-block;
        vertical-align: middle
    }
}

.linktest-progress .progress .progress-bar {
    min-width: 30px
}

.linktest-charts .axisLabels {
    font-size: 11px;
    font-style: italic
}

.del-history-btn {
    color: #ccc
}

.del-history-btn:hover,
.del-history-btn:active,
.del-history-btn:focus {
    color: #B94A48
}

.linktest-latest table tr td {
    color: #ccc
}

.linktest-latest table tr.in-progress td,
.linktest-latest table tr.done td {
    color: inherit
}

.linktest-latest table tr.in-progress td {
    font-weight: bold
}

.linktest-history .remove-mark {
    position: relative
}

.linktest-history .remove-mark:before {
    background-color: #ffc8c8;
    background-color: rgba(255, 200, 200, 0.3);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.lt-ie9 .linktest-history .remove-mark:before {
    background: transparent;
    zoom: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4dffc8c8, endColorstr=#4dffc8c8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4dffc8c8, endColorstr=#4dffc8c8)
}

.linktest-latest table,
.linktest-history table {
    color: #555
}

.linktest-latest table .packet,
.linktest-history table .packet,
.linktest-latest table .mbps,
.linktest-history table .mbps,
.linktest-latest table .pps,
.linktest-history table .pps,
.linktest-latest table .loss,
.linktest-history table .loss {
    text-align: center
}

.linktest-latest table.detailed .metrics .packet,
.linktest-history table.detailed .metrics .packet {
    vertical-align: middle
}

.linktest-latest table.detailed .metrics .mbps,
.linktest-history table.detailed .metrics .mbps,
.linktest-latest table.detailed .metrics .pps,
.linktest-history table.detailed .metrics .pps,
.linktest-latest table.detailed .metrics .loss,
.linktest-history table.detailed .metrics .loss {
    border-left: 1px solid #ddd
}

.linktest-latest table.detailed .min,
.linktest-history table.detailed .min {
    border-left: 1px solid #ddd
}

ping-history table thead tr:not(.metrics)>th:nth-child(2),
ping-history table tbody tr:not(.metrics)>th:nth-child(2),
ping-history table thead tr:not(.metrics)>th:nth-child(3),
ping-history table tbody tr:not(.metrics)>th:nth-child(3),
ping-history table thead tr.metrics>th:nth-child(4),
ping-history table tbody tr.metrics>th:nth-child(4),
ping-history table thead tr.metrics>th:nth-child(8),
ping-history table tbody tr.metrics>th:nth-child(8),
ping-history table thead tr>td:nth-child(4),
ping-history table tbody tr>td:nth-child(4),
ping-history table thead tr>td:nth-child(8),
ping-history table tbody tr>td:nth-child(8) {
    border-left: 1px solid #ddd
}

ping-history .icon-trash {
    cursor: pointer
}

@media (max-width:480px) {
    ping-history .icon-trash {
        margin-top: -18px
    }
}

.wz-steps {
    margin-left: 140px;
    height: 70px
}

.wz-steps ul {
    display: table;
    table-layout: fixed;
    width: 80%;
    height: 100%;
    margin: 0 auto
}

.wz-steps ul li {
    color: #888;
    display: table-cell;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    overflow: hidden
}

.wz-steps ul li div {
    display: inline-block;
    position: relative
}

.wz-steps ul li div:before,
.wz-steps ul li div:after {
    border-top: 1px solid #ccc;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 1000px
}

.wz-steps ul li div:before {
    right: 100%
}

.wz-steps ul li div:after {
    left: 100%
}

.wz-steps ul li span {
    padding: 0 5px
}

.wz-steps ul li span:before {
    content: "\e608";
    font-family: icofont;
    margin-right: 5px
}

.wz-steps ul li.marked span {
    color: #666
}

.wz-steps ul li.marked span:before {
    color: #37AF2C;
    content: "\e607"
}

.wizard-content .refresh-btn {
    margin-top: -7px
}

section.wizard-content svg text {
    fill: #6e6e71;
    text-transform: uppercase;
    font-size: 14.5px
}

section.wizard-content svg#svg3 text,
section.wizard-content svg#svg4 text {
    font-size: 12.5px
}

.wizrad-andromeda-wrapper {
    margin-bottom: -40px
}

.wizrad-andromeda-wrapper span.cut-logo {
    overflow: hidden;
    height: 40px;
    width: 65px;
    display: inline-block
}

.wizrad-andromeda-wrapper .title-wrapper {
    padding-right: 10px;
    position: relative;
    top: -47px;
    left: 30%;
    display: inline-block;
    background-color: #FAFAFA
}

.wizrad-andromeda-wrapper p {
    margin-top: 17px;
    margin-left: 5px;
    font-size: 14px
}

.content-container {
    border: 1px solid #DDD;
    border-radius: 5px;
    margin: 0 auto;
    padding: 0 25px 0 25px;
    background: #fff;
    height: 100%;
    -webkit-box-shadow: 0 0 7px #ddd;
    -moz-box-shadow: 0 0 7px #ddd;
    box-shadow: 0 0 7px #ddd
}

.simple-status-container {
    width: 100%;
    height: 100%;
    margin: 5px 0 0px;
    padding: 18px 18px 0px;
    background: #fff
}

.simple-config-container {
    width: 100%;
    height: 100%;
    margin: 5px 0 0px;
    padding: 18px 18px 0px;
    background: #fff
}

.simple-config-container .left-side-note {
    margin-left: 20px
}

h2.simple-mode {
    border-bottom: 1px solid #DDD;
    color: #37AF2C;
    font-size: 1.3em;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0 0 18px
}

.center-logo {
    margin: 0 auto;
    width: 60px
}

.security-info {
    font-size: 1.3em;
    margin-left: 5px;
    vertical-align: middle
}

.status-wrapper {
    padding-top: 7px
}

.ethernet-status-wrapper {
    padding-top: 7px
}

.simple-radio-status {
    top: 5px
}

.simple-radio-status .status-indicators::before {
    font-size: 20px
}

.simple-radio-status .status-indicators.icon {
    top: 4px;
    line-height: 12px
}

.simple-radio-status .status-indicators.spinning-refresh-icon {
    top: 10px
}

.thanks-note {
    margin-top: 5px;
    margin-left: -15%;
    color: #37AF2C
}

@media only screen and (max-width:767px) {
    .ethernet-status-wrapper {
        padding-top: 0px;
        margin-left: -8px;
        margin-bottom: 5px
    }
    .simple-config-container .left-side-note {
        margin-left: 0
    }
}

@media only screen and (min-width:992px) {
    .thanks-note {
        margin-left: 5%;
        color: #37AF2C
    }
}

@media only screen and (min-width:1200px) {
    .thanks-note {
        margin-left: 15%;
        color: #37AF2C
    }
}

h2.simple-mode {
    color: #37AF2C
}

@media (max-width:767px) {
    #main {
        padding-top: 62px
    }
    #header-topline {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.95)
    }
    .lt-ie9 #header-topline {
        background: transparent;
        zoom: 1;
        -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#f2ffffff, endColorstr=#f2ffffff);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#f2ffffff, endColorstr=#f2ffffff)
    }
    .collapse {
        -webkit-transition: height .1s;
        -moz-transition: height .1s;
        -o-transition: height .1s;
        transition: height .1s
    }
    .responsive-table.table-bordered {
        border: none
    }
    table.responsive-table,
    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table th,
    .responsive-table td,
    .responsive-table tr {
        display: block
    }
    .responsive-table.table-striped tbody tr:hover {
        background-color: inherit
    }
    .responsive-table thead.double-bottom-border {
        border-bottom: none
    }
    .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .responsive-table thead.head-sortable tr {
        position: inherit;
        top: auto;
        left: auto;
        margin-bottom: 5px;
        border: 1px solid #ccc
    }
    .responsive-table thead.head-sortable tr th {
        display: inline-block;
        width: 48%
    }
    .responsive-table thead.head-sortable tr th.sort-asc,
    .responsive-table thead.head-sortable tr th.sort-desc,
    .responsive-table thead.head-sortable tr th.sort-asc:before,
    .responsive-table thead.head-sortable tr th.sort-desc:before {
        color: #37AF2C
    }
    .responsive-table tbody+tbody {
        margin-top: 20px
    }
    .responsive-table tbody tr {
        border: 1px solid #ccc;
        margin-bottom: 5px;
        position: relative
    }
    .responsive-table tbody tr td {
        border: none !important;
        border-bottom: 1px solid #eee !important;
        padding: 2px 4px;
        font-size: 90%;
        text-align: left !important
    }
    .responsive-table tbody tr td:first-child {
        background-color: #ddd;
        border-bottom: 3px double #ddd;
        padding: 4px;
        font-size: 100%
    }
    .responsive-table tbody tr td:last-child {
        border-bottom: none
    }
    .responsive-table tbody tr td:not(.no-title):before {
        content: attr(data-title) ":";
        display: inline-block;
        width: 155px;
        padding-right: 5px;
        text-align: right;
        font-weight: bold
    }
    .responsive-table .action-col .action-item-btn {
        font-size: 16px
    }
}

@media (min-width:480px) and (max-width:767px) {
    .dl-horizontal dt {
        clear: left;
        float: left;
        width: 160px;
        text-align: right
    }
    .dl-horizontal dd {
        display: block;
        margin-left: 165px
    }
}

@media (max-width:479px) {
    #header-topline {
        background-image: url("../images/logo-login.png");
        background-position: center;
        background-repeat: no-repeat
    }
    #logo-container {
        display: none
    }
    #status-container {
        width: 100%
    }
    .dl-horizontal dt {
        width: auto
    }
    .dl-horizontal dd {
        margin-left: 0
    }
    .form-horizontal .control-label,
    .dl-horizontal dt {
        width: auto
    }
    .form-horizontal .controls,
    .dl-horizontal dd {
        margin-left: 0
    }
    .section_nav_tabs,
    .section_data_content {
        display: block
    }
    .section_nav_tabs {
        border-right: none;
        -webkit-box-shadow: 0 -5px 3px -5px #ccc inset;
        -moz-box-shadow: 0 -5px 3px -5px #ccc inset;
        box-shadow: 0 -5px 3px -5px #ccc inset
    }
    .section_nav_tabs ul {
        margin-bottom: 0;
        width: auto;
        overflow: hidden
    }
    .section_nav_tabs ul:after {
        border-bottom: 1px solid #DDD;
        content: "";
        display: block;
        height: 55px
    }
    .section_nav_tabs ul li {
        float: left;
        width: 55px;
        border-bottom: none;
        border-right: 1px solid #DDD;
        margin-right: 0
    }
    .section_nav_tabs ul li.active {
        border-left: none;
        border-top: 2px solid #37AF2C;
        padding-bottom: 2px;
        margin-left: 0;
        height: 55px;
        -webkit-box-shadow: -5px 0 5px -5px #ccc, 5px 0 5px -5px #ccc;
        -moz-box-shadow: -5px 0 5px -5px #ccc, 5px 0 5px -5px #ccc;
        box-shadow: -5px 0 5px -5px #ccc, 5px 0 5px -5px #ccc
    }
    .section_nav_tabs ul li.active a {
        line-height: 51px
    }
    .section_nav_tabs ul li:first-child.active {
        -webkit-box-shadow: 5px 0 5px -5px #ccc;
        -moz-box-shadow: 5px 0 5px -5px #ccc;
        box-shadow: 5px 0 5px -5px #ccc
    }
    .section_nav_tabs .tooltip {
        visibility: hidden
    }
    .section_data_content {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px
    }
    .section_data_content .data_content h2 {
        font-size: 1.2em;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-right: 28px;
        height: auto;
        line-height: 1.5em;
        position: relative
    }
    .section_data_content .data_content h2 .refresh-btn {
        padding: 0;
        position: absolute;
        right: 0;
        top: 7px
    }
    .alignmentChartPlaceholder {
        height: 280px
    }
    .alignmentChartPlaceholder .yAxisLabel {
        width: 260px
    }
    .responsive-table tbody tr td:not(.no-title):before {
        content: attr(data-title) ":";
        display: block;
        width: auto;
        padding-right: 0;
        text-align: left
    }
    .responsive-table tbody tr td.action-col .edit-btn,
    .responsive-table tbody tr td.action-col .remove-btn,
    .responsive-table tbody tr td.action-col .apply-btn {
        font-size: 16px
    }
}