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

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

.fruity .navbar {
  background-color: #003c4b !important;
  border-radius: 0 !important;
  box-shadow: 0 3px 3px hsla(200,3%,53%,.1);
  height: 3em;
}

.text-center {
  text-align: center !important;
  color: #71717a;
  font-size: 3em;
  font-weight: bold;
  /*padding-top: 1em;*/
}

.group-title {
    display:none;
}

.navbar-toggler {
  padding: 0;
}

.navbar-light .navbar-toggler-icon {  
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.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;
}

.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;
  font-size: 1.1rem;
}
.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: #003c4b;
}

.logo-container > img {
  max-height: 90px;
  padding: 15px;
    padding-top: 15px;
  width: 70%;
  padding-top: 1.5em;
}
.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 {
 padding-bottom: 0.6em;
}

.fruity .navbar .navbar-nav .nav-item::after {
  background-color: rgb(77, 110, 122);
}

.navbar-brand {
 display: none;
}
.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;
  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;
  margin: 10px;
}

#main-col {
  margin-top: 2em;
}

.medicalogo {
 margin: 1em 0;
  width: 20%;
}
@media screen and (max-width: 900px) {
  .medicalogo {
    width: 40%;
  }
@media screen and (max-width: 700px) {
  .medicalogo {
    width: 50%;
  }
}


.hero {
  width: 100%;
}

.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
}

.fruity .navbar .navbar-nav .nav-item:hover::after {
  background-color: #f9ad20;
}

.welcome-container {
    height:auto;
}