/*-------------------------------------- Login Form ---------------------------------------*/
.srstyle-btn-signin{
  background-color:#7e7e7e !important;
  color: #dBdBdB;
}

.srstyle-btn-signin:hover{
  background-color:#ff5c14 !important;  
  color: white;
}

.srstyle-modal-content{
  border-left: 30px solid #4e4e4e;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px; 
}
/*-----------------------------------------------------------------------------------------*/

/*-------------------------------------- Panel Tabel --------------------------------------*/

.srstyle-title{
    /*background-color: #4e4e4e;*/
    background-color: #3a3a3a; 
    color: white;    
}
/*-----------------------------------------------------------------------------------------*/


.navbar {
  background-color: #3a3a3a; 
}

.navbar-brand {
  color: white; }
  .navbar-brand:hover {
    color: #ff5c14; }
  .navbar-brand:active {
    color: white; }
  .navbar-brand:focus {
    color: #ff5c14; }


 .nav > li > a {
  color: #fff; }
  .nav > li > a:hover {
    background-color: transparent; }
  .nav > li > a:focus {
    background-color: transparent; }

.nav .open > a {
  background-color: transparent; }
.nav .open > a:hover {
    background-color: transparent; }
.nav .open > a:focus {
    background-color: transparent; }

.sidebar{
  background-color: #3a3a3a;
}

.sidebar .menu .list li > a{
  background-color: #4e4e4e;
  color: white;
   }

.sidebar .menu .list li > a > span{  
  color: white;
   }

.sidebar .menu .list li > a:hover {
  background-color: #ff5c14;
}

.sidebar .menu .list li.active {
  background-color: transparent; }
  .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span {
    color: white; }

.sidebar .menu .list .toggled {
  background-color: #3e3e3e;
}

.sidebar .menu .list .ml-menu {
  background-color: silver; }

.sidebar .legal {
  background-color: #3a3a3a; 
  color: white;
  text-align: center;
}

.sidebar .user-info {
  background-color: #3a3a3a !important;
}

  /*.sidebar .legal .copyright a {
    color: red !important; }

.sidebar .legal .version {
*/
.navbar .bars, .navbar .material-icons{
  color: #d8d8d8;  
}

.navbar .bars:hover {
  color: white;
  border: 1px solid #cf3c14;
}

.navbar .material-icons:hover {
  color: white;
  border: 1px solid #cf3c14;
}

.srstyle-btnnavbar button:hover {
  color: white;
  border: 1px solid #cf3c14 !important;
}
.panel > .panel-heading{
    background-color: #4e4e4e;    
}

.tooltip-logout + .tooltip > .tooltip-inner {
      background-color: #ff5c14; 
      color: #FFFFFF; 
      border: 1px solid #cf3c14; 
      padding: 5px;
      font-size: 15px;
  }
  
  /* Tooltip on right */
  .tooltip-logout + .tooltip.right > .tooltip-arrow {
      border-right: 5px solid #ff5c14;
  }

.tooltip-general + .tooltip > .tooltip-inner {
      background-color: #4e4e4e; 
      color: #FFFFFF; 
      border: 1px solid #2e2e2e; 
      padding: 5px;
      font-size: 15px;
  }
  
  /* Tooltip on right */
  .tooltip-general + .tooltip.bottom > .tooltip-arrow {
      border-right: 5px solid #4e4e4e;
  }

.nav-pills>li>a {
  background-color: #4e4e4e;
  color: white;
}

.nav-pills>li>a:hover {
  background-color: #dadada;
  color: black;  
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  background-color: #ff5c14;
  border-right:4px solid #dadada;
}

.nav-pills>li>a:focus{
  background-color: #7e7e7e;
}

.nav-pills li a span{
  color: white;
}

#user-aktif > ul{
  background-color: #7e7e7e;
}

#user-aktif > ul > li, #user-aktif > ul > li > a{
  color: white;
}

#message-changepassword{
  color: white;
}

.srstyle-button:focus{
  background-color: #ff7c14 !important;
}

/*input:not(readonly=""):focus, input.dhxcombo_input:focus{
  background-color: #ffffaa !important; 
}*/

input:focus, input.dhxcombo_input:focus, textarea:focus{
  background-color: #ffffaa !important; 
}

input[readonly]:focus{
  background-color: #eeeeee !important; 
}

input[type=checkbox]:focus+label, input[type=radio]:focus+label{
  color: #ff5c14 !important;  
}