/******************
    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: #008580;
    border: 1px solid #008580;
    border-radius: 25px;
 }
 .fruity .btn-outline-secondary {
    background-color: hsla(0, 0%, 100%, .2);
    border: 1px solid #008580;
    color: #008580;
    border-radius: 25px;
}
.fruity .btn-check:active+.btn-outline-secondary, .fruity .btn-check:checked+.btn-outline-secondary, .fruity .btn-check:focus+.btn-outline-secondary, .fruity .btn-outline-secondary.active, .fruity .btn-outline-secondary:active, .fruity .btn-outline-secondary:focus, .fruity .btn-outline-secondary:hover, .fruity .open .dropdown-toggle.btn-outline-secondary, .fruity .show>.btn-outline-secondary.dropdown-toggle {
    background-color: #b3d9d9;
    border: 1px solid #666666;
    color: #666666;
    border-radius: 25px;
}
.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: #003f3c;
    border: 1px solid #008580;
    color: #fff;
    border-radius: 25px;
}
.fruity .form-control {
    border-radius: 25px;
}
.fruity .text-info, .fruity .text-primary, .fruity .text-success {
    color: #008580 !important;
}
.fruity .text-warning {
    color: #2b8ce6 !important;
    font-weight : 600;
}
.fruity .input-group-addon, .fruity .input-group-text {
    background-color: #008580;
    color: #fff;
}
.fruity a {
    color: #008580;
}
.fruity a:focus, .fruity a:hover {
    color: #02726e;
}
.form-check-input:checked {
    background-color: #008580;
    border-color: #02726e;
}
body .answer-item label:after {
    background-color: #008580;
}
.fruity .form-control:focus {
    border: 1px solid #81c2bf;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(129, 194, 191, .6);
}
.fruity .navbar {
    background-color: #008580 !important;
    border-radius: 0 !important;
    box-shadow: 0 3px 3px hsla(200, 3%, 53%, .1);
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff;
}
.fruity .navbar-collapse {
    box-shadow: inset 0 0px 0 hsla(0, 0%, 100%, .1);
}
.fruity .navbar .navbar-nav {
    color: #ffffff;
}
@media (min-width: 769px) {
    .fruity .navbar .navbar-nav .nav-item:after {
        background-color: #ffffff;
        content: "";
        display: block;
        height: 2px;
        text-align: right;
        transition: width .3s;
        width: 0;
    }
}
.fruity .text-danger {
    color: #d98d41 !important;
    padding-right:5px;
}
.question-container {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    border-radius: 25px;
}
.group-outer-container {
    border-radius: 25px;
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.fruity .text-primary, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #008580;
    text-align: left;
}
.row {
    margin-left: 15px;
    margin-right: 15px;
}
.fruity .card-primary
{
    border: 1px solid #444444;
}
.fruity .bg-primary {
    background-color: #f6f6f6 !important;
    color: #fff !important;
}
.fruity .card-primary>.card-header {
    background-color: #f6f6f6;
    border: 0px solid #444444;
    color: #fff;
}
.fruity .progress-bar {
    background-color: #008580;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    color: #fff;
}
.fruity .well {
    background-color: #b3d9d9;
    border: 1px solid #81c2bf;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    border-radius: 25px;
}
.fruity .slider-handle {
    background-color: #008580;
}
.fruity .slider-selection {
    background-image: linear-gradient(180deg, #02726e 0, #008580);
}