body {
  background-color: #F9F8EF;
}

@media (min-width: 992px) {
    .container {
        /*width: 992px;*/
    }
}

@media (max-width: 992px) {
    .container {
        width: auto;
    }
}

/* ---------------------------- required fields ---------------------------- */
.form-group.required .control-label:after {
  content:"*";
  color:red;
}

/* ---------------------------- buttons ---------------------------- */
.btn {
    /*width: 100px;*/
}

.btn-default {
  color: #fff;
  background-color: #7e7e7e;
  border-color: #696969;
}

.btn-default:hover{
  color: #fff;
  background-color: #646464;
  border-color: #7e7e7e;
}

.btn-default[disabled] {
    background-color: #7e7e7e;
}

/* ---------------------------- dropdown menu ---------------------------- */
.dropdown-menu {
    background-color: rgb(252,248,227) !important;
    padding: 0 !important;
    border: none;
}
.dropdown-menu > li > a {
        padding: 13px 20px;
    }

.dropdown-menu > li > a:hover{
  /*color: #262626;*/
  text-decoration: none;
  background-color: rgb(239,238,214); /*!important;*/
}

/* ---------------------------- mobile menu ---------------------------- */

.navbar-inverse .navbar-toggle {
    border-color: #FCF8E3;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #7e7e7e;
    color: white;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: rgb(252,248,227);
    color: white;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #FCF8E3;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: black;
        font-size: 13px;
    }
}

/* ---------------------------- table ---------------------------- */
.table-bordered {
    /*border: 1px solid rgb(239, 238, 214);*/
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td {
  /*border: 1px solid rgb(239, 238, 214);*/
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  /*border-bottom-width: 1px;*/
}

/* ---------------------------- hr ---------------------------- */

hr {
    border-top: 1px solid rgb(239,238,214);
}

/* ---------------------------- banner  color ---------------------------------*/

.navbar {
    /*background-color: rgb(239,238,214);*/
    background-color: #F9F8EF;

}

/* ---------------------------- navigation bar ---------------------------- */

.navbar-inverse .navbar-nav > .active > a {
    color: #000 !important;
    background-color: rgb(239,238,214) !important;
}

.navbar-inverse .nav > li > a {
    color: white;
}


.navbar-inverse {
    border-bottom: 0px none;
}

.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
    background-color: rgb(239,238,214);
    color: #000;
}

.navbar-inverse .navbar-nav > .open > a ,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #000;
background-color: rgb(239,238,214);
}

 .navbar-fixed-top{
     position:relative;
 }

 .navbar-nav {
  margin: 0px -15px;
}
 #wrapper
 {
     margin:80px auto;
 }