.form-select:focus,.accordion-button:focus{
  box-shadow: none;
  border-color: var(--color-accent-light);
}
.accordion-button:not(.collapsed){
  color: var(--color-accent-light);
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus,
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.form-control:focus{
  box-shadow: none;
  border-color: var(--color-accent-light);
}
.form-control,.form-select{
  font-size: var(--font-size-body);
}
.btn-outline-primary {
    background: var(--color-dull-dark);
    border-color: var(--color-dull-dark);
    color: var(--color-neutral-light-100);
}
.btn-outline-primary:hover,.btn-danger:hover{
    background: var(--color-accent-light);
    border-color: var(--color-accent-light);
    color: var(--color-neutral-light-100);
}
/* Chrome border line */
button:focus {
  outline: none !important;
}
.btn-check:focus + .btn, .btn:focus{
  box-shadow: none;
}
legend {
  font-size: var(--font-size-title);
  padding: 7px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--color-neutral-light-90);
}
label {
  font-size: var(--font-size-h5);
  font-weight: normal;
}
.list-unstyled a {
  text-decoration: none;
}
.nav-tabs {
  margin-bottom: 15px;
}
div.required .col-form-label:before, div.required .form-label:before {
  content: "* ";
  color: var(--color-required);
  font-weight: bold;
}
@media (min-width: 768px) {
  .col-form-label {
    text-align: right;
  }
}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:hover{
  background-color: transparent;
  color: var(--color-accent-light);
}
.pagination {
  margin: 0;
}

/* buttons */
.btn-light {
  color: var(--color-neutral-light-100);
  background-color: var(--color-accent-light);
  border-color: var(--color-accent-light);
  font-size: var(--font-size-body);
  padding: 4px 10px;
}
.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.disabled, .btn-light[disabled] {
  color: var(--color-neutral-dark-20);
  background-color: var(--color-neutral-light-90);
  border-color: var(--color-neutral-light-65);
  background-position: 0;
}
.btn-primary {
  color: var(--color-neutral-light-100);
  background-color: var(--color-accent-light);
  border-color: var(--color-accent-light);
  font-size: var(--font-size-body);
  padding: 4px 10px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: var(--color-neutral-dark-00);
  border-color: var(--color-neutral-dark-00);
  color: var(--color-neutral-light-100);
}
.btn-warning {
  color: var(--color-neutral-light-100);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, var(--color-warning-lighter), var(--color-warning-darker));
  background-repeat: repeat-x;
  border-color: var(--color-warning-darker) var(--color-warning-darker) var(--color-warning-darkest);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: var(--color-neutral-light-100);
	text-shadow: none;
	background-color: var(--color-alert);
	background-image: none;
	border-color: var(--color-alert);
	font-size: var(--font-size-body);
	padding: 4px 10px;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  box-shadow: none;
}
.btn-success {
  color: var(--color-neutral-light-100);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, var(--color-success-lighter), var(--color-success-darker));
  background-repeat: repeat-x;
  border-color: var(--color-success-darker) var(--color-success-darker) var(--color-alert-darkest);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
  color: var(--color-neutral-light-100);
  background-color: var(--color-accent-light);
  border-color: var(--color-accent-light);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background-color: var(--color-contraccent-dark);
  border-color: var(--color-contraccent-dark);
  color: var(--color-neutral-light-100);
}
.btn-link {
  border-color: var(--color-neutral-light-100);
  cursor: pointer;
  color: var(--color-link-light);
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: var(--color-neutral-light-100);
  background-image: none;
  box-shadow: none;
}
.btn-inverse {
  color: var(--color-neutral-light-100);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--color-neutral-dark-20);
  background-image: linear-gradient(to bottom, var(--color-neutral-dark-25), var(--color-neutral-dark-15));
  background-repeat: repeat-x;
  border-color: var(--color-neutral-dark-15) var(--color-neutral-dark-15) var(--color-neutral-dark-00);
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  background-color: var(--color-neutral-dark-15);
  background-image: linear-gradient(to bottom, var(--color-neutral-dark-20), var(--color-neutral-dark-05));
}
.button-group button, .button-group a {
    background: var(--color-neutral-light-100);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    border: none;
    border-radius: 4px;
    padding: 10px 7px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    vertical-align: middle;
    transition: all 500ms ease 0s;
    transform: scale(1);
    fill: var(--color-link-dark);
    display: inherit;
    text-align: center;
    display: inline-block;
    font-size: var(--font-size-title);
}