tr:nth-child(even) {
    background-color: #f2f2f2
}
.navbar-default {
    background-color: #015fb0; /* the main bar color default background  #2853e6*/
    border-color: #0c24bc;   /*active background*/
}
.navbar-default .navbar-brand {
    color: #ecf0f1;   /*default color*/
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #edc94e;  /* active color */
}
.navbar-default .navbar-text {
    color: #ecf0f1;   /*default color*/
}
.navbar-default .navbar-nav > li > a {
    color: #ecf0f1;   /*default color*/
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #edc94e;  /* active color */
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #edc94e;  /* active color */
    background-color: #0c24bc;;  /*active background*/
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #edc94e;  /* active color */
    background-color: #428bca ;  /*active background #0c24bc   */
}
.navbar-default .navbar-toggle {
    border-color: #428bca;  /*active background  #0c24bc */
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #0c24bc;  /*active background*/
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #428bca;   /*default color #ecf0f1  */
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #428bca;   /*default color #ecf0f1 */
}
.navbar-default .navbar-link {
    color: #ecf0f1;   /*default color*/
}
.navbar-default .navbar-link:hover {
    color: #edc94e;  /* active color */
}
tr.even-row {
    background-color: lightgrey
}
.panel-primary {
    color: black;  /* input field text color */
}
.panel-heading {
    color: red;  /* input field text color no affect*/
}