/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/


:root {
  --bs-primary: #006ab2;
  --bs-primary-rgb: 0, 42, 70;
}

.btn-primary {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover {
    /**** Änderung auf #5076FF von    #cce1f0***/
  color: #000;
  background-color: #5076FF;
  
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
  color: #ffffff;
  /**** Änderung auf #5076FF von    #cce1f0***/
  background-color: #5076FF;
  
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #000;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-outline-primary:hover {
  color: #000;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary:active:focus, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary.show {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: var(--bs-primary);
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #000;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #000;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(17, 148, 78, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #000;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.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: 0 0 0 0.25rem rgba(17, 148, 78, 0.5);
}

.btn-check + .btn-primary:hover {
  color: #ffffff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: none;
}
.btn-check + .btn-primary:active, .btn-check + .btn-primary.active, .btn-check + .btn-primary:active:focus {
  color: #ffffff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: none;
}
.btn-check:active + .btn-primary {
  color: #ffffff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: none;
}
.btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary {
  color: #ffffff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: none;
}

.btn-link {
  color: var(--bs-primary);
}
.btn-link:hover, .btn-link:focus {
  color: var(--bs-primary);
}

.link-primary {
  color: var(--bs-primary);
}

.fruity_twentythree .input-group-addon {
  color: white;
  background-color: var(--bs-primary);
}

.fruity_twentythree .label-primary {
  background-color: var(--bs-primary);
}

.fruity_twentythree .label-success {
  background-color: var(--bs-primary);
}

.fruity_twentythree .card-primary {
  border: 1px solid var(--bs-primary);
}
.fruity_twentythree .card-primary > .card-header {
  color: #ffffff;
  background-color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
}
.fruity_twentythree .card-primary > .card-header + .panel-collapse .card-body {
  border-top-color: var(--bs-primary);
}
.fruity_twentythree .card-primary > .card-footer + .panel-collapse .card-body {
  border-bottom-color: var(--bs-primary);
}
.fruity_twentythree .card-success > .card-header {
  color: var(--bs-primary);
}

.fruity_twentythree .card-info {
  border: 1px solid var(--bs-primary);
}

.fruity_twentythree .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: var(--bs-primary);
}
.fruity_twentythree .nav-pills > .active > a > .badge {
  color: var(--bs-primary);
  background-color: #fff;
}

.fruity_twentythree .container-xxl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: var(--bs-primary);
}

.fruity_twentythree .em-function {
  color: var(--bs-primary);
}

.fruity_twentythree #carousel-example-generic .carousel-control {
  color: var(--bs-primary);
}
.fruity_twentythree #carousel-example-generic .card-title {
  color: var(--bs-primary);
}
.fruity_twentythree #carousel-example-generic .carousel-indicators .active {
  background-color: var(--bs-primary);
}
.fruity_twentythree #carousel-example-generic .carousel-indicators li {
  border: 1px solid var(--bs-primary);
}

.fruity_twentythree #comfortUpdateGeneralWrap h3.maintitle, .fruity_twentythree #comfortUpdateGeneralWrap .maintitle.h3 {
  background-color: transparent;
  color: var(--bs-primary);
  border-bottom: 1px solid var(--bs-primary);
}
.fruity_twentythree #comfortUpdateGeneralWrap .on span {
  display: block;
  background-color: var(--bs-primary);
  color: #fff;
}

/* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
body .answer-item label::after {
  background-color: var(--bs-primary);
}

.fruity_twentythree pagination > li > a {
  color: var(--bs-primary);
  background-color: #fff;
  border: 1px solid #dadada;
}

.navbar-toggle {
  border: solid 1px var(--bs-primary);
}

.navbar-toggle .icon-bar {
  background-color: var(--bs-primary);
}

table.aev {
  border: 2px solid #6E748C;
  border-collapse: unset !important;
  border-radius: 4px;
  padding: 10px 12px;
  width: 100%;
}

a.aev-button {
    color: #fff;
    border: 2px solid #6E748C;
    border-color: var(--bs-primary);;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    background-color: var(--bs-primary);
    font-size: 1.1rem;
    padding: 10px;
}

a.aev-button:hover {
  background-color: #5076FF;
  box-shadow: 0px 0px 0px 3px rgba(123, 97, 255, 0.4);
}

.form-heading {
  font-size: 1.1rem;
}
}