body,
input, button, select, textarea {
    font-family: Verdana, Geneva, sans-serif;
}

body {
    overflow-y: hidden;
    padding: 0;
}

body *:focus,
a:focus {
    outline: 0 none !important;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.clear {
    clear: both;
}

[class^="icon-"],
[class*=" icon-"] {
    margin-top: 2px;
}

form {
    margin: 0;
}

textarea {
    resize: none;
}

#editAddModal .modal-body {
    max-height: 99999px;
    overflow: visible;
}

#editAddModal input

.tooltip {
    position: fixed;
}

.label {
    background: none repeat scroll 0 0 transparent;
    color: #002545;
    font-size: 12px;
    padding: 0;
    text-shadow: 0 0 0 transparent;
}

.dotted-border {
    border-bottom: 1px dotted #002545;
    padding-bottom: 6px;
}

.container-fluid {
    padding: 0;
}

.margin-top-16 {
    margin-top: 16px;
}

.btn.active,
.btn:active {
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
}

#status-bar {
    bottom: -1px;
    display: none;
    left: -1px;
    filter: alpha(opacity = 80);
    opacity: 0.8;
    position: fixed;
    z-index: 50;
    background: rgb(255, 255, 255);
    padding: 8px 8px 5px 8px;
    border: 1px solid grey;
}

#status-bar.shadow {
    -moz-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 8px -4px #000000;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0 0 8px -4px #000000;
    background: none repeat scroll 0 0 #F1F1F1;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 8px -4px #000000;
    left: 112px;
    padding: 7px 15px 1px;
}

#status-bar > span {
    color: #000000;
    display: inline;
    float: left;
    font-size: 11px;
    position: relative;
}

#status-bar #show-help-icon,
#status-bar #last-update-icon,
#status-bar #manual-refresh-icon {
    height: 14px;
    width: 14px;
}

#status-bar #show-help-icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -1px -194px transparent;
    cursor: pointer;
    margin-right: 16px;
}

#status-bar #last-update-icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -16px -194px transparent;
    cursor: pointer;
    margin-right: 3px;
}

#status-bar #last-update-icon.processing {
    cursor: default;
    filter: alpha(opacity = 75);
    opacity: 0.75;
}

#status-bar #last-update-icon img {
    position: absolute;
    top: 0;
    left: 0;
}

#status-bar #last-update-text {
    top: -3px;
}

#small-device {
    background: none repeat scroll 0 0 #F1F1F1;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8000;
}

#small-device span {
    color: #444444;
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 3px;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
    top: 50%;
    z-index: 10;
}

table {
    font-size: 13px;
}

#modal-popover-wrapper table thead {
    background: none repeat scroll 0 0 #E2E2E2;
}

#modal-popover-wrapper table thead tr th {
    font-size: 12px;
    padding: 4px 8px 3px;
    text-shadow: 1px 1px 0 #FFFFFF;
}

table .group-name {
    background: none repeat scroll 0 0 #B2B2B2 !important;
    color: #FFFFFF;
    font-size: 12px;
    padding: 2px 8px;
}

table td.active {
    color: #1CA81F;
}

table td.inactive {
    color: #B41717;
}

table td.pending {
    color: #A29C41;
}

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
    opacity:inherit;
    filter:inherit;
}

.jspCap
{
    height: 17px;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    background: #D9D9D9;
    position: relative;
    border-radius: 4px 4px 4px 4px;
}

.jspDrag
{
    background: #666;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}


.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

.nav-tabs > li > a {
    -moz-box-shadow: 0 0 6px -2px #888888;
    -webkit-box-shadow: 0 0 6px -2px #888888;
    background: none repeat scroll 0 0 #C3C3C3;
    border: 0 none;
    box-shadow: 0 0 6px -2px #888888;
    color: #FFFFFF;
    font-size: 13px;
    padding: 2px 22px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    border: 0 none;
    color: #003561;
}

.nav-tabs > li > a:hover {
    background: none repeat scroll 0 0 #003561;
}

#no-script-wrapper span {
    display: block;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

#background-image {
    height:									100% !important;
    left:									0;
    position:								fixed;
    top:									0;
    width:									100% !important;
    z-index:								-1;
}

#background-image img {
    max-width: none;
    position: absolute;
    visibility: visible;
    width: 100%;
    height: 100%;
}

.form-signin {
    margin: 18px 0 0;
    max-width: 320px;
    width: auto;
}

