.spinner-overlay {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    color: #000;
    margin: auto;
}

.actual-spinner {
    bottom: 0;
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
}

#qa-message {
    background-color:#f00;
    color:#fff;
    font-weight:bold;
    padding:5px;
    text-align:center;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

.validation-error label.control-label {
    color:#f00;
}

/*ADD UNIQUE CSS eg Tidus water back ground and tile backgrounds so if update theme don't lose changes!!!!*/'

.validation-error input {
    border-color: red;
}
.validation-error input,  .validation-error select, .validation-error textarea{
    border-color: red;
}
.validation-error span.input-group-addon {
    background-color:#fec5c5;
    border-color:red;
    color:red;
}
.validation-error div[ng-message] {
    color:red;
}


.navbar-static-top {
    background:url('../img/waterheader.jpg');
    padding-top: 10px;
}

.sidebar ul li a.active {
    background:url('../img/bit-tile-blue.gif');
    background-repeat: repeat-x;
    background-repeat: repeat;
    background-repeat: repeat-y;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    height: 100%;
    background:url('../img/bit-tile-blue.gif');
    background-repeat: repeat-x;
    background-repeat: repeat;
    background-repeat: repeat-y;
}

.panel-sea .panel-heading {
    border-color: darkcyan;
    color: #fff;
    background-image: url('../img/bit-tile-blue.gif')
}

a {
    color: midnightblue;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: blueviolet;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: aquamarine;
    background-color: transparent;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #428bca;
}

h2 {
  margin: .67em 0;
  font-size: 1em;
  font-weight: bold;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: darkcyan;
}

.evalscores {
  margin: .67em 0;
  font-size: 1.2em;
  font-weight: bold;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #FFFFFF;
  background-color: cornflowerblue;
}


.control-label {
  font-size: 1em;
  font-weight: bold;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: darkcyan;
}

label {
  font-size: 1em;
  font-weight: bold;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: darkcyan;
}
/*title at top*/
.navbar-default .navbar-brand {
    color: #FFFFFF;
    font-size: 23px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;

}

/* navbar */
.navbar-default {
    background-color: #f00;
    border-color: chartreuse;
}

.clickable {
    cursor:pointer;
}

.my-divider {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

    .my-divider span {
        background: #fff;
        padding: 0 10px;
    }

.btn-waythrough-green, .badge-waythrough-green {
    background-color: #599878;
    color: #FFFFFF;
}

    .btn-waythrough-green:hover, .badge-waythrough-green:hover {
        background-color: #599878;
        color: #FFFFFF !important;
        font-weight: normal
    }