:root {
 	--bgcolor_low_rgb: 229,235,247;			 
	--bgcolor_medium_rgb: 181,233,253;       
	--bgcolor_high_rgb: 184,183,246;         							 
	--bgcolor_statusActual_rgb: 128,0,128;   
	--bgcolor_status5Year_rgb: 255,173,51;   
										 
 	--bgcolor_low: #E5EBF7;				 
	--bgcolor_medium: #B5E9FD;           
	--bgcolor_high: #B8B7F6;             
	--bgcolor_critic: #F28482;           
										 
	--bgcolor_statusActual: #FFAD33;     
	--bgcolor_status5Year: #800080;      

	--bgcolor_btn_sav: #2046E5;  
	--bgcolor_btn_sav_hover: #45a049;
	
	--bgcolor_toggle_off: #ef748b; 
	--bgcolor_toggle_on: #c0e5ab; 
	--bgcolor_toggle_disabled: #cccfd4 ; 
	
	
}
body 
{
	background-color: var(--bgcolor) !important;
}
	
.page{
    margin: auto;
	padding: 20px 0px;
    width : 95%;
}
.field_required
{
	font-weight : bold;
	color : #FF0000;
	margin-left: 5px;
}
.field_label_error
{
	font-weight : bold;
	
}
.x-panel-header
{
	background-color: var(--primarycolor);
}
.x-panel-header .x-title-text
{
	font-weight : bold;
}
.x-window-header-default-top
{
	background-color: var(--primarycolor);
}
.x-window-default, .x-window-header-default
{
	border-color: var(--secondarycolor);
	
}
.x-window .x-btn-default-small
{
	background-color: var(--primarycolor);
	border-color: var(--secondarycolor);
}
.x-window .x-btn.x-btn-default-small.x-btn-pressed
{
	background-color: var(--secondarycolor);
	border-color: var(--primarycolor);
}
.x-window .x-btn.x-btn-default-small.x-btn-pressed .x-btn-inner
{
	color: var(--primarycolor);
}
.read_only_no_border input,
.read_only_no_border div{
    border: none !important;
    background: transparent !important;
    cursor: default;
}
.read_only_no_border.x-item-disabled {
    opacity: 1 !important;
    pointer-events: none;
}

.integra_form .input_align_right input
{
	text-align : right !important;
}
.integra_form .x-form-item-label-text
{
	font-weight : bold;
}
.integra_form .resizable_textarea .x-form-textarea {
	resize: vertical;
	overflow: auto;
}
.integra_form .x-form-checkboxgroup-body table.x-table-plain 
{
	width : 100%;
}

.table_col_2 td
{
	width : 50%;
}
.x-toolbar-default.bbar 
{
	background-color: #FFFFFF; /*var(--secondarycolor);*/
	padding: 15px;
}
.x-fieldset-header-default > .x-fieldset-header-text
{
	font-weight:bold;
	color:var(--tertiarycolor);
}
.x-fieldset-header-tool-default > .x-tool-toggle
{
	color:var(--tertiarycolor) !important;
}
.x-btn.btn_sav
{
	background-color: var(--bgcolor_btn_sav);
	border: none; 
	border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.x-btn.btn_sav:hover
{
	background-color: var(--bgcolor_btn_sav_hover);
}
.x-btn.btn_sav .x-fa, .x-btn.btn_sav .x-btn-inner
{
    color: #FFFFFF;	
}
.x-btn.btn_sav .x-btn-inner
{
	/*font-weight: bold;*/
}

.x-btn.btn_flt
{
	background-color: var(--bgcolor_btn_sav);
	border: none; 
	border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.x-btn.btn_flt:hover
{
	background-color: var(--bgcolor_btn_sav_hover);
}
.x-btn.btn_flt .x-fa, .x-btn.btn_flt .x-btn-inner
{
    color: #FFFFFF;	
}
.x-btn.btn_flt .x-btn-inner
{
	/*font-weight: bold;*/
}
.x-form-trigger-wrap-default, .x-form-text
{
	border-radius: 5px;	
}
.x-form-field-date .x-form-date-trigger, .x-form-trigger{
	border-radius: inherit;
}
.x-fieldset
{	
	background-color: #FFFFFF;	
    border-radius: 5px;
}



/* GRID    */
.integra_grid .col_titre
{
	background-color: #DDDDDD;
	color : #404040;
	font-weight:bold;
}

/* Niveau de risques    */
.integra_grid .bg_color_riskNormal 
{
	background-color: var(--bgcolor_low);
}
.integra_grid .bg_color_riskLow 
{
	background-color: var(--bgcolor_low);
}
.integra_grid .bg_color_riskMedium
{
	background-color: var(--bgcolor_medium);
} 
.integra_grid .bg_color_riskHigh
{
	background-color: var(--bgcolor_high);
} 
.integra_grid .bg_color_riskCritic
{
	background-color: var(--bgcolor_critic);
} 


.integra_grid .align_right div
{
	text-align: right !important;
}