/******************
    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 .text-info, .fruity .text-primary, .fruity .text-success{
    color: #c61516 !important;
}

.fruity .btn-outline-secondary{
    color:#c61516;
    border: 1px solid #c61516;
}

.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: #c61516;
    border: 1px solid #c61516;
}


.fruity a {
    color: #c61516;
}

.fruity .progress-bar{
    background-color: #c61516;
}

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

.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: #c61516!important;
}

.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: #444444;
     border: 1px solid #444444;
}

.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: #444444;
     border: 1px solid #444444;
     color:#fff;
}

body .answer-item label::after {
    background-color: #c61516;
}

.fruity .btn-check:active + .btn-outline-secondary:focus, .fruity .btn-check:active + .btn-primary:focus, .fruity .btn-check:active + .btn-success:focus, .fruity .btn-check:checked + .btn-outline-secondary:focus, .fruity .btn-check:checked + .btn-primary:focus, .fruity .btn-check:checked + .btn-success:focus, .fruity .btn-check:focus + .btn-outline-secondary, .fruity .btn-check:focus + .btn-primary, .fruity .btn-check:focus + .btn-success, .fruity .btn-outline-secondary.active:focus, .fruity .btn-outline-secondary:active:focus, .fruity .btn-success.active:focus, .fruity .btn-success:active:focus, .fruity .show > .btn-outline-secondary.dropdown-toggle:focus, .fruity .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(198, 21, 22, .5);
}