/******************
    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
*/


.fruity .btn-primary, .fruity .btn-primary.disabled, .fruity .btn-primary.disabled.active, .fruity .btn-primary.disabled:active, .fruity .btn-primary.disabled:focus, .fruity .btn-primary.disabled:hover {
  background-color: #4d6e7a;
  border: 1px solid #4d6e7a;
  margin: 10px;
}

.fruity .btn-check:active + .btn-primary, .fruity .btn-check:checked + .btn-primary, .fruity .btn-check:focus + .btn-primary, .fruity .btn-primary.active, .fruity .btn-primary.active.active, .fruity .btn-primary.active:focus, .fruity .btn-primary:active, .fruity .btn-primary:focus, .fruity .btn-primary:hover, .fruity .open .dropdown-toggle.btn-primary {
  background-color: rgb(251, 189, 25);
  border: 1px solid rgb(251, 189, 25);
  color: #fff;
}
.fruity .text-info, .fruity .text-primary, .fruity .text-success {
  color: #202020 !important;
  padding-bottom: 1em;
}
.fruity .btn-outline-secondary {
  background-color: rgb(77, 110, 122);
  border: 1px solid rgb(77, 110, 122);
  color: #fff;
}
.fruity a {
  color: #718096;
}
.fruity .btn-link {
  color: #718096;
}
.fruity .list-group-item-warning {
  background-color: #bba18c;
  color: #fff;
}
.fruity .list-group-item-danger {
  background-color: #be6665;
  color: #fff;
}
.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
  background-color: #fff;
}
.navbar-light .navbar-nav .nav-link {
  color: rgb(255, 255, 255);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgb(255, 255, 255);
}
.fruity .navbar .navbar-nav .nav-item::after {
  background-color: rgb(77, 110, 122);
}
.fruity .dropdown-menu > li > a {
  color: #fff;
}
.fruity .dropdown-menu {
  background-color: #003041;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.fruity .dropdown-menu > .active > a, .fruity .dropdown-menu > .active > a:focus, .fruity .dropdown-menu > .active > a:hover, .fruity .dropdown-menu > li > a:focus, .fruity .dropdown-menu > li > a:hover {
  background-color: rgb(77, 110, 122) !important;
  color: #fff;
}
.fruity .navbar-collapse {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0);
}
.question-count-text  {
 display: none;
}

.answer-item.radio-item :before {
outline: none !important;
}
 
.answer-item.radio-item :after {
background-color:  #003041;
outline: none !important;
}

.fruity .form-control:focus {
  border: 1px solid #003041;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(0, 48, 65);
}

.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
  background-color: #003041;
}

.fruity .alert-info {
  background-color: transparent;
  border: 1px solid #4d6e7a;
  color: #4d6e7a;
}

.fruity .alert-success {
  background-color: transparent;
  border: 1px solid rgb(251, 189, 25) ;
  color: rgb(251, 189, 25);
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(0, 48, 65, 0.55);
}

.fruity .btn-primary.disabled, .fruity .btn-primary.disabled.active, .fruity .btn-primary.disabled:active, .fruity .btn-primary.disabled:focus, .fruity .btn-primary.disabled:hover {
    background-color: rgb(251, 189, 25);
    border: 1px solid rgb(251, 189, 25);
}

.fruity .input-group-addon, .fruity .input-group-text {
  background-color: #4d6e7a !important;
  color: #fff;
}

.fruity .btn-primary, .fruity .btn-primary.disabled, .fruity .btn-primary.disabled.active, .fruity .btn-primary.disabled:active, .fruity .btn-primary.disabled:focus, .fruity .btn-primary.disabled:hover {
  background-color: #4d6e7a;
  border: 1px solid #4d6e7a;
}

.navbar-light .navbar-nav .nav-link {
  color: #9dbbc6;
  text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #9dbbc6;
  text-transform: uppercase;
}

.hero {
  width: 100%;
}

.border-bottom {
  border-bottom: 0px solid #dee2e6 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
 color: #003d4a;
}

.fruity .question-container.input-error {
  box-shadow: 0 0px 00px;
}

.btn-group-sm > .btn, .btn-sm {
  background-color: #4d6e7a !important;
  border: 1px solid #4d6e7a !important;
  color: #fff !important;
}