/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates

		--cnvs-themecolor: rgb(241,199,122);
		 rgb(219,60,35);

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

:root {
	--cnvs-themecolor: #ea8e17;
	--cnvs-themecolor-rgb: 217, 121, 4;
	
}


.radio-style:checked + .radio-style-1-label:before {
    background: var(--cnvs-themecolor);
}
.checkbox-style-1-label:before, .radio-style-1-label:before, .checkbox-style-2-label:before, .radio-style-2-label:before, .checkbox-style-3-label:before, .radio-style-3-label:before {
    background: #000;
}

.form-control {
    --cnvs-input-focus-border-color: var(--cnvs-themecolor);
	--cnvs-input-focus-box-shadow: 0 0 0 0.25rem rgba(217, 121, 4, 0.25);
}

.checkbox-style-1-label.checkbox-small:before, .radio-style-1-label.radio-small:before, .checkbox-style-2-label.checkbox-small:before, .radio-style-2-label.radio-small:before, .checkbox-style-3-label.checkbox-small:before, .radio-style-3-label.radio-small:before {
    border: 2px solid #555;
}

.ui-menu {
    z-index: 99999999;
}


.modal-backdrop {
    background-color: var(--cnvs-themecolor);
}

.bootstrap-switch .bootstrap-switch-label {
    background: var(--bs-secondary-border-subtle);
}

.form-control:disabled {
    background-color: var(--cnvs-input-btn-input-bg);
    opacity: 1;
}

.form-control {
	background-color: var(--bs-secondary-bg);
    
}

.divider::after, .divider::before {
    border-bottom: var(--cnvs-divider-border-width) var(--cnvs-divider-border-style) var(--bs-gray-400);
}

.divider i, .divider a, .divider-text {
    color: var(--bs-gray-400);
}

.accordion-button {
    color: #FFFFFF;
    border-top: 2px solid var(--cnvs-themecolor);
    
}
.accordion-button:not(.collapsed) {
    color: var(--cnvs-themecolor);
    background-color: unset;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.editor-dark-mode {
    background-color: #000 !important;
    color: #fff !important;
  }

  .cke_top {
    background-color: #444 !important;
    color: #fff !important;
  }
  .cke_button__image{display: none;}
  
  /* Pour que les icônes soient visibles */
  .cke_button_icon {
    filter: invert(1); /* Inverse les couleurs des icônes PNG */
  }

  .cke_combo_text {color: #fff;}

  .mfp-title {
    background: rgba(0, 0, 0, 0.5);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
    background-color: var(--cnvs-input-focus-bg);
}

.select2-container--default .select2-selection--multiple {
    background-color: var(--bs-secondary-bg);
    border: 1px solid #494848;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: black;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #000000;
 }
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #dad6d6;
 }
 .select2-container--default .select2-results>.select2-results__options {
    background-color: #555;
}
.select2-container--default .select2-results__option--selected {
    background-color: #999;
}