.form-signin .input-wrapper {
    -moz-box-shadow:						0 0 5px -1px #888888;
    -webkit-box-shadow:						0 0 5px -1px #888888;
    -moz-border-radius:						4px 4px 4px 4px;
    -webkit-border-radius:					4px 4px 4px 4px;
    border-radius:							4px 4px 4px 4px;
    box-shadow:								0 0 5px -1px #888888;
    margin-bottom:							14px;
}

.form-signin input.input-block-level {
    -moz-box-shadow:						0 0 0 0 transparent;
    -webkit-box-shadow:						0 0 0 0 transparent;
    border:									1px solid #EAEAEA;
    box-shadow:								0 0 0 0 transparent;
    font-size:								17px;
    height:									38px;
    margin-bottom:							0;
    padding:								0 10px;
    position:								relative;
    z-index: 								1;
}

.form-signin input.input-block-level:focus {
    -moz-box-shadow:						0 0 8px -2px #C6C6C6 inset, 0 0 0 0 transparent;
    -webkit-box-shadow:						0 0 8px -2px #C6C6C6 inset, 0 0 0 0 transparent;
    box-shadow:								0 0 8px -2px #C6C6C6 inset, 0 0 0 0 transparent;
}

.form-signin input.input-block-level {
    -moz-border-radius:						0 0 0 0;
    -webkit-border-radius:					0 0 0 0;
    border-radius:							0 0 0 0;
    margin:									0 0 -1px 0;
}

.form-signin input.input-block-level:first-child {
    -moz-border-radius:						4px 4px 0 0;
    -webkit-border-radius:					4px 4px 0 0;
    border-radius:							4px 4px 0 0;
    margin:									0 0 -1px 0;

}

.form-signin input.input-block-level.last {
    -moz-border-radius:						0 0 4px 4px;
    -webkit-border-radius:					0 0 4px 4px;
    border-radius:							0 0 4px 4px;
}

.form-signin button[type=button] {
    padding:								6px 19px;
    width:									100%;
}

.whiteText {
    color: #FFF;
}

.checkbox input {
    border:1px solid grey;
}

#login-form-wrapper {
    display: table;
    left: 50%;
    margin-left: -160px;
    margin-top: -144px;
    position: fixed;
    top: 50%;
}

footer {
    bottom: 6px;
    left: 0;
    position: fixed;
    width: 100%;
}

footer .links {
    display: table;
    margin: 0 auto;
}

footer .links a {
    font-size: 13px;
}


#wrapper {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.navbar-static-top {
    background: none repeat scroll 0 0 #00335f;
    height: 50px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.navbar-inverse .navbar-inner {
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: 0 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00335f', endColorstr='#00335f', GradientType=0)
}

.navbar .brand {
    padding: 0px;
}

.navbar .nav {
    background: none repeat scroll 0 0 #002544;
    margin: 0;
    padding: 12px 14px 0 11px;
}

.navbar #menu-views.nav {
    padding: 0 4px;
}

.navbar #menu-views.nav button {
    height: 50px;
    outline: 0 none !important;
    padding: 0;
}

.nav-wrapper {
    background: none repeat scroll 0 0 #002544;
    display: table;
    height: 50px;
}

.bootstrap-select.btn-group {
    margin: 0;
}

#wrapper .bootstrap-select .btn {
    -moz-border-radius: 0 0 0 0;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-border-radius: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 transparent;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 transparent;
    color: #FFFFFF;
    text-shadow: 0 0 0 transparent;
}

.btn-group.open .btn.dropdown-toggle {
    background-color: transparent;
}

.bootstrap-select .btn i {
    background-image: url("../../img/glyphicons-halflings-white.png");
}

.nav .dropdown-toggle .caret,
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}

#menu-views .bootstrap-select {
    width: 108px !important;
}

#menu-views .dropdown-menu {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid #8DA0AE;
    border-radius: 4px 4px 4px 4px;
    left: -8px;
    overflow: visible !important;
    padding: 3px 0;
}

#menu-views .dropdown-menu .arrow {
    border-bottom: 10px solid #FFFFFF;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    position: absolute;
    right: 14px;
    top: -10px;
    width: 0;
    z-index: 15;
}

#menu-views .dropdown-menu .arrow-shadow {
    border-bottom: 11px solid #8DA0AE;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    position: absolute;
    right: 13px;
    top: -12px;
    width: 0;
    z-index: 10;
}

#menu-views .dropdown-menu li {
    border-top: 1px solid #ADB9C5;
}

#menu-views .dropdown-menu li:first-child {
    border-top: 0 none;
}

#menu-views .dropdown-menu li a {
    padding: 6px 32px;
}

#filter.btn-toolbar,
.navbar .btn,
.navbar .btn-group {
    margin: 0;
}

