/*
 * Base structure
 */

html {
  position: relative;
  min-height: 100%;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  
  /* Margin bottom by footer height */
  margin-bottom: 30px;
  
  //font-family:'Exo 2', Helvetica, Arial, sans-serif;
  font-family: 'Titillium Web', sans-serif;
  color:#333;
  font-size:15px;
}

/*
 * Global add-ons
 */

.nobr {
    white-space: nowrap;
}

.bg-grey {
    padding: 10px;
    background-color: #eee;
}

.bg-alert {
    padding: 10px;
    background-color: #e64c66;
    color: #fff;
}

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  line-height: inherit;
}

.rowMarker:hover {
    background-color: #eef9ff;
    color: #333;
}
.rowMarker-selected {
    background-color: #4fc5f7;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*.navbar-brand {
    margin-top: -5px;
}*/

.navbar-inverse {
    background-color: #003366;
    background-image: none;
}


.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #336699;
    color: #fff;
    background-image: none;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #336699;
    color: #fff;
    background-image: none;
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

.badge-message {
    background-color: #e1e6fc;
    color: #394165;
}

.badge-alert {
    background-color: #e64c66;
}

.badge-incident {
    background-color: #ff9900;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
  background-color: #f5f5f5;
}

footer .text-muted {
  margin: 5px;
}


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

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

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

.bottom-margin-10 {
  margin-bottom: 10px;
}

.bottom-margin-5 {
  margin-bottom: 5px;
}

.bottom-margin-0 {
  margin-bottom: 0px;
}

#map-canvas-qr {
    height: 295px;
    overflow: hidden;
}

#map-canvas {
    height: 315px;
    overflow: hidden;
}

#guard-canvas {
    height: 205px;
    overflow-y: auto;
    overflow-x: hidden;
}

#patrolling-canvas {
    height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
}

#patrollingDetails-canvas {
    height: 230px;
    overflow: auto;
}

#alertAnimate {
    display: inline-block;
    padding-right: 5px;
}

#incidentAnimate {
    display: inline-block;
    padding-right: 5px;
}

#normalAnimate {
    display: inline-block;
    padding-right: 5px;
}

.guardRow {
    margin: 2px;
    padding: 3px 0;
    border-bottom: 1px solid #eee;
    font-size: small;
    cursor: pointer;
}

.guardRow:hover {
    background-color: #eee;
}

.guardRow-active {
    background-color: #09ca24;
    color: #fff;
}

.guardRow-active:hover {
    background-color: #4fc5f7;
}

.guardRow-selected, .guardRow-selected:hover {
    background-color: #394165;
    color: #fff;
}

.guardRow-alert, .guardRow-alert:hover {
    background-color: #e64c66;
    color: #fff;
}

.patrolGuardId {
    background-color: #394165;
    color: #fff;
    padding: 0 10px;
    //font-weight: bold;
    font-size: small;
}


.patrolBox {
    margin: 5px;
    padding: 3px 0;
    border: 1px solid #394165;
    //font-size: 11px;
    cursor: pointer;
    display: inline-block;
    width: 29%;
    text-align: center;
}

.patrolBox:hover {
    background-color: #e1e6fc;
}

.patrolBox-selected, .patrolBox-selected:hover {
    background-color: #394165;
    color: #fff;
    font-weight: bold;
}

.patrolDetailMainId {
    background-color: #394165;
    color: #fff;
    padding: 0 10px;
    //font-weight: bold;
    font-size: small;
}

/*
.patrolBox {
    margin: 5px;
    padding: 3px 0;
    border: 1px solid #e64c66;
    //font-size: 11px;
    cursor: pointer;
    display: inline-block;
    width: 29%;
    text-align: center;
}

.patrolBox:hover {
    background-color: #fadbe0;
}

.patrolBox-selected, .patrolBox-selected:hover {
    background-color: #e64c66;
    color: #fff;
    font-weight: bold;
}

.patrolDetailMainId {
    background-color: #e64c66;
    color: #fff;
    padding: 0 10px;
    //font-weight: bold;
    font-size: small;
}
*/

/*
 * row types
 */

.startRow {
    background-color: #cccccc;
    color: #000;
    cursor: pointer;
}

.endRow {
    background-color: #cccccc;
    color: #000;
    cursor: pointer;
}

.scanRow {
    background-color: #ccff99;
    color: #000;
    cursor: pointer;
}

.sosRow {
    background-color: #e64c66;
    color: #fff;
    cursor: pointer;
}

.incidentRow {
    background-color: #ff9900;
    color: #fff;
    cursor: pointer;
}

.locationRow {
    background-color: #eef9ff;
    color: #000;
    cursor: pointer;
}

.photoRow {
    background-color: #ffff99;
    color: #000;
    cursor: pointer;
}

.messageRow {
    background-color: #e1e6fc;
    color: #000;
    cursor: pointer;
}

.eventRow-selected, .eventRow-selected:hover {
    background-color: #394165;
    color: #fff;
}