a.btn.disabled {
    /* fix for: https://github.com/twbs/bootstrap/issues/16088 */
    pointer: not-allowed;
    pointer-events: all !important;
}
h1 {
   margin-top:6px;
}
.btn-bar {
    margin-bottom: 10px;
}
.clickme:hover {
    color: #fff;
    cursor: pointer;
    background: #424242;
}
.content {
    font-size: 20px;
}
.navbar-brand-img {
    float: left;
    margin-top:3px;
    padding: 5px;
}
.form-signin {
    max-width: 500px;
    padding: 15px;
    margin: 0 auto;
    background: #e4e6e6 !important;
}
th.br {
    border-right:1px solid #ddd;
}
td.br {
    border-right:1px solid #ddd;
}
td.c-edit input {
    width: 100%;
}
td.c-edit-name input {
    display:inline-block;
    width: 50%;
}
th.center {
    text-align:center;
}
td.center {
    text-align:center;
}
th.number {
    text-align:right;
}
td.number {
    text-align:right;
}
td.number.total {
    border-top:3px solid #000;
}
tr.total {
    border-top:3px solid #000;
}
.panel-heading {
    font-weight:bold;
}
div.panel-heading > small {
    font-weight:normal;
}
span.pagination-container {
    float:right
}
ul.pagination {
    margin: 0 !important;
}
ul.pagination > span {
    line-height: 34px;
}
th.right {
   text-align:right;
}
.glyphicon-refresh-animate {
   -webkit-animation-name: rotateThis;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
}
@-webkit-keyframes "rotateThis" {
 from {
        -webkit-transform: rotate( 0deg );
    }
 to  {
        -webkit-transform: rotate( 360deg );
    }
}
.loader{
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
.loader span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #337ab7;
  margin: 35px 5px;
  opacity: 0;
}
.loader span:nth-child(1) {
  animation: opacitychange 1s ease-in-out infinite;
}
.loader span:nth-child(2) {
  animation: opacitychange 1s ease-in-out 0.33s infinite;
}
.loader span:nth-child(3) {
  animation: opacitychange 1s ease-in-out 0.66s infinite;
}
@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }
  60%{
    opacity: 1;
  }
}
.panel-heading {
    padding: 10px;
}
.th-label {
    width: 6em;
}
.th-label-edit {
    width: 6em;
    line-height:32px !important;
}
select.form-control {
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 34px !important;
}
.select2-selection--single .select2-selection__rendered {
    height: 34px !important;
    line-height: 34px !important;
}
.dropdown-menu>span>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.navbar {
    margin-bottom: 0px !important;
}
@media (min-width: 992px) {
    .page-layout-body {
        overflow-y: auto;
        height:100vh;
    }
    .page-layout-sidebar {
        border-left: 1px solid #333;
        min-height: 100vh;
    }
}
@media (max-width: 991px) {
    .page-layout-container {
        display: flex;
        flex-direction: column-reverse;
    }
    .page-layout-sidebar {
        border-bottom: 1px solid #333;
    }
    .recent-updates-table>tbody>:nth-child(n+11) {
        display:none;
    }
}
.page-layout-sidebar table {
    margin-bottom:10px;
}
.sidebar-nav {
    width: 100%;
}
.sidebar-nav>li {
    width: 20%;
    text-align: center;
    float: left;
}
.panel-body>div.panel:last-child {
    margin-bottom: 0px;
}
.rule-panel-body-even {
    background-color:#777;
}
.rule-panel-body-odd {
    background-color:#424242;
}
.has-error .select2-selection {
    border-color: #a94442 !important;
}
.has-success .select2-selection {
    border-color: #3c763d !important;
}
.has-warning .select2-selection {
    border-color: #8a6d3b !important;
}
.select2-results__option {
    padding: 2px !important;
    border-top: 1px solid #e4e6e6;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px !important;
}
.header-text-input {
    border-radius: 0;
    border-style: dashed;
    border-width: 0 0 1px 0;
    box-shadow: none !important;
    width: 100%;
    height: 39.6px;
    font-size: 36px;
    color: #333;
    padding-left: 0;
}
@media (min-width: 992px) {
    .header-text-input {
        min-width: 17em;
    }
}
.navbar-nav {
    float: left;
    margin: 0;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}