#filter.btn-toolbar {
    padding-top: 12px;
    position: relative;
}

#filter .btn.warning {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

#filter .warning-count {
    -moz-border-radius: 20px 20px 20px 20px;
    -moz-box-shadow: 0 0 3px -1px #444444;
    -webkit-border-radius: 20px 20px 20px 20px;
    -webkit-box-shadow: 0 0 3px -1px #444444;
    background: none repeat scroll 0 0 #D6100D;
    border: 2px solid #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 3px -1px #444444;
    display: none;
    height: 14px;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 14px;
    z-index: 10;
}

#filter .warning-count.big {
    height: 17px;
    right: -9px;
    top: -9px;
    width: 17px;
}

#filter .warning-count span {
    color: #FFFFFF;
    cursor: default;
    display: block;
    font-size: 10px;
    left: 4px;
    position: absolute;
    top: -3px;
}

#filter .warning-count.big span {
    left: 2px;
    top: -2px;
}

#filter a.fleetmon {
    margin-right: 9px;
    visibility: hidden;
}

#filter .btn {
    padding: 4px 9px 4px 9px;
}

#filter #search {
    display: inline-block;
    margin-left: 14px;
    position: relative;
}

#filter #search > a {
    position: relative;
    z-index: 1;
}

#filter #search input {
    display: none;
    font-size: 12px;
    height: 26px;
    margin: 0;
    min-height: 0;
    left: 0;
    padding: 1px 6px 0;
    position: absolute;
    top: 0;
    width: 200px;
    z-index: 2;
}

#filter .btn .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -73px -93px transparent;
    display: block;
    height: 16px;
    width: 16px;
}

#filter .btn .icon.light {
    background: url("../../img/sprite_sabik.png") repeat scroll -34px -92px transparent;
    margin: 0 2px;
    width: 14px;
}

#filter .btn .icon.warning {
    background: url("../../img/sprite_sabik.png") repeat scroll -16px -93px transparent;
    width: 18px;
}

#filter .btn .icon.search {
    background: url("../../img/sprite_sabik.png") repeat scroll 0 -93px transparent;
}

#resetSearch {
    position: absolute;
    top: 4px;
    z-index: 9;
    left: 182px;
    display:none;
    cursor:pointer;
}

#clock-wrapper {
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 14px;
    opacity: 0.95;
    padding-top: 14px;
}

#clock-wrapper span {
    position: relative;
    top: 1px;
}

#menu-service > a {
    float: left;
    margin: 0 4px;
    position: relative;
}

#menu-service > a.visible {
    z-index: 2100;
}

#menu-service > a .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll 0 -67px transparent;
    display: block;
    height: 26px;
    width: 26px;
}

#menu-service > a .icon.admin {
    background: url("../../img/sprite_sabik.png") repeat scroll -28px -67px transparent;
}

#menu-service > a .icon.user {
    background: url("../../img/sprite_sabik.png") repeat scroll -54px -67px transparent;
}

#content-wrapper {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    display: block;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 5;
}

#content-wrapper > div {
    background: none repeat scroll 0 0 #F1F1F1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
}

#content-wrapper > div#login-view {
    background: none repeat scroll 0 0 transparent;
}

.content {
    padding: 0 10px 0 10px;
}

.logo-watermark {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -128px;
    margin-left: -205px;
    z-index: 5;
}

#portrait-mode-modal .logo-watermark {
    margin-top: -154px;
}

#stations-wrapper .jspVerticalBar {
    right: 10px;
}

#stations-content-wrapper {
    height: auto;
    overflow: auto;
    padding-bottom: 36px;
    padding-right: 16px;
    padding-top: 18px;
}

#content-wrapper .station-list {
    display: inline;
    float: left;
    margin-left: 20px;
    min-width: 250px;
    width: auto;
}

#content-wrapper .station-list:first-child {
    margin-left: 0;
}

#content-wrapper .station {
    display: inline;
    float: left;
    margin: 0 -2px 8px 10px;
    min-width: 260px;
    position: relative;
    width: auto;
    z-index: 15;
}

#content-wrapper .station .station-info-wrapper {
    background-color: #FFFFFF;
    border: 1px solid transparent;
    border-radius: 3px 3px 3px 3px;
    padding: 4px 10px 5px 10px;
    position: relative;
    z-index: 2;
}

#content-wrapper .station.noDetails .station-info-wrapper {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background-color: #F9F9F9;
}


#content-wrapper .station.active .station-info-wrapper {
    background-color: #003561;
    border: 1px solid #FFFFFF;
}



