body {
  background-color: #1a1c23;
  color: #c0c0c0;
  font-family: "Open Sans", serif;
}

.form-control,
.form-select {
  background-color: #1a1c23;
  color: #ffffff;
  border: 1px solid #c0c0c0;
  border-radius: 8px;
  outline: none;
}

.form-control:focus,
.form-control:hover,
.form-select:focus,
.form-select:hover {
  background-color: #1a1c23;
  color: #ffffff;
  border-color: #ffffff;
  box-shadow: none;
  outline: none;
}

.form-control:hover::placeholder {
    color: #ffffff;
  }
  
  .form-control:focus::placeholder {
    color: transparent;
  }

select.classic {
  background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%),
    linear-gradient(135deg, #ffffff 50%, transparent 50%),
    linear-gradient(to right, #1a1c23, #1a1c23);
  background-position: calc(100% - 18px) calc(1em + 0.5px),
    calc(100% - 13px) calc(1em + 0.5px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.27em 2.5em;
  background-repeat: no-repeat;
}

.input-group-text
{
    background-color: #c0c0c0;
    border-radius: 8px;
}

.input-group-text:hover
{
    background-color: #ffffff;
    color: #000000;
}

.btn-primary {
  background-color: #c0c0c0;
  color: #1a1c23;

  border: none;
  border-radius: 8px;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #ffffff;
  color: #000000;
  font-weight: bolder;
  box-shadow: none;
  outline: none;
}

a {
  color: #c0c0c0;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  font-weight: bold;
}

.h-90 {
  height: 90%;
}

.w-90 {
  width: 90%;
}

.w-max-content
{
  width: max-content;
}

.checkbox-big {
  min-width: 30px;
  width: 30px;
  min-height: 30px;
  height: 30px;
}

.form-check-input {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
}

.form-check-input:focus {
  box-shadow: none;
  border-color: #c0c0c0;
}

.form-check-input:checked {
  background-color: #1a1c23;
  border-color: #ffffff;
}

.bg-primary {
  background-color: #1a1c23 !important;
}

.bg-light {
  background-color: #c0c0c0 !important;
}

.accordion-item
{
  background-color: #1a1c23;
}

.accordion-button
{
  color: #c0c0c0;
  background-color: #1a1c23;
  border: 1px solid #c0c0c0;
}

.accordion-button:focus
{
  border-color: #c0c0c0;
}

.accordion-button:not(.collapsed) {
    background-color: #c0c0c0;
    border-color: #c0c0c0;
    color: #000000;
}

.accordion-button:not(.collapsed):after {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  color: #000000;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c0c0c0'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-body {
    border: 1px solid #2b2d34;
}

.text-invalid
{
    color: #ff0800 !important;
}

.border-bottom-1
{
    border-bottom: 1px solid #c0c0c0;
}

.border-bottom-1:hover
{
    border-bottom: 1px solid #ffffff;
}