body {
    background-color: #FFF;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
}

#wrapper {
    width: 100%;
    background-color: #464646;
}

thead{
  background-color: rgba(52, 128, 67, 0.33);
}

tfoot{
    background-color: rgba(52, 128, 67, 0.33)!important;
    font-size: 12px!important;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% { opacity: 0; }
}

.navbar-default {
    background-color: #464646;
    border-color: #464646;
}

.nav a {
    color: #FFF;
    text-decoration: none;
}

.sidebar ul li a.active {
    background-color: #909090;

}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #000;
}

.sidebar ul li {
    border-bottom: 1px solid #696868;
}

.logo1 a {
    background-color: #f5f5f5!important;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.form-signin .form-control {
    position: relative;
    height: auto!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin input[type="text"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-signin select {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-add-user{
  max-width: 800px;
  padding: 15px;
    margin: 0 auto;
}

/*.navbar-top-links {
    margin-right: 0;
    float: right;
}*/


.lb-data .lb-close, .lb-data .lb-print {
    width: 30px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
    /* float: none; */
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    min-width: 250px;
    min-height: 250px;
}

.page-header {
  padding-bottom: 9px;
  margin: 13px -5px 5px;
  border-bottom: 0px solid #eee;
}

.panel-yellow > .panel-heading {
    border-color: #710d9c;
    color: white;
    background-color: #710d9c;
}

.panel-yellow {
    border-color: #710d9c;
}

.panel-yellow2{
  border-color: #9c370d;
  color: white;
  background-color: #9c370d;
}

.panel-yellow > a {
    color: #000000;
}

.panel-yellow > a:hover {
    color: #000000;
}

.dataTables_length{
  float: left;
}

.ui-widget-header {
    border: 0px solid #FFF!important;
    background: #FFF!important;
    color: #333333;
    font-weight: bold;
}

.ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
}

a.dt-button{
  background-color: #464646!important;
  background-image: none;
  color: #FFF;
}

a.dt-button:hover:not(.disabled){
  background-color: #FFF!important;
  background-image: none;
  color: #464646;
}

.panel-body{
      background-color: #f5f5f5;

}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #9E9E9E;
    background: #9E9E9E;
    font-weight: normal;
    color: #ffffff;
}

/*.table-hover>tbody>tr:hover {
    background-color: #464646;
    color: #FFF;
}

.table-hover>tbody>tr:hover a {
    color: #fff;
}

.table-hover>tbody>tr a:hover {
    color: #FFF!important;
}*/

@media (min-width: 768px){
  #page-wrapper {
      position: inherit;
      margin: 0 0 0 250px;
      padding: 0 30px;
      padding-bottom: 30px;
      border-left: 1px solid #DDD;
  }

  .sidebar{
    height: 96.4vh;
    border-right:  0px solid #DDD!important;
  }

}