#content-wrapper .station.unseen-warning .station-info-wrapper {
    border-left: 7px solid rgb(200, 73, 71);
    padding: 4px 10px 5px 5px;
}

#content-wrapper .station.new-station .station-info-wrapper {
    border-left: 7px solid #003561;
    padding: 4px 10px 5px 5px;
}

#content-wrapper .station .station-name {
    color: #000C2B;
    font-size: 12px;
    font-weight: bold;
}

#content-wrapper .station.noDetails .station-name {
    color: #999999;
}

#content-wrapper .station.active .station-name,
#content-wrapper .station.unseen-warning .station-name {

}

#content-wrapper .station .status-icons {
    padding-top: 0;
}

#content-wrapper .station .status-icons span {
    background: url("../../img/sprite_sabik.png") repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    height: 22px;
    margin-left: 8px;
    width: 22px;
}

#content-wrapper .station.noDetails .status-icons span {
    opacity: 0.5;
}

#content-wrapper .station .status-icons span.light {
    background: url("../../img/sprite_sabik.png") repeat scroll -22px 0 transparent;
}

#content-wrapper .station .status-icons span.wireless {
    background: url("../../img/sprite_sabik.png") repeat scroll -22px -22px transparent;
}

#content-wrapper .station .status-icons span.warning {
    background: url("../../img/sprite_sabik.png") repeat scroll -22px -44px transparent;
}

#content-wrapper .station.light .status-icons span.light {
    background: url("../../img/sprite_sabik.png") repeat scroll 0 0 transparent;
}

#content-wrapper .station.wireless-alert .status-icons span.wireless {
    background: url("../../img/sprite_sabik.png") repeat scroll 0px -22px transparent;
}

#content-wrapper .station.wireless-warning .status-icons span.wireless {
    background: url("../../img/sprite_sabik.png") repeat scroll -44px -22px transparent;
}

#content-wrapper .station.warning .status-icons span.warning {
    background: url("../../img/sprite_sabik.png") repeat scroll 0 -44px transparent;
}

#content-wrapper .station .status-icons span:first-child {
    margin-left: 0;
}

#content-wrapper .station .station-preview {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    border-radius: 3px 3px 3px 3px;
    display: none;
    margin-top: -4px;
    padding: 9px 10px 5px 10px;
    position: relative;
    z-index: 1;
}

#content-wrapper .station.noDetails .station-preview {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #D9D9D9;
}

#content-wrapper .detailList .station .station-preview {
    display: block;
}

#content-wrapper .row-fluid > div {
    min-height: 0;
}

#content-wrapper .status {
    display: inline;
}

#content-wrapper .status:first-child {
    margin-left: 0;
}

#content-wrapper .status .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    margin-right: 4px;
    position: relative;
}

#content-wrapper .noDetails .status .icon {
    opacity: 0.5;
}

#content-wrapper .status.battery .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -24px -135px transparent;
    height: 15px;
    top: 3px;
    width: 20px;
}

#content-wrapper .status.light-on .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -34px -93px transparent;
    height: 14px;
    top: 3px;
    width: 14px;
}

#content-wrapper .status.light-off .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -49px -93px transparent;
    height: 14px;
    top: 3px;
    width: 8px;
}

#content-wrapper .status.last-update .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -57px -93px transparent;
    height: 14px;
    top: 4px;
    width: 15px;
}

#content-wrapper .status .value {
    color: #002545;
    font-size: 12px;
}

#content-wrapper .noDetails .status .value {
    color: #999999;
}

#content-wrapper .status.battery .value {
    font-weight: bold;
}

.no-station {
    color: #444444;
    display: none;
    margin-top: 12px;
    position: fixed;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
    top: 50%;
    width: 100%;
    z-index: 10;
}

.no-station span {
    display: none;
    font-size: 13px;
}

#content-wrapper > .detail-information {
    -moz-box-shadow: 0 0 22px 0 #C7C7C7 inset;
    -webkit-box-shadow: 0 0 22px 0 #C7C7C7 inset;
    background: none repeat scroll 0 0 #F9F9F9;
    border-left: 1px solid #DEDEDE;
    box-shadow: 0 0 22px 0 #C7C7C7 inset;
    height: 100%;
    left: auto;
    position: absolute;
    right: -446px;
    top: 0;
    visibility: visible;
    width: 445px;
    z-index: 40;
}

#content-wrapper > .detail-information#station-detail {
    z-index: 50;
}

#content-wrapper > .detail-information .hide {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #CBCBCB;
    border: 1px solid #F1F1F1;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: none;
    height: 54px;
    left: -12px;
    margin-top: -28px;
    position: absolute;
    top: 50%;
    width: 20px;
}

