.navbar-default{
  background-color:white;
  height:40px;
}
.btn-sidebar{
  margin-top:3px;
  margin-left: -10px;
   background-color:#025215;
 
}
.image_brand{
  padding-top: 5px;
}
.btn-sidebar:hover{
  margin-top:3px;
  margin-left: -10px;
  opacity: 0.8;
}
.xs-menu-left{
  right: 0;
  left: auto;
}
#main-header{
  background-color: #025215;
  border-bottom: 1px solid grey;
}
.header-top{
  border-bottom: 1px solid white;
}
.header-bottom{
    background-color: #fcfcfc;
}
.navbar-kanan{
  float:right;
}
.navbar-kiri{
  margin-left: -25px;
}
.navbar-date{
  font-size: 20px;
  vertical-align: middle;
  line-height: 1px;
}
.nav > li:hover {
  /*opacity: 0.8;*/
}
#bottom_menu li> a{
  margin-right: 3px;
  padding-bottom:7px;
  color: #025215;
  font-weight:bold;
}
#bottom_menu li> a:hover{
  background-color:  #025215!important;
  color: white;
 
}
.round_text{
  border-radius: 100%;
  border: 1.5px solid #FFF;
  max-width: 50px;
  padding: 5px;
  margin-right: 3px;
}
.red_date{
  background-color:  #ffffff!important;
  color: #025215;
}
.blue_date{
  background-color:  #ffffff!important;
  color: #025215;
}
.green_date{
  background-color:  #ffffff!important;
  color: #025215;
}
.grey > a{
  background-color:#025215!important;
  color: white;
  -webkit-border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  border-radius: 0px!important;
}
.purple  > a{
  background-color: #762c59!important;
  color: white!important;
  -webkit-border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  border-radius: 0px!important;
}
.green > a{
  background-color: #2c7659!important;
  color: white!important;;
  -webkit-border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  border-radius: 0px!important;
 
}
.red > a{
  background-color:#763930;
  color: white;
    -webkit-border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  border-radius: 0px!important;
 
}
.light-blue > a {
  background-color:#025215!important;
  color: white;
    -webkit-border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  border-radius: 0px!important;
 
}
.user-info{
  max-width: 100px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
  position: relative;
}
.nav-user-photo {
  margin: -12px 0 -10px -10px;
  border-radius: 100%;
  border: 0px solid #ffffff;
  max-width: 50px;
}
 
@media (max-width: 767px) {
.xs_color{
  background-color: #025215;
  padding-top: 3px;
  border-top:1px solid #ffffff;
}
.navbar-kanan{
  float: none!important;
  margin-left: -10px;
 
}
.navbar-kiri{
  margin-left: -5px;
}
.btn-sidebar{
  margin-left:-10px;
}
 
}