/**************************
 *  BEGIN sticky footer
 *  see http://getbootstrap.com/examples/sticky-footer-navbar/
 */

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

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    color:#373a3c !important;
}

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

/*    END sticky footer
 **************************/

body > .container {
    padding: 60px 15px 0;
}

.container .text-muted {
    margin: 20px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}


.label-0 {
  background-color: #777;
}
.label-0[href]:hover,
.label-0[href]:focus {
  background-color: #5e5e5e;
}
.label-5 {
  background-color: #337ab7;
}
.label-5[href]:hover,
.label-5[href]:focus {
  background-color: #286090;
}
.label-4 {
  background-color: #5cb85c;
}
.label-4[href]:hover,
.label-4[href]:focus {
  background-color: #449d44;
}
.label-3 {
  background-color: #5bc0de;
}
.label-3[href]:hover,
.label-3[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-2[href]:hover,
.label-2[href]:focus {
  background-color: #ec971f;
}

.label-1 {
  background-color: #d9534f;
}
.label-1[href]:hover,
.label-1[href]:focus {
  background-color: #c9302c;
}

.priority_column {
    text-align: left;
    width: 15%;
}


/*
 Nav bar
  */



.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.dropdown-menu li {
  display: block;
}
.spacer{
    margin-top:35px;
}
.blue-batches{
    color:white;
    background-color: #338EFF;
    margin-left:5px;
}

.action{
    cursor: pointer;
}

.area-filter button {
    margin-right: 6px;
}

.area-accordions {
    margin-top: 15px
}

/* needed for cloaking angular filled widgets for avoiding flicker */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.area-filter{
    margin-right:10px;
}

.area-filter input[type="checkbox"]{
    margin: 4px 8px 0;
}

.panel-heading{
    background-image: none !important;
    background-color: rgba(213, 213, 211, 0.85) !important;
    color:#373a3c !important;



}
.panel-heading:hover{

    background-color: rgba(176, 176, 174, 0.85) !important;
    -webkit-transition: background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
}


.panel-heading a{
    width:100%;
    display:block;
    text-decoration: none;
    outline: 0;
}
.panel-primary{
    border:none;
}

.nav-up {
    top: -50px;
}

/*
Schedeuler
 */

.filter input[type=checkbox]{
    margin:5px;
}

/*
Message Box helpdesk_single.html
 */


#layerMsgBox{
    top:0;
    left:0;
    padding:10%;
    position:fixed;
    z-index:10000;
    width:100%;
    height:100%;
    background-color: rgba(255,255,255,0.9);
    display:none;
}
#layerMsgBox form button{
    margin:0px 10px 0 0;
}