#content-wrapper > .detail-information .arrow {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #F5F5F5;
    border-top: 6px solid transparent;
    height: 0;
    left: 7px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 0;
}

#content-wrapper > .detail-information > div {
    bottom: 0;
    left: 24px;
    overflow: auto;
    padding: 14px 22px 14px 0px;
    position: absolute;
    right: 20px;
    top: 0;
}

#content-wrapper > .detail-information .headline {
    color: #000C2B;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-left: 2px;
    text-shadow: 1px 1px 0 #FFFFFF;
}

#content-wrapper > .detail-information .headline > img {
    border: 1px solid #CCCCCC;
    height: 12px;
    margin-right: 6px;
    position: relative;
    top: -1px;
}

#content-wrapper > .detail-information .headline .vtype-icon {
    margin-left: 4px;
    position: relative;
    top: -1px;
}

.tab-overlay {
    -moz-border-radius: 0 4px 0 4px;
    -webkit-border-radius: 0 4px 0 4px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 4px 0 4px;
    height: 4px;
    left: 2px;
    position: absolute;
    top: 24px;
    width: 364px;
    z-index: 3;
}

.tabContent {
    position:relative;
}

#admin-settings-modal .tab-overlay {
    left: 22px;
    top: 86px;
    width: 928px;
}

.nav-tabs {
    border: 0 none;
    margin: 12px 0 0 2px;
    position: relative;
    z-index: 2;
}

.tab-content {
    overflow: visible;
}

.tab-content .tab-pane-content {
    -moz-border-radius: 0 4px 4px 4px;
    -moz-box-shadow: 0 0 6px -1px #888888;
    -webkit-border-radius: 0 4px 4px 4px;
    -webkit-box-shadow: 0 0 6px -1px #888888;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 0 6px -1px #888888;
    margin: 1px 0 4px 2px;
    padding: 12px 14px 8px 14px;
    position: relative;
    z-index: 1;
}

#admin-settings-modal .tab-content .tab-pane-content {
    min-width: 916px;
    overflow: auto;
    overflow-x: hidden;
    max-height: 480px;
}

#vessel-detail .tab-content .tab-pane-content {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin-top: 11px;
}

.tab-content .tab-pane-footer {
    margin-top: 12px;
}

#content-wrapper > .detail-information table {
    width: 100%;
}

#content-wrapper > .detail-information table thead {
    background-color: #E2E2E2;
}
  
#content-wrapper > .detail-information table thead tr {}

#content-wrapper > .detail-information table thead tr th {
    padding: 4px 6px 4px 6px;
    text-align: left;
}

#content-wrapper > .detail-information table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -20px -151px transparent;
    display: block;
    float: left;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}

#content-wrapper > .detail-information #Beacon-content table thead tr th .icon,
#content-wrapper > .detail-information #Beacon-config table thead tr th .icon,
#content-wrapper > .detail-information #buoytest-command table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -20px -151px transparent;
}
#content-wrapper > .detail-information #Beacon-content.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #Beacon-config.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #buoytest-command.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -40px -151px transparent;
}

#content-wrapper > .detail-information #Battery-content table thead tr th .icon,
#content-wrapper > .detail-information #Battery-config table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -340px -151px transparent;
}
#content-wrapper > .detail-information #Battery-content.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #Battery-config.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -360px -151px transparent;
}

#content-wrapper > .detail-information #LightAutomation-content table thead tr th .icon,
#content-wrapper > .detail-information #LightAutomation-config table thead tr th .icon,
#content-wrapper > .detail-information #LightAutomation-command table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -220px -151px transparent;
}
#content-wrapper > .detail-information #LightAutomation-content.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #LightAutomation-config.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #LightAutomation-command.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -240px -151px transparent;
}

#content-wrapper > .detail-information #DaytoNight-content table thead tr th .icon,
#content-wrapper > .detail-information #DaytoNight-config table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -180px -151px transparent;
}
#content-wrapper > .detail-information #DaytoNight-content.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #DaytoNight-config.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -200px -151px transparent;
}

#content-wrapper > .detail-information #NighttoDay-content table thead tr th .icon,
#content-wrapper > .detail-information #NighttoDay-config table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -100px -151px transparent;
}
#content-wrapper > .detail-information #NighttoDay-content.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #NighttoDay-config.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -120px -151px transparent;
}

#content-wrapper > .detail-information #Counters-content table thead tr th .icon,
#content-wrapper > .detail-information #Counters-config table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -260px -151px transparent;
}
#content-wrapper > .detail-information #Counters-content.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #Counters-config.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -280px -151px transparent;
}

