.form-control, .form-control:active, form-control:focus, form-control:visited {
  background-color: #A64423;
  color: #FFC1A1;
  border: 1px solid #FFC1A1;
}

.btn-primary {
  background-color: #A64423;
  color: #FFC1A1;
  border-color: #007bff;
}

.btn-primary:hover {
  background-color: #A64423;
  color: #FFC1A1;
  border-color: #0062cc;
}

.dropdown {list-style: none; background: green; padding: 10px; display: inline-block;}
.dropdown .nav-link {color:#fff; text-decoration: none;}
.dropdown .dropdown-menu a{color: #000; text-decoration: none;}
.dropdown .btn {background: green; color:#fff;}
.dropdown .btn:hover {background: cyan; color:#000;}
.dropdown .btn:active {background: cyan; color:#000;}
.dropdown .btn:focus {background: cyan; color:#000;}
.dropdown-menu .dropdown-item {display: inline-block; width: 100%; padding: 10px 5px;}
.container .dropdown .dropdown-menu a:hover

.selectContainer {
  width: 200px
}

/* 1. Change color of the first option [Nothing selected] when select menu is closed? */
.bootstrap-select.btn-group .dropdown-toggle[title="[Nothing selected]"] .filter-option {
  color: red;
}

/* 2. Change color when there are chosen other select options when select menu is closed? */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: blue;
}

/* 3. Change option's color when the select menu is opened? */
.bootstrap-select.btn-group .dropdown-menu>li>a {
  color: green;
}

/* 4. Change color when option on hover when select menu is opened? */
.bootstrap-select.btn-group .dropdown-menu>li>a:hover:not(:focus) {
  color: orange;
}

/* 5. Change background color of the whole select menu when is opened? */
.bootstrap-select.btn-group .dropdown-menu {
  background-color: yellow;