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

h1, h2, h3, h4, h5, h6 {color: #00008c;}

a {color: #b51c1c; text-decoration: underline;}
a:hover, a:focus, a:active {color: #00008c;}

img {max-width: 100% !important;}

blockquote {border-left: .5rem solid #c7c7c7; padding: 1rem 2rem;}

a:focus,
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="checkbox"]:focus,
.checkbox-item input[type="checkbox"]:focus + label::before, 
.checkbox-item input[type="radio"]:focus + label::before {box-shadow: 0 0 0 .25rem rgba(0,0,140,.6);}

.form-control:focus,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
    border-color: #00008c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,140,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,140,.6);
}

.text-primary,
.text-info {color: #00008c !important;}

/* ------------------------------ */

.btn-primary,
.dropdown-item.active, 
.dropdown-item:active,
.btn-check:focus + .btn-primary {background-color: #00008c; border-color: #00008c; color: #fff;}
.btn-primary:hover, 
.btn-primary:focus,
.btn-outline-secondary:hover {background-color: #2f57b2; border-color: #00008c;}

.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-check .btn-primary:hover:checked,
.btn-check:hover:checked + .btn-primary {background-color: #e7e9ed; border-color: #00008c;}

.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary.active.focus,
 /*.btn-check:active + .btn-primary, 
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary,
.btn-check:checked + .btn-primary:focus,*/
.btn-check:focus:checked + .btn-primary, 
.btn-check .btn-primary:focus:checked, 
.btn-check:checked + .btn-primary {
    background-color: #ffffff; 
    color: #00008c; 
    border-color: #00008c;
    -webkit-box-shadow: inset 0 0 0 1px #00008c;
    box-shadow: inset 0 0 0 1px #00008c
}

.btn-primary:focus,
.btn-primary.active:focus, 
.btn-primary:active:focus, 
.show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 .25rem rgba(151,198,255,1);}

.btn-outline-secondary {color: inherit;}
.btn-outline-secondary.dropdown-toggle.show {color: initial; background-color: initial;}

.btn-primary.active, 
.btn-primary:active, 
.show > .btn-primary.dropdown-toggle {background-color: #2f57b2; border-color: #2f57b2; color: #fff;}

.dropdown-item:focus, 
.dropdown-item:hover {color: #00008c};

/* ------------------------------ */

.progress-bar {background-color: #00008c;}
.panel-primary {border-color: #c7c7c7;}
.panel-primary>.panel-heading {background-color: #f5f5f5; border-color: #c7c7c7;}

.table>:not(:first-child) {
    border-color: inherit;
}

#outerframeContainer {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    -o-hyphens: manual;
    hyphens: manual;
}

/**************************
    HEADER | NAVBAR
**************************/
.navbar {background-color: #fff !important;}

/**************************
    CARD | Header
**************************/
.card-primary .bg-primary {background-color: rgba(0,0,0,.03) !important;}


/**************************
    QUESTIONS
**************************/
.slider-selection {background: #00008c;}
label::after {background-color: transparent;}