#content-wrapper > .detail-information #Communication-content table thead tr th .icon,
#content-wrapper > .detail-information #Communication-config table thead tr th .icon,
#content-wrapper > .detail-information #Communication-command table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -140px -151px transparent;
}
#content-wrapper > .detail-information #Communication-content.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #Communication-config.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #Communication-command.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -160px -151px transparent;
}

#content-wrapper > .detail-information #Position-content table thead tr th .icon,
#content-wrapper > .detail-information #Position-config table thead tr th .icon,
#content-wrapper > .detail-information #Position-command table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -300px -151px transparent;
}
#content-wrapper > .detail-information #Position-content.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #Position-config.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #Position-command.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -320px -151px transparent;
}

#content-wrapper > .detail-information #Temperature-content table thead tr th .icon,
#content-wrapper > .detail-information #Temperature-config table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -60px -151px transparent;
}

#content-wrapper > .detail-information #Temperature-content.doAlert table thead tr th .icon,
#content-wrapper > .detail-information #Temperature-config.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -80px -151px transparent;
}

#content-wrapper > .detail-information #GPSCheckup-config table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -380px -151px transparent;
}
#content-wrapper > .detail-information #GPSCheckup-config.doAlert table thead tr th .icon {
    background: url("../../img/sprite_sabik.png") repeat scroll -400px -151px transparent;
}

#content-wrapper > .detail-information table thead tr th .headline {
    font-size: 13px;
}

#content-wrapper > .detail-information table tbody {
    border-bottom: 1px solid #E6E6E6;
}

#content-wrapper > .detail-information#vessel-detail table tbody {
    border-bottom: 0 none;
}

#content-wrapper > .detail-information table tbody tr td {
    background-color: #F8F8F8;
    padding: 5px 6px 4px 6px;
}

#content-wrapper > .detail-information table tbody tr td.label,
#content-wrapper > .detail-information table tbody tr td.value {
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    display: table-cell;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    width: 50%;
}

#content-wrapper > .detail-information table tbody tr td.value {
    font-weight: bold;
    word-wrap: break-word;
}

#content-wrapper > .detail-information table tbody tr td.value div.pull-left span {
    word-wrap: break-word;
    display: inline-block;
    width:125px;
}

#content-wrapper > .detail-information table tbody tr:nth-child(even) td {
    background-color: #FFFFFF;
}

#content-wrapper > .detail-information table tbody tr td.label > i {
    position: relative;
    margin-left: 4px;
    top: -1px;
}

.mobile-device #content-wrapper > .detail-information table tbody tr td.label > i {
    display: none !important;
}

#content-wrapper > .detail-information #config table tbody tr td.value > * {
    float: right;
    font-size: 12px;
    width: 140px;
    padding: 2px 0px 0px 6px;
    line-height: 22px;
    margin: 0;
}

#content-wrapper > .detail-information #config table tbody tr td.value > input {
    width: 132px;
}

.detail-information .jspPane {
    left: auto !important;
    right: 29px;
    width: 369px !important;
}

#battVoltChart {
    width: 349px;
    height: 140px;
    position: relative;
}

#battVoltChart #chart-content {
    z-index: 2;
}

#battVoltChart .spinner-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 1;
}

#vessel-detail-content .spinner-wrapper {
    left: 186px;
    position: absolute;
    top: 164px;
}

.detail-information .jspVerticalBar {
    right: 23px;
}

#admin-settings-modal #admin-settings-tab {
    margin-top: 0;
}

#admin-settings-modal .tab-content {
    overflow: visible;
}

#users-tab tr.inactive .actions .icon-ban-circle {
    background-image: url("../../img/glyphicons-halflings-red.png");
}

.tab-content > .tab-pane {
    position: relative;
}

.tab-content > .tab-pane .overlay {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    z-index: 90;
    left: 2px;
    right: 0;
    border-radius: 4px 4px 4px 4px;
}

.tab-content > .tab-pane .overlay .spinner-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
}

#vessel-info-content .btn.btn-small {
    left: 20px;
    position: absolute;
    top: 18px;
    visibility: hidden;
    z-index: 15;
}

#vessel-detail-content .icon.fleetmon {
    background: url("../../img/sprite_sabik.png") repeat scroll -73px -93px transparent;
    display: block;
    height: 16px;
    width: 16px;
    float: left;
    margin: 3px 5px 0px 0px ;
}

#vessel-info-content .no-vessel-image {
    background: url("../../img/sprite_sabik.png") repeat scroll 12px -550px #f0f2f0;
    height: 226px;
    width: 339px;
    position: absolute;
    top: 12px;
    left: 14px;
}

