body {
  background-color: rgb( 235, 237, 239 );
}


.btn-block {
    padding: 3% 0;
}

.tree .list-group-item{cursor:pointer}
.tree span.indent{margin-left:5px;margin-right:50px}
.tree span.icon{width:12px;margin-right:12px}
.tree .node-disabled{color:silver;cursor:not-allowed}


table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}


td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #fbfbfb ;
}

.panel.panel-shadow {
      border-radius: 5px;
      box-shadow: 2px 2px 2px #c7c7c7;
 }

.navbar {
    border-radius: 0px;
}

#muteFilterGroup .btn-default,
#activeFilterGroup .btn-default,
#viewStateGroup .btn-default {
    background-color: #444;
    border-color: #555;
    color: #ccc;
}
#muteFilterGroup .btn-default:hover,
#muteFilterGroup .btn-default:focus,
#activeFilterGroup .btn-default:hover,
#activeFilterGroup .btn-default:focus,
#viewStateGroup .btn-default:hover,
#viewStateGroup .btn-default:focus {
    background-color: #555;
    border-color: #666;
    color: #fff;
}

#muteFilterGroup.btn-group,
#activeFilterGroup.btn-group,
#viewStateGroup.btn-group {
    display: inline-flex;
}

#muteFilterGroup .btn,
#activeFilterGroup .btn,
#viewStateGroup .btn {
    flex: 1;
    font-size: 14px;
    line-height: 1.42857143;
    padding: 2px 12px;
}

.navbar-filter-controls.navbar-filter-controls {
    padding-top: 8px;
    padding-bottom: 8px;
}

ng-gantt td {
        font-size: 20px !important;
}

ng-gantt td > div {
        font-size: 20px !important;
 }



.tree li {
    margin: 0px 0;

    list-style-type: none;
    position: relative;
    padding: 15px 5px 7px 5px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        45%;
    left:       45%;
    height:     10%;
    width:      10%;
    background: rgba( 255, 255, 255, 0 )
                url('/static/wait.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}