/******************
    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
*/
:root{
    --bs-blue : #00447a !important;
    --bs-info: #e30043 !important;
    --bs-warning : #e30043 !important;
    --bs-primary: #00447a !important;
    --bs-success: #00447a !important;
    --cci-coul1 : #00447a;
    --cci-coul2 : #009EE0;
    --cci-coul3 : #e30043;
    --cci-coul4 : #e7e7e7;
    --largeur-page : 1256px;
}
/******************************
 LOGO
*******************************/
.logo-container {
	margin: 0 auto;
	padding: 0;
	float: none !important;
	max-width: var(--largeur-page);
}
.logo{
    margin-left: 0;
    margin-right: auto;
    display:block;
    max-width: 250px;*/
}
/******************************
 BOUTONS
*******************************/
.btn-primary {
	color: #fff;
	background-color: var(--cci-coul1);
	border-color: var(--cci-coul1);
}
.btn-primary:hover {
	color: #fff;
	background-color: var(--cci-coul2);
	border-color: var(--cci-coul2);
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: var(--cci-coul1);
	border-color: var(--cci-coul1);
}
.btn-check + .btn-primary:hover {
    background-color: var(--cci-coul1);
    border-color: var(--cci-coul1);
}
.btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary {
    background-color: var(--cci-coul1);
    border-color: var(--cci-coul1);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
    background-color: #var(--cci-coul1) !important;
    border-color: var(--cci-coul1) !important;
}
.fruity_twentythree .input-group-addon {
    background-color: var(--cci-coul1) !important;
}
/******************************
 BARRE DE NAVIGATION
*******************************/
.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}
.progress {
    background-color: var(--cci-coul3);
    height: 1rem !important;
}
.progress-bar {
    background-color: var(--cci-coul1);
}
.group-title{
    color: var(--cci-coul3);
}
/******************************
 GROUPE
*******************************/
.group-description{
    /* utilisé ? */
 	background-color: #fff;
	color: #e30043;
	box-shadow: 0px 0px 2px 0px rgba(227,0,67,0.9);
}
/******************************
 BOUTONS RADIO 
*******************************/
.radio-item input[type="radio"]:checked + label {
  color: var(--cci-coul1);
}
.radio-item input[type="radio"]:checked + label::after {
    background-color: var(--cci-coul1);
}
.question-container .question-help-container {
    color: var(--cci-coul1);
}
/******************************
 CASES A COCHER
*******************************/
.checkbox-item input[type="checkbox"]:checked + label::after {
    color: var(--cci-coul1) !important;
}
.checkbox-item input[type="checkbox"]:checked + label {
    color: var(--cci-coul1) !important;
}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after {
    background-color: var(--cci-coul1) !important;
    border-color: var(--cci-coul1) !important;
}
input.imageselect-checkbox:checked ~ .imageselect-select::after {
    color: var(--cci-coul1) !important;
}
input.imageselect-checkbox:checked ~ .imageselect-select::before {
    border-color: var(--cci-coul1) !important;
}
/******************************

*******************************/
body .answer-item label::after {
    background-color: var(--cci-coul1);
}
.success-border {
    border-color: var(--cci-coul1);
}
.question-container {
  border: 1px solid var(--cci-coul4);
}
/******************************

*******************************/
.alert-warning {
    color: #fff;
}