#first-visit {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.45);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 3000;
}

#first-visit > img {
    position: absolute;
}

#first-visit > button {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 8px 44px;
    margin-left: -103px;
    margin-top: 0px;
}

#first-visit > span {
    color: #F9F9F9;
    font-family: 'Indie Flower', cursive;
    position: absolute;
    font-size: 17px;
    text-shadow: 0px 0px 4px #888888;
}

#first-visit > span.change-view-text {
    top: 119px;
    left: 173px;
}

#first-visit > span.light-only-text {
    left: 50%;
    top: 15px;
    margin-left: -398px;
}

#first-visit > span.warnings-only-text {
    left: 50%;
    top: 118px;
    margin-left: -227px;
}

#first-visit > span.search-text {
    left: 50%;
    top: 109px;
    margin-left: 22px;
}

#first-visit > span.info-support-text {
    right: 200px;
    top: 58px;
}

#first-visit > span.admin-settings-text {
    right: 166px;
    top: 106px;
}

#first-visit > span.user-settings-text {
    right: 89px;
    top: 151px;
}

#first-visit > span.status-bar-help-text {
    bottom: 97px;
    left: 46px;
}

#first-visit > span.status-bar-update-text {
    bottom: 48px;
    left: 103px;
}

#first-visit > .menu-arrows {
    left: 154px;
    top: 38px;
}

#first-visit > .filter-arrows {
    left: 50%;
    top: 15px;
    margin-left: -215px;
}

#first-visit > .service-menu-arrows {
    right: 32px;
    top: 31px;
}

#first-visit > .status-bar-arrows {
    bottom: 31px;
    left: 15px;
}

#first-visit > #station-help {
    position: absolute;
    bottom: 52px;
    right: 126px;
}

#first-visit > span.station-battery-text {
    bottom: 63px;
    right: 452px;
}

#first-visit > span.station-lightOn-text {
    bottom: 33px;
    right: 245px;
}

#first-visit > span.station-lightOff-text {
    bottom: 65px;
    right: 44px;
}

#first-visit > span.station-warning-text {
    bottom: 145px;
    right: 77px;
}

#first-visit > span.station-radio-text {
    bottom: 197px;
    right: 76px;
}

#first-visit > span.station-light-text {
    bottom: 194px;
    right: 296px;
}

#map-view .stationPopup {
    bottom: -24px !important;
    display: table;
    left: 12px !important;
    right: auto !important;
}

#map-view .stationPopup .leaflet-popup-content-wrapper {
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    background: none repeat scroll 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border: 0 none;
    padding: 0;
}

#map-view .stationPopup .leaflet-popup-content-wrapper .leaflet-popup-content {
    width: 281px;
    margin: 0;
    line-height: 20px;
}

#map-view .stationPopup .leaflet-popup-content-wrapper .leaflet-popup-content .station {
    display: table;
    float: none;
    min-width: 230px;
}

#map-view .stationPopup .leaflet-popup-content-wrapper .leaflet-popup-content .station .station-name {
    position: relative;
    top: 1px;
}

#map-view .stationPopup .leaflet-popup-tip-container {
    display: table;
    left: 2px;
    position: absolute;
    top: 8px;
    width: auto;
    z-index: 2;
}

#map-view .stationPopup .leaflet-popup-tip-container .leaflet-popup-tip {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #FFFFFF;
    border-top: 8px solid transparent;
    height: 0;
    width: 0;
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
/*
#map-view .leaflet-label {
    bottom: auto !important;
    left: 12px !important;
    position: absolute;
    text-align: center;
    top: -13px;
}
*/

#map-view .leaflet-label {
    background: #ffffff;
    border: 1px solid #8c8c8c;
}

#map-view .leaflet-label:after, #map-view .leaflet-label:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#map-view .leaflet-label:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 6px;
    margin-top: -6px;
}
#map-view .leaflet-label:before {
    border-color: rgba(140, 140, 140, 0);
    border-right-color: #8c8c8c;
    border-width: 7px;
    margin-top: -7px;
    left: -14px;
}

#map-view .leaflet-label .leaflet-label-content-wrapper {
    background-color: #FFFFFF;
    border: 0 none;
    padding: 0px 0px 0px 2px;
    text-align: left;
}

#map-view .leaflet-label .leaflet-label-content-wrapper .flag-icon {
    position: relative;
    top: 1px;
}

#map-view .leaflet-label .leaflet-label-content-wrapper .vname {
    margin-left: 4px;
    margin-right: 3px;
}

#map-view .leaflet-label .leaflet-label-content-wrapper .vname a {
    color: #444444;
}

