#exTab1 .tab-content {
color: #c5c5c5 !important;
  background-color: rgb(164, 164, 164);
  padding : 5px 15px;
}

.nav-pills > li {

    /*background-color: rgb(164, 164, 164);*/
    background-color: #000000;
     font-weight: 400;
     border-radius: 6px;
     margin: 5px;
     box-shadow: 0px 2px 2px gray;
     color: #c5c5c5 !important;
     
}

.nav-pills > li.active , .nav > li.active{
    border-radius: 6px;
}

#exTab1 .nav-pills > li.active > a {
  
    color: #000000 !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover li {
   
   background-color: #36a7c6;
   color: #000000;
   
}

/*
.nav-pills > li:hover{
    background-color: rgb(164, 164, 164);
}
.nav > li:hover{
    background-color: rgb(164, 164, 164);
}*/

/*.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: red;
}*/

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

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 6px;
  color: #c5c5c5 !important;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}
.ui-datepicker {
   background: #333;
   border: 1px solid #555;
   color: #EEE;
 }