/*dark*/
.vw-white-color {
  color: white;
}

.vw-black-color {
  color: black;
}

.login-wrapper .caption {
  display: none;
}
.login-wrapper input {
  max-width: inherit !important;
}

.form-label {
  color: #72768B;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}

.rounded-plus {
  border-radius: 14px;
}

a {
  color: #414659 !important;
}

.page-logo-link img, .header-logo {
  max-height: 36px;
}

.page-header .container {
  margin: 0 !important;
  max-width: 100% !important;
}
@media (max-width: 768px) {
  .page-header .container .search {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
}

.alert-danger {
  background-color: rgba(255, 84, 73, 0.12) !important;
  border: none;
}

.text-danger {
  color: #DE3730 !important;
}

input, select {
  border-radius: 5px;
}
input:focus, select:focus {
  border-color: #72768B !important;
}

.input-group > .input-group-append .btn {
  position: absolute;
  border: none;
  background-image: unset;
  background-color: transparent;
  right: -10px;
  color: var(--theme-secondary);
  z-index: 999;
}
.input-group > .input-group-append .btn:active {
  border: none;
  border-color: unset !important;
  box-shadow: unset !important;
}
.input-group > .form-control:not(:last-child), .input-group .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
  border-radius: 14px !important;
}

.form-control.custom-select {
  border-radius: 14px !important;
}

custom-control-label::before,
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input:active:not(:checked) ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: white;
  border-color: #414659;
  color: #414659;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23414659' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.page-content {
  background: none !important;
}

.page-content-wrapper {
  background: url("/img/backgrounds/vw-bg.jpg") no-repeat center bottom fixed;
  background-size: cover;
}

.page-header {
  background: none;
  border-bottom: none !important;
}

.btn {
  border-radius: 14px;
}

.btn-primary {
  background-color: #ED5D23;
  border-color: #ED5D23;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  box-shadow: none !important;
  background-color: #d84b12 !important;
  border-color: #d84b12 !important;
}
.btn-primary:disabled {
  background-color: #cc4711;
  border-color: #cc4711;
}

.btn-outline-secondary, .btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus {
  color: #72768B !important;
  border-color: #72768B;
  box-shadow: none;
}

.btn-outline-secondary:hover, .btn-outline-secondary:active {
  background-color: rgba(239, 240, 249, 0.52) !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  background: none;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-link {
  border: none;
  background: none;
  color: #414659;
}
.btn-link:hover {
  text-decoration: none;
  color: #414659;
}