/*
 * Bootstrap 3 - Overrides & Additions
 * @CM
 */

/* @CM Prevent horizontal scrollbar */
body { 
    overflow-x: hidden;
}

/* Nav Bar  */
.navbar-right {
    margin-right: 10px;
    margin-left:  10px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
    background-color: #F0F0F0;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #555;
    color: #F0F0F0;
}
.navbar-default .navbar-nav > li > a {
    color: #ccc;
    font-size: 14px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #333;
    color: #ddd;
}
#masthead .navbar-header,
#masthead .navbar-collapse {
    background-color: #555; 
    color:#ccc;
}
.navbar-toggle {
    margin-right: 25px;
    background-color: #ddd;
}
/* ---   Collapsed Mode  ---  */ 
@media only screen and (max-width : 768px) {
    .navbar-default .navbar-nav > li {
        border-bottom: 1px solid #ccc;
    }
}

/* Override default colour */
.btn-default {
    background-color: #E0E0E0;
}

.container-fluid {
    padding: 0px; 
    background-color: #F0F0F0; 
    min-width: 480px;
}

/* Add padding to messages */
.msg {
    padding: 10px;
    margin: 5px 0px;
    text-align: center;
}

/* Add a dark-grey button style */
.btn-inverse { 
  color: #ffffff; 
  background-color: #333; 
  border-color: #000000; 
} 
 
.btn-inverse:hover, 
.btn-inverse:focus, 
.btn-inverse:active, 
.btn-inverse.active, 
.open .dropdown-toggle.btn-inverse { 
  color: #ffffff; 
  background-color: #404040; 
  border-color: #000000; 
} 
 
.btn-inverse:active, 
.btn-inverse.active, 
.open .dropdown-toggle.btn-inverse { 
  background-image: none; 
} 
 
.btn-inverse.disabled, 
.btn-inverse[disabled], 
fieldset[disabled] .btn-inverse, 
.btn-inverse.disabled:hover, 
.btn-inverse[disabled]:hover, 
fieldset[disabled] .btn-inverse:hover, 
.btn-inverse.disabled:focus, 
.btn-inverse[disabled]:focus, 
fieldset[disabled] .btn-inverse:focus, 
.btn-inverse.disabled:active, 
.btn-inverse[disabled]:active, 
fieldset[disabled] .btn-inverse:active, 
.btn-inverse.disabled.active, 
.btn-inverse[disabled].active, 
fieldset[disabled] .btn-inverse.active { 
  background-color: #333; 
  border-color: #000000; 
} 
 
.btn-inverse .badge { 
  color: #333; 
  background-color: #ffffff; 
}

/* TABLES */
table.borderless td,
table.borderless th {
     border: none !important;
}

label {
    font-weight: normal;
    max-width: none;
}

/* jQuery Over-ride */
.ui-datepicker-trigger {
    margin-left:5px;
    margin-top: 8px;
    margin-bottom: -3px;
}


/* @CM Styled radio buttons */
.btn-group-radio input[type=radio] {
    display:none;
}

.btn-group-radio input[type=radio]:checked + .btn {
    color: #333;
    border-color: #adadad;
    background-color: #fff;
    outline: 0;
    cursor: default;
    opacity: 0.65;
    filter: alpha(opacity=65);
}

/* display not-allowed cursor on radios.. */
.btn-group-radio input[type=radio][disabled] + .btn {
    pointer-events: auto;
    cursor: not-allowed;
}

.btn-group-radio > input:first-child + .btn {
  margin-left: 0;
     -webkit-border-top-left-radius: 4px !important;
         -moz-border-radius-topleft: 4px !important;
             border-top-left-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
      -moz-border-radius-bottomleft: 4px !important;
          border-bottom-left-radius: 4px !important;
}

/* Force alternate color on a row of a table that does not alternate */
/* .table-striped > tbody > tr:nth-of-type(odd) { */
tbody > tr.alternate {
  background-color: #f9f9f9;
}

/* @CM Pills for DB Tables column flags */
.pill {
    display: inline-block;
    padding: 3px 10px;
    margin: 2px 4px 2px 0;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    opacity: 0.75;
}
.pill-pri {
    background-color: #337ab7;
}
.pill-ai {
    background-color: #5cb85c;
}
.pill-nn {
    background-color: #f0ad4e;
}