#map-view .leaflet-label .leaflet-label-content-wrapper .vtype-icon {
    position: relative;
    top: -1px;
}

#map-view .getToCenter {
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    background: url("../../img/sprite_sabik.png") repeat scroll -3px -209px #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    color: #000000;
    cursor: pointer;
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    width: 26px;
}

#map-view .getToCenter:hover {
    background-color: #eaeaea;
}

#map-view .leaflet-control-layers-toggle {
    background-size: 18px auto;
    height: 26px;
    width: 26px;
}

/*** Icons START ***/
.icon-red,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("../../img/glyphicons-halflings-red.png");
}

.icon-green,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("../../img/glyphicons-halflings-green.png");
}

.icon-yellow,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("../../img/glyphicons-halflings-yellow.png");
}

#diagrammModal {
    width: 800px;
    margin-left: -400px;
}

.icon-custom {
    background-image: url("../../img/custom-icons.png");
}

.icon-bar {
    background-position: 0px -14px;
}

.icon-line {
    background-position: -14px 0px;
}

.icon-invbar {
    background-position: 0px 0px;
}

/* IE10 Stuff */
@media all and (-ms-high-contrast: none) {
    .btn-group.bootstrap-select .btn .filter-option {
        top: 14px;
    }

    .modal-body .btn-group.bootstrap-select .btn .filter-option {
        top: 5px;
    }

    input[type=text]::-ms-clear{
        display:none;
    }
}

.accountForm input {
    width: 95%;
}

body .modal {
    position: relative;
    top:15px !important;
}

/*
Accordion Styles
*/

.accordion {
    margin-bottom:0px;
}

.accordion-heading {
    border-bottom: 0;
    background-color: rgba(226, 226, 226, 0.7);
}

.accordion-heading .headline {
color: rgb(0, 12, 43);
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
text-shadow: rgb(255, 255, 255) 1px 1px 0px;
}

.accordion-heading .accordionIcon {
    background: rgb(128, 128, 128);
    padding: 2px 0px;
    margin-right: 6px;
    border-radius: 3px;
    color: white;
}

/* Accordion soll nur noch eine feine Überschrift sein
BEGIN */

    /* Leere Accordions werden ausgeblendet */
    #stations-content-wrapper .accordion.empty {
        visibility: hidden;
        overflow: hidden;
        width: 1px;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Accordionstyle stark zurücknehmen */
    #stations-content-wrapper div.accordion-inner.groupStationContainer {
        padding: 0;
        border: none;
    }

    #stations-content-wrapper div.accordion-group {
        border: none;
        background: none;
    }

    #stations-content-wrapper i.accordionIcon {
        display: none;
    }

    #stations-content-wrapper .accordion-toggle .badge {
        display:none;
    }

    #stations-content-wrapper a.accordion-toggle {
        cursor: default;
        background: none;
        padding: 0;
    }

    #stations-content-wrapper div.accordion-heading {
        background: none;
        border-bottom: 1px solid rgb(230, 230, 230);
        padding: 0px;
        margin-left: 10px;
    }

    #stations-content-wrapper span.headline {
        font-weight: normal;
        color: rgb(0, 37, 69);
        text-shadow: none;
    }

    #stations-content-wrapper .accordion-body {
        height: auto;
        padding: 5px 0 0 0;
    }

/* Accordion soll nur noch eine feine Überschrift sein
END */

.modal-footer .dropdown-menu {
    text-align: left;
}

#content-wrapper .station.selected .station-info-wrapper {
    background: rgb(219, 231, 241);
}

#bigLogo {
    margin: 0;
    max-width: 320px;
    width: auto;
}

.btn, .nav, #stations-content-wrapper, #station-detail-content, .clock-wrapper, #info-support-modal, #admin-settings-modal, .modal, #user-settings-modal, .form-signin,  #login-view, #login-form-wrapper .checkbox {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
    cursor:default;
}

#station-detail-content #status td.value, #info-support-modal .span8 ul.unstyled, #admin-settings-modal td {
    -webkit-user-select: text; /* Chrome/Safari */
    -moz-user-select: text; /* Firefox */
    -ms-user-select: element; /* IE10+ */
    -o-user-select: initial;
    user-select: initial;
    cursor:text;
}

#admin-settings-modal td.action, #admin-settings-modal td, #login-view, #login-form-wrapper .checkbox, #login-form-wrapper .checkbox input, #login-form-wrapper .input-wrapper {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
    cursor:default;
}

.jspVerticalBar {
    z-index:9999;
}

input.okay {
    color: #53cf05;
}

input.error {
    color: #D6100D;
}