:root {
  --font-family: "Roboto", sans-serif;
}

html, body {
  margin: 0 auto;
  overflow-x: hidden;
  background-color: var(--test);
}


body{
    font-family: var(--font-family), "Odoo Unicode Support Noto", sans-serif;
}
.hidden
{
	display: none !important;
}
.forceshow
{
	display: block !important;
}
.hiddenOpacity
{
	opacity: 0.7;
}
.hiddenOpacity4-0
{
	opacity: 0.4;
}
body.preview-mode .InvisibleRightAccessClient
{
	display: none !important
}
.table td, .table th
{
	vertical-align: middle;
}
.InputDM_InputList .table-striped > tbody > tr > td 
{
	overflow: hidden;
}

.body_dashboard
{
	margin-right: 20px;
	margin-left: 20px;
}
.body_dashboard .app-container-bg
{
	background-color: white;
	padding-top: 20px;
	padding-bottom: 50px;
	box-shadow: 0 1px 2px rgb(56 65 74 / 15%);
	border-radius: 0.25rem;
	max-width: 1420px;
	margin: 20px auto;
	margin-bottom: 10px;
	background-image:url("data/images/corner-2.png");
    background-size: contain;
    background-position: top right;
    background-repeat: repeat-y;
}

.body_dashboard .stat_dashboard_homepage
{
	/*margin-top: 20px;*/
	background-image:none;	
	min-height: 300px;
	padding: 0;
}
.body_dashboard .stat_dashboard_homepage .ModuleBody .columnEl .row
{
	/*margin-left: -10px !important;*/
	/*margin-right: -10px !important;*/
}
body.preview-mode .dashboard_module > .ModuleBody_bg > .ModuleBody > .columnEl > .row > .col-el
{
	padding: 10px;
	width: 160px;
}
body.preview-mode .askPopup .ModuleBody_bg 
{
	background-color: white;
}
body.preview-mode .PageDataManager .dashboard_module > .ModuleBody_bg > .ModuleBody
{
	padding: 10px !important;
}
body.preview-mode .dashboard_module > .ModuleBody_bg, body.preview-mode .dashboard_module > .ModuleBody_bg > .ModuleBody
{
	padding: 0 !important;
}
body.preview-mode [data-type="dashboard_view"] .highcharts-title, 
body.preview-mode [data-type="dashboard_view"] .highcharts-contextbutton, 
body.preview-mode [data-type="dashboard_view"] .highcharts-xaxis
{
	display: none !important;
}
body.preview-mode [data-type="dashboard_view"] .checkboxSelectionne
{
	opacity: 0 !important;
	pointer-events: none;
}
body.preview-mode [data-type="dashboard_view"] .checkboxSelectionne * 
{
	display: none !important;
}

body.preview-mode [data-type="dashboard_view"] .ModuleBody
{
	background-color: transparent !important;
	box-shadow : none !important;
	border: 0 !important;
	outline: 0 !important;
}

body.preview-mode.ThemeDefault [data-type="dashboard_view"] .InputDM_InputList table thead tr th
{
	text-align: left;
}
body.preview-mode.ThemeDefault [data-type="dashboard_view"] .table-striped > tbody > tr:nth-of-type(odd)
{
	background-color: transparent !important;
}
body.preview-mode [data-type="dashboard_view"] .table-striped > tbody > tr > td
{
	cursor: default;
}

body.preview-mode.ThemeDefault [data-type="dashboard_view"] .table-striped > tbody > tr:nth-of-type(1)
{
	box-shadow: none !important;
}
body.preview-mode.ThemeDefault [data-type="dashboard_view"] .inputDM > .table-striped > tbody > tr:not(.subListContainer):not(.add_new_line_one2manylist):not(.Agregatligne):hover
{
	background-color: transparent !important;
}

body.preview-mode.ThemeDefault [data-type="dashboard_view"] .ModuleBody_bg .ModuleBody
{
	padding: 0 !important;
}
body.preview-mode.ThemeDefault [data-type="dashboard_view"] .dashboard_standard_centre
{
	margin-bottom: -20px !important;
}
body.preview-mode [data-type="dashboard_view"] .inputDM
{
	border: 0;
}
.InputDM_InputList .flex_images .image, .InputDM_Kanban .flex_images .image
{
	cursor: pointer;
}
.hideOpacity
{
    opacity: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

.app-container
{
	margin:0 auto;
	max-width: 1420px;
	flex: 0 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.app {
	position: relative;
    margin-bottom: 0px;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    text-decoration: none;
    text-align: center;
    outline: none;
    transition: all 0.3s ease 0s;
    cursor: pointer;
	order: 1;
	width: 85px;
	max-width: 85px;
}
.app .iconapp 
{
	border-top: 2px solid rgba(210,220,230,0.4);
    font-size: 260%;
    padding: 10px;
    padding-right: 15px;
    padding-left: 15px;
    width: 68px;
    height: 60px;
    background-color: rgb(0, 255, 0);
    transition: all 0.3s ease 0s;
    border-radius: 3%;    
    box-shadow: none;
}

.app:hover .iconapp
{
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.app.addmodule {
	cursor: pointer;
	border: none;
	background: none;
	box-shadow: none;   
	order: 99999999999; 
}

.app span
{
    position: relative;
    display: block;
    max-width: 100%;
    vertical-align: top;
    color: #64748B;
    font-weight: 500;
    font-size: 12px;
    margin-top: 0px;
    text-align: center;
    margin-top: 5px;    
}
.dashboardEl  .ModuleContainer  .ViewControl
{
	border-bottom: 0;
}
.dashboardEl .InputDM_InputList thead tr
{
	border-top: 1px solid #CBCBCB;
    box-shadow: 0 3px 6px rgb(0 0 0 / 3%), 0 3px 6px rgb(0 0 0 / 3%);
}
body.preview-mode .ElementDynClass[data-type="onetomany"] .td-content, body.preview-mode .ElementDynClass[data-type="manytomany"].widgetList .td-content
{
    display: grid;
}

body.preview-mode .ElementDynClass[data-type="manytomany"] .listContainer
{
	display: grid;
    overflow-x: auto;
}
.ElementDynClass ._cancel_select
{
	position: absolute;
    top: 0px;
    right: -16px;
	padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}
.ElementDynClass ._cancel_select:hover
{
	background-color: #eeeeee;
}
.ElementDynClass ._cancel_select i
{
	font-weight: 300;	
	color : #5A6268;
}
.ModuleContainer[data-view="FormReadView"] .ElementDynClass ._cancel_select
{
	display: none;
}
.ModuleContainer[data-view="formWrite"] .ElementDynClass:not(._selected_)[data-type="manytoone"] ._cancel_select
{
	display: none;
}
.ModuleContainer[data-view="formWrite"] .ElementDynClass._selected_[data-type="manytoone"] input
{
	/*width: calc(100% - 20px);*/
}

.ElementDynClass .BoxSelectIcon
{
	cursor: pointer;
	background: #efefef;
	max-width: 55px;
	width: 55px;
	height: 50px;
	border-radius: 5px;
	text-align: center;
    font-size: 30px;
    line-height: 55px;
    color: #1e1e1e;
}
.ElementDynClass .no_icon:before
{
    content: " No Icon";
    width: 25px;
    white-space: break-spaces;
    display: block;
    font-size: 9px;
    line-height: 1;
    position: absolute;
    margin-left: 15px;
    margin-top: 17px;
    font-weight: 600;
}
.ElementDynClass .empty_icon:before
{
    content: " Select Icon";
    width: 30px;
    white-space: break-spaces;
    display: block;
    font-size: 9px;
    line-height: 1;
    position: absolute;
    margin-left: 13px;
    margin-top: 17px;
    font-weight: 600;
}



.ElementDynClass[data-type="paragraph"]
{
    font-family: var(--font-family), "Odoo Unicode Support Noto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 1em;
}
.InputDM_Graph .graph_container 
{
	
	padding: 10px;

}
.highcharts-credits
{
	display: none;
}
.InputDM_Graph .tooltip-title
{
	font-size: 12px;
	font-family: Arial;
	color: black;
	font-weight: bolder;
	vertical-align: baseline;
	padding-bottom: 1px;
}
.InputDM_Graph .tooltip-square
{
	height: 12px;
    width: 12px;
    display: inline-block;
    vertical-align: middle;
	margin-right: 0px;
    margin-top: -1px;
}
.InputDM_Graph .tooltip-serie-name
{
	font-size: 12px;
	font-family: Arial;	
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: black;
    display: inline-block;
    vertical-align: middle;
    max-width: 515px;
}
.InputDM_Graph .tooltip-title-td
{
	min-width: 100px;
}
.InputDM_Graph .tooltip-value
{
	font-size: 12px;
	font-family: Arial;	
	color: black;
    padding-left: 5px;
    text-align: right;
    font-weight: bold;
}

.InputDM_Graph .highcharts-xaxis .highcharts-axis-title
{
	transform: translateY(10px);
}

.InputDM_Graph .highcharts-subtitle
{
	font-size: 10px;
}

.bootstrap-select .dropdown-menu.inner
{
	padding-bottom: 10px;
}
.alertbox-top-right {
    margin-top: -24px;
    right: 0;
    z-index: 999999;
}
.hasSpecialButtons .alertbox-top-right {
    margin-top: 19px;	
}

.alertbox-top-right span {
    left: -15px;
    top: 30px;
    transform: rotate(45deg);
}

.alertbox span {
    z-index: 1;
    position: absolute;
    display: grid;
    align-items: center;
    width: 225px;
    height: 48px;
    padding: 0 44px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    user-select: none;    
}
.alertbox span.red
{
	background-color: #dc3545 !important;
}


.alertbox {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}
.btn-default-graph.active, .btn-default-graph:hover
{
	color: #091124;
    background-color: #f6f7fa;
    border-color: #E0E2E6;
}
.btn-default-graph
{
	border-radius: 0;
    text-decoration: none !important;
    outline: 0 !important;
    box-shadow: none !important;	
}
.btn-default-graph i
{
	font-size: 15px;
    position: relative;
    top: 1px;	
}
.ViewControl .btn-secondary
{
	color: #fff;
}
.ViewControl .left-column .btnAction
{
	display: flex;flex-wrap: wrap;
}
.ViewControl .left-column .btnAction > *
{
	margin-right: 5px;

}
.ViewControl .left-column .btnAction .dropdown-item
{
	/*display: block;*/
	/*width: 100%;*/
}

.ViewControl .left-column .btn
{
	transition: none;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0.375rem 0.75rem;
    font-size: 1.19333333rem;
    border-radius: 0;
    line-height: 1.5;
    min-height: 30px;	
    font-family: var(--font-family), sans-serif;
}
.ViewControl .left-column .dropdown-item:active, .ViewControl .left-column .dropdown-item.active
{
	background-color: rgba(0, 0, 0, 0.08) !important;	
	color: #091124 !important;
	font-weight: 500;
	position: relative;
}
.btn_filtre_dashboard
{							
	background-color:#f2f4f6;color:#008784;padding:2px 16px;border-radius:16px;font-weight: 500!important;font-size: 12px;border:0px;
}
.data_filtre_comparison
{
	display:flex;align-items: center;
}

.dropdown-item:not(aria-labelledby="dropdownMenuButtonFiltre")
{
	padding: 0;
}
.bootstrap-select .dropdown-item
{
	padding: 0.25rem 1.5rem;
}

.ViewControl .left-column .Graph_buttons .dropdown-item.active:before
{
	position: absolute;
    top: 6px;
    left: 3px;
    bottom: auto;
    right: auto;
    font-family: 'Font Awesome 5 Pro';
    font-size: 8px;
    font-weight: 900;
    color: #017e84;
    content: "\f00c";
}
.ViewControl .left-column .btn-default:not(.btn-secondary):hover
{
	color: #091124;
    background-color: #f6f7fa;
    outline: solid 1px #E0E2E6 !important;
}
.ViewControl .left-column .btn-default:focus
{
	box-shadow: 0 0 0 0.15rem rgb(0 7 13 / 8%);
}
.btn-default-graph.Graph_buttons_descending_chart, .btn-default-graph.Graph_buttons_ascending_chart
{
	/*transform: scaleY(-1);*/
}
.PopupAddNewApp
{
	margin: 20px;
}

body.ThemeDefault .inputDM.input_dyn_htmltext, body.ThemeDefault .ElementDynClass textarea
{
	margin-bottom: 1em;
}
.PlaceholderDrop
{
	width:100%;
	min-height:10px;
	background:#d0d0d0b0;
	position:absolute;
	opacity: 1;
	pointer-events: none;
	z-index: 999999999999999999999;
}
.AskPopupFileLoad .box-alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.AskPopupFileLoad .content .comment
{
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #666666;	
	padding : 5px;
	margin : 5px;
}
								
.AskPopupFileLoad .content .comment .test-valueproblem
{
	font-size: 11px;
	font-weight: bold;
}
.AskPopupFileLoad .content .comment .test-valueproblem:before
{
	font-family: 'Font Awesome 5 Pro';
	content: "\f071";			
    font-size: 8px;
    position: relative;
    top: -1px;
}

.AskPopupFileLoad table tbody {
  display: block;
  /*max-height: 300px;*/
  /*overflow-y: scroll;*/
  /*min-height: 470px;*/
}


.AskPopupFileLoad table thead,.AskPopupFileLoad table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}


/* Popup Add New App */
.FormNewApp_Left_content
{
	flex: 1 1 100%;
    padding-top: 20px;
}
.FormNewApp_Left_content h3
{
	margin-bottom: 32px !important;
	font-size: 17px;
    font-family: Open Sans;
    font-weight: 600;
}
.FormNewApp_Left_content_form label
{
    display: inline-block;
    margin-bottom: 0.5rem;    
	font-family: Open Sans;
    font-weight: 500;
    font-size: 12px;
}	
.FormNewApp_Left_content_form input
{
    font-family: Open Sans;
    font-weight: 500;
    font-size: 11px;   border: 1px solid #cfcfcf;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;    width: 100%;
    display: block;
    outline: none;
}
.FormNewApp_Left_content_form textarea
{
	font-size: 11px !important;
}
.FormNewApp_Left_content_form textarea, .iconSelect input
{
    font-family: Open Sans;
    font-weight: 500;
    font-size: 9px;   
	border: 1px solid #cfcfcf;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;    
	width: 100%;
    display: block;
    outline: none;
	overflow-y: hidden; 
	height: 50px; 
	resize: none;
}
.FormNewApp_Left_content_form_buttons .cancelNewApp
{
    padding: 7px 15px 6px;
	opacity: 0.5;
    text-transform: uppercase;
    background-color: white;
    color: #b7b7b7;
    border: 1px solid #b7b7b7;
    padding: 7px 15px;
    font-size: 10px;
    border-radius: 2px;
    font-weight: 500;
}
.FormNewApp_Left_content_form_buttons .submitNewApp i
{
	display: inline-block;    
}
.FormNewApp_Left_content_form_buttons .submitNewApp span
{
	opacity: 1;
    padding-right: 15px;
    transition: opacity 0.1s ease 0s;
	cursor: pointer;
    color: white;    
	transition: all 0.3s ease 0s;
}
.FormNewApp_Left_content_form_buttons .submitNewApp
{
	float: right;
    opacity: 1;
    cursor: pointer;
    background-color: #00A09D;
    border-color: #00918e;
    color: white;
    transition: all 0.3s ease 0s;
    transition-property: padding background;
    text-transform: uppercase;
    background-color: white;
    color: #b7b7b7;
    border: 1px solid #b7b7b7;
    padding: 7px 15px;
    font-size: 10px;
    font-family: Open Sans;     
    border-radius: 2px;
    font-weight: 500;
    background-color: #00aaa7;
    border-color: #00A09D;
    color: white;
}
.AppBigIcon
{
	background-color: #606060;
	width: 128px;
    height: 128px;
    box-shadow: 0 7px 16px -5px #000;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-radius: 6px;
    transition: background 0.2s ease 0s;
}	

.AppBigIcon i
{
	color: rgb(241, 196, 15); 
	display: inline;
	padding-left: 2px;
    font-size: 6em;
    transition: color 0.2s ease 0s;
}
.AppBigIcon_configuration
{
	position:absolute;
	left:-45px;
	top:20px;
	margin-top:15px;
}
.ModuleContainer .titleAppSelected
{
	position: relative;
}
.PageDataManager .TitleAppSelected
{
    font-family: Poppins;
    color : #64748B;
    font-size: 16px;
    position: relative;
    top: 1px;    
    text-transform : uppercase;
    font-weight: 600;
    position: relative;
}

/* default color icon & background */
	.Parent_AppBigIcon div, #NewApp_EditBackgroundColorIcon div
	{
		background-color: rgb(116, 27, 71); 
	}
	#NewApp_EditIconColor div
	{
		background-color : #F1C40F;
	}
	.Parent_AppBigIcon div i
	{
		color : #F1C40F;
	}
	#NewApp_EditIcon div
	{
		background-color: white;
	}


#NewApp_EditIconColor div, #NewApp_EditBackgroundColorIcon div, #NewApp_EditIcon div
{

	width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 3px;
    border: 2px solid #262C34;
    box-shadow: 0 0 0 1px #6b6a6a;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease 0s;
    transition-property:background-color, opacity, box-shadow;

}

.NewApp_EditIconColor_BtnSelect
{
	box-shadow:0 0 0 1px #00A09D;cursor:pointer;transition:all 0.3s ease 0s; display:inline-block;margin:5px;border-radius:0;border:2px solid white;width:30px;height:30px;	
}
.NewApp_EditIconColor_BtnSelect:hover
{
	box-shadow:0 0 0 2px #00A09D ! important;	
}

.dm_input 
{
	font-family: Open Sans,Helvetica,Roboto,Arial,sans-serif;
	font-size: 12px;
    font-weight: 600;
	background: #F1F5F9;
    width: 100%;
    border: 0px;
    padding: 7px 10px;
    border-radius: 3px;
    transition:background .2s ease;
    color:#4c5866;
}


.dm_input:focus {
    outline: none;
    background: #E6ECF2;

}

.popupErreur .AskPopupContainer * 
{
	color: #7473af !important;
}
.listContainer  .control-navigation
{
    display: inline;
    position: relative;
    left: 0px;
    width: 100%;
}
.InputDM_InputList .Agregatligne span
{
	font-weight: bold;
}
.ModuleBody
{
	position: relative;
}
/* list one2many */
	.ElementDynClass .listContainer .inputDM tbody>tr>td:last-child
	{
		width: 30px;
	}
	@media screen and (max-width: 575.8px) {
		.ModuleBody .SpecialButtons
		{
			/*padding-right: 30px !important;*/
			/*padding-left: 30px !important;*/
		}

		

	}


@media screen and (max-width: 575.8px) {
	.ViewControl[data-view="List"] .left-column
	{
    	margin-bottom: 20px;
    }

	.ViewControl[data-view="FormReadView"] .control-navigation
	{
	    position: relative;
    	top: -60px;
	}
	.ViewControl[data-view="FormReadView"] .right-column    
	{
		height: 30px;
	}
}


.addview_row_view .title_item_setting
{
	font-size: 10px;
}

/* Ask Popup Css */ 

	/* tablet & mobile */
	@media screen and (max-width: 750px) {
		.popupBackground .askPopup
		{
		    width: 98% !important;
		    height: 97% !important;
		    max-height: initial !important;
		    position: absolute !important;
			top: 1% !important;
			left: 1% !important;
		    transform:none !important;
		    overflow-y: auto !important;
		    border-radius: 0 !important;
		}
		.popupBackground
		{
			overflow-y : hidden !important;
			height: 101% !important;
		}		
	}	
    .popupBackground
    {
            position:fixed;
            top:0px;
            left:0px;
            width:100%;
            height:100%;
            background-color: rgb(0 0 0 / 53%);
            z-index:999999999;
            cursor:not-allowed;
            overflow-y: auto;
            padding: 20px;
    }




    .popupBackground::-webkit-scrollbar , .popupBackground .grid_variants::-webkit-scrollbar , .popupBackground .askPopup::-webkit-scrollbar, .LightBoxRightSide .container_scroll_::-webkit-scrollbar , .AskPopupImportdmManagerImages .contenu-images::-webkit-scrollbar, .askPopupv2 .AskPopupContainer::-webkit-scrollbar {
        width: 10px;
    }
    .popupBackground::-webkit-scrollbar-thumb , .popupBackground .grid_variants::-webkit-scrollbar-thumb , .popupBackground .askPopup::-webkit-scrollbar-thumb , .LightBoxRightSide .container_scroll_::-webkit-scrollbar-thumb, .AskPopupImportdmManagerImages .contenu-images::-webkit-scrollbar-thumb, .askPopupv2 .AskPopupContainer::-webkit-scrollbar-thumb {
        background: #818181;
        border-radius: 50px;
    }
    .popupBackground::-webkit-scrollbar-track , .popupBackground .grid_variants::-webkit-scrollbar-track , .popupBackground .askPopup::-webkit-scrollbar-track , .LightBoxRightSide .container_scroll_::-webkit-scrollbar-track, .AskPopupImportdmManagerImages .contenu-images::-webkit-scrollbar-track, .askPopupv2 .AskPopupContainer::-webkit-scrollbar-track {
        background: #fff;
	    margin-top: 7px;
	    margin-bottom: 7px;
    }
    .popupBackground .askPopup:not('.AskPopupStepForm')
    {
		overflow: hidden;    	
    }
    .popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar {
        width: 10px;
    }
    .popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar-thumb {
        background: #818181;
        border-radius: 0px;
    }
    .popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar-track {
        background: #fff;
    }
	.popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar-button {
	  width: 20px;
	  height: 20px;
	}

	.popupBackground .askPopup
	{
		width:500px;
		height:auto;
		cursor:default;
		background:white;
		padding:20px;
		position:relative;
		margin: 0 auto;
		overflow-x: hidden;
		border-radius: 10px;
	}
	.popupBackground .closeIcon
	{
		position:absolute;
		right: 10px; 
		top : 5px;
		cursor:pointer;		
		padding: 10px;	
		z-index: 9999999999999999999999999;
		font-size: 16px;
	}

	/* popup configuration center with 90vh & 80vw intek */
	.popupBackground.popupNewCenter>.askPopup
	{
		/*max-height:560px;*/
		max-height:90vh;
		height:auto;
		width:90vw;max-width:800px;padding:0px;
	}
	.popupBackground.popupNewCenter>.loading
	{
		max-height:560px;
		height:220px;
		width:90vw;max-width:800px;
	}
/**********************/ 




body.preview-mode [data-type="dashboard_view"] .inputDM::-webkit-scrollbar {
    height: 5px;
}
body.preview-mode [data-type="dashboard_view"] .inputDM::-webkit-scrollbar-thumb {
    background: #818181;
    border-radius: 5px;
}
body.preview-mode [data-type="dashboard_view"] .inputDM::-webkit-scrollbar-track {
    background: #fff;
}



#tabLayout .tabbody, #tabDashboard .tabbody
{
	padding-top: 20px;
}
#tabLayout .searchContainer
{
	display: none;
}	
[data-type="date_dashboard"] input
{
    font-weight: 500;
    font-size: 11px;
	border-color: #c8c4c4;
	text-align: center;
	box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
	border: 0;
}
[data-type="date_dashboard"] input:focus
{
	box-shadow: rgb(2 151 255 / 10%) 0px 1px 3px 0px, rgb(98 60 223 / 6%) 0px 1px 2px 0px;
}
/* Custom Column Dashboard  */
	body.preview-mode .ElementDynClass.dashboardEl hr 
	{
		margin-top: 15px;
		margin-bottom: 20px;
    	border: 0;
    	border-top: 1px solid #a2a2a2;
	}
    


	body.preview-mode .ElementDynClass.dashboardEl:not([data-type="title_dashboard"]):not([data-type="date_dashboard"])
	{
		padding: 1.5rem!important;
		padding-bottom: 0 !important;
		border-radius: 1rem!important;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	}
	body.preview-mode .ElementDynClass.dashboardEl .title_column_dash
	{
		color: #008784;
		letter-spacing: -.025em!important;
		line-height: 1.5rem!important;
		font-weight: 500!important;
		font-size: 1.5rem!important;
		overflow: hidden!important;
	    text-overflow: ellipsis!important;
	    white-space: nowrap!important;
	}
	body.preview-mode .ElementDynClass.dashboardEl .subtitle_column_dash
	{
		color: #008784;
		margin-top: 0.5em;
    	font-size: 10px;
	}
	body.preview-mode .ElementDynClass.dashboardEl .btnColumnDashMore
	{
		color: #008784;
		border: 1px solid #008784;
		padding: 5px 20px!important;
	    border-radius: 9999px!important;	
	    background-color: white;
	    margin-bottom: 1em !important;
	}
	body.preview-mode .ElementDynClass[data-type="dashboard_standard"] .dashboard_standard_icon
	{
	    margin-top: 2em;
	    margin-bottom: 1em;
	    text-align: center;
	}
	body.preview-mode .ElementDynClass[data-type="dashboard_standard"] .dashboard_standard_icon i
	{
		text-align: center;
		padding: 15px;
		border-radius: 50%;
		background: red;
		font-size: 14px;
		color: white;
	}
	body.preview-mode .ElementDynClass[data-type="dashboard_standard"] .dashboard_standard_top, body.preview-mode .ElementDynClass[data-type="dashboard_view"] .dashboard_standard_top
	{
		display: flex;
		justify-content: space-between!important;
		align-items: center !important;
	}
	body.preview-mode .ElementDynClass[data-type="dashboard_standard"] .dashboard_standard_centre, body.preview-mode .ElementDynClass[data-type="dashboard_view"] .dashboard_standard_centre
	{
		display: flex!important;
		flex-direction: column;
		justify-content: center;
		/*margin-top: 2em;*/
		margin-bottom: 1.5em;
	}
	body.preview-mode .ElementDynClass[data-type="dashboard_standard"] .dashboard_standard_centre
	{
		margin-top: 3em;
	}
	body.preview-mode .ElementDynClass[data-type="dashboard_standard"] .dashboard_standard_centre .field_value
	{
	    text-align: center;
	    line-height: 1;	
		font-size: 2rem!important;
		letter-spacing: -.025em!important;
		font-weight: 700!important;
		margin-bottom: 0.1em;
		line-height: 1.7;
	}
	body.preview-mode .ElementDynClass[data-type="dashboard_standard"] .dashboard_standard_centre .field_title, body.preview-mode .ElementDynClass[data-type="dashboard_view"] .dashboard_standard_centre .field_title
	{
		text-align: center;
	    line-height: 1;
		font-size: 1.2rem!important;
		font-weight: 500;
		margin-bottom: 2em;
		line-height: 1.7;
	}

	body.preview-mode .ElementDynClass .btnColumnDashMore:hover
	{
		background-color: #EAEDF1;	
	}	
/* END Custom Column Dashboard  */

.preview-mode [data-type="title_dashboard"]
{
	padding: 0 !important;	
}
.preview-mode [data-type="title_dashboard"] .TitleDashboard
{
	display: inline;   font-weight: 400;
}
.preview-mode [data-type="title_dashboard"] .subTitleDashboard
{
    font-family: var(--font-family);
    font-weight: 400;
    margin-left: 8px;
}
.daterangepicker li[data-range-key="Custom Range"]
{
	display:none;
}
.ElementDynClass[data-type="checkbox"] .td-libelle
{
	cursor:default;
}
.ModuleContainer[data-slug="_md_group_access_client"] .ModuleBody_bg > .ModuleBody > .ElementDynClass[data-type="tab"]    
{
    width: calc(33% - 50px);
    display: inline-grid;
    margin-right: 50px;
}
.ModuleContainer[data-slug="_md_group_access_client"] .ModuleBody_bg > .ModuleBody > .ElementDynClass[data-type="tab"]     .col-el
{
	padding-left: 9px;
}
.ModuleContainer[data-slug="_md_group_access_client"] .ModuleBody_bg > .ModuleBody > .ElementDynClass[data-type="tab"]  > .tab-content>div
{
	padding-left: 0;
}  

@media screen and (max-width: 550px) {
	.ModuleContainer[data-slug="_md_group_access_client"] .ModuleBody_bg > .ModuleBody > .ElementDynClass[data-type="tab"]    
	{
	    width: 100%;
	    display: inline-grid;
	    margin-right: 0px;
	}
	.ModuleContainer[data-slug="_md_group_access_client"] .ModuleBody_bg > .ModuleBody > .ElementDynClass[data-type="tab"]     .col-el
	{
		padding-left: 25px;
	}
	.ModuleContainer[data-slug="_md_group_access_client"] .ModuleBody_bg > .ModuleBody > .ElementDynClass[data-type="tab"]  > .tab-content>div
	{
		padding-left: 10;
	}  	
}



.SelectComposantDiv_Column_Parent {
    display: grid;
    padding: 0px;
    margin-left: 0px;
    grid-template-columns: 27.5% 27.5% 27.5%;
    grid-gap: 25px;
}
.btnSelectTargetSpan
{
    margin-left: 5px;
    opacity: 0.75;
}
.SelectComposantDiv_Column_Parent .SelectComposantDiv_Column {
    cursor: pointer;
    min-height: 30px;
    display: grid;
}
.SelectComposantDiv_Column > div {
    border-radius: 3px;
    background: #29c4a9;
    transition: background .2s ease;
}
.input_select_dyn_settings_element .dropdown-header
{
	font-weight: 600;	
}
.input_select_dyn_settings_element .dropdown-menu li small
{
    text-transform: uppercase;
}
.element_settings_dyn[disabled]
{
	opacity: 0.5;
	cursor: not-allowed;
}
button.btnSelectTarget
{
    margin-top: 1.5em;
    padding: 7px 12px;
    border-radius: 6px;
}
button.btnModule:focus, button.btnModule:active
{
	box-shadow: none !important;
	background-color: #28a745 !important;
	border-color: #28a745 !important;	
}
button.btnModule {	
	position: relative;
	margin-left: 3px;
}
button.btnModule:focus
{
    background-color: #646464 !important;
    border-color: transparent !important;
}
button.btnModule.activeModule:before {
  content: '';
  border-bottom: 2px solid #646464;
  padding: 0;
  width: 100%;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: 0 auto;
  
  transition: 0.3s;
}
button.btnModule.isDashboard.activeModule:before {
	border-bottom: 2px solid #a9c094 !important;
}


/* Options */
.parent_setting_ .setting_elem_help
{
	font-size: 10px;
	color: #a1a7b1;display: none;
	margin-top: 0px;
}
.parent_setting_ .helpTite
{
	font-size: 12px;color: #a1a7b1;
	margin-top: 10px;
}
}

.parent_setting_ .tabResponsibleHover
{
	width: 100%;
	min-height: 43px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    padding: 0!important;
    border-bottom: 2px solid #f1f5f9;
    margin-bottom: 10px;
    margin-top: 10px;
}
.parent_setting_ .tabResponsibleHover li
{
	flex-grow: 1;
    list-style: none;
    vertical-align: top;
    padding: 0 1px;
    margin-bottom: 0;
}
.parent_setting_ .tabResponsibleHover li button.active
{
    color: #2b87da;
    background: #fff;
    border-color: #f1f5f9;	
}
.parent_setting_ .tabResponsibleHover li button:focus
{
	outline: none !important;
	box-shadow: none !important;
}
.parent_setting_ .tabResponsibleHover li button
{
    width: 100%;
    margin: 0;
    text-align: center;
    background-color: #f1f5f9;
    color: #bec9d6;
    cursor: pointer;
    padding: 10px 0;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
    text-transform: none;
    text-decoration: initial;
    border: 2px solid #f1f5f9;
    border-bottom: none;
    transition: background-color .4s ease,color .2s ease;
}
.parent_setting_
{
	transition: filter 0.4s ease-in-out, background-color 0.4s ease-in-out;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;	
}
.parent_setting_ .backgroundColorCheckboxChild
{
	opacity:0.6;
	/*background-color:#0f02ff2e;*/
	position:absolute;
	top:-15px;
	/*width: calc(100% + 30px);  */
	width: 4px;  
	background: #6c2eb9;
	/*background-image: linear-gradient(to right top, #f0ecf2, #ebd6f6, #e6c0fa, #e0a9fd, #d992ff);*/
	/*border-left:5px solid #6c2eb9;*/
}
.row_configuration_all
{
  margin-bottom: 15px;
  min-height: 20px;
  margin-top: 10px;
  position: relative;
  z-index: 2;
}
.row_configuration_all .dropdown-toggle:focus
{
	outline: none !important;
	box-shadow: none !important;
}


.row_configuration_all .dropdown-item:focus
{
	outline: none !important;
}
.input_group_rename, 
.inputcolorpickers_dyn_settings_element,
.input_dyn_settings_element,
.input-template,
.input_dyn_inputtree,
#selectSheet,
.input_menu_add,
.input_logo_menu_add,
.input_select_dyn_settings_element .dropdown-toggle, .ElementDynClass.dashboardEl .filtre .inputDM
{
	font-family: Open Sans,Helvetica,Roboto,Arial,sans-serif;
	font-size: 12px;
    font-weight: 600;
	background: #F1F5F9;
    width: 100%;
    border: 0px;
    padding: 7px 10px;
    border-radius: 3px;
    transition:background .2s ease;
    color:#4c5866;
}

.input_group_rename:focus, 
.input_dyn_settings_element:focus, 
.input-template:focus, 
.input_menu_add:focus, 
.input_logo_menu_add:focus, 
.inputcolorpickers_dyn_settings_element:focus, 
#selectSheet:focus, 
.input_select_dyn_settings_element:focus {
    outline: none;
    background: #E6ECF2;

}
.title_item_setting, .tabResponsibleHover, .buttons_inline_setting
{
	position: relative;
	z-index: 2;	
}
.buttons_inline_setting button.active, .title_item_setting button.active
{
	background: #2C87DA !important;
	color :white !important;
}
.buttons_inline_setting button
{
	margin-right: 10px;
}
.buttons_inline_setting button.active, .title_item_setting button.active
{
	background: #2C87DA !important;
	color :white !important;
}
.btn-circle:active,
.btn-circle,
.btn-circle:hover:focus{
	border: 0 !important;
	box-shadow:none !important;
	outline : 0 !important;
}
.btn-circle:hover{

}
.btn-circle {
  width: 22px;
  height: 22px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  line-height: 1.428571429;
  border-radius: 15px;
  background: #F1F5F9;
  color: black;
  border: 0;
  padding: 0px;
}




.bs-searchbox, .bs-actionsbox, .bs-donebutton
{
	padding: 0 24px !important;
    padding-left: 6px !important;
    padding-right: 23px !important;	
}
.input_select_dyn_settings_element 
{
	z-index: 999999999999999999999;
}
.buttonHeaderModule .avatar .UserName
{
	margin-left: 5px;
}

.ModuleContainer[data-view="FormReadView"] .ModuleBody_bg .ModuleBody
{
	min-height: 180px;
}
.InputDM_InputList .table thead tr th:first-child .custom-control, .InputDM_InputList .table tbody tr td:first-child .custom-control
{
    display: flex;
    justify-content: center;
    max-width: 55px;
}
.askPopup .AskPopupContainer
{
	min-height:180px;
}
.popupBackground > .loading 
{
	min-height:230px;
    background: white;
    width: 340px;
    margin: 0 auto;
	border: 1px solid #ced4da;
    box-shadow: 0 5px 20px -15px black;
    height: auto;
    cursor: default;
    background: white;
    padding: 20px;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;    
    position: absolute;
    left:50% !important; transform: translateX(-50%);
    border-radius: 10px;
}
.askPopup .ModuleBody_bg
{
	min-height: auto !important;
}

.moduleParamPreview
{
	background: #f1f5f9;
	padding-top: 20px !important;
}
.moduleParamPreview .formViewLoaded
{
	padding-top: 50px !important;
}
/* CheckBox */

.InputDM_InputCheckbox .switchdyn {
	top: 5px;	
}
.switchdyn {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 25px;
}


/* checkbox special list sghire shouiya 3la ta3 la formWrite */
.InputDM_InputList .switchdyn, .InputDM_Kanban .switchdyn
{
	width: 40px;
    height: 20px;	
}
.InputDM_InputList input:checked + .slider-checkbox:before, .InputDM_Kanban input:checked + .slider-checkbox:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.InputDM_InputList .slider-checkbox:before, .InputDM_Kanban .slider-checkbox:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    top: 3px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
body:not(.preview-mode) .PageDataManager .navigation
{
	z-index: 9 !important;
}
body.preview-mode .ElementDynClass[data-type="header"] .header-content 
{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
	flex-wrap: nowrap;
    align-items: flex-start;    
}
body.preview-mode .ElementDynClass[data-type="header"] .header-content .left
{
    flex: 1;
}
body.preview-mode .ModuleContainer[data-view="FormReadView"] .HideOnFormREAD, body.preview-mode .ModuleContainer[data-view="formWrite"] .HideOnFormWrite
{
	display: none !important;
}


/* Hide default HTML checkbox */
.switchdyn input {display:none;}

/* The slider-checkbox */
.slider-checkbox {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-checkbox:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider-checkbox {
  background-color: #444 !important;
}
input.primary:checked + .slider-checkbox {
  background-color: #2196F3;
}
input.success:checked + .slider-checkbox {
  background-color: #8bc34a;
}
input.info:checked + .slider-checkbox {
  background-color: #3de0f5;
}
input.warning:checked + .slider-checkbox {
  background-color: #FFC107;
}
input.danger:checked + .slider-checkbox {
  background-color: #f44336;
}

input:focus + .slider-checkbox {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider-checkbox:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}





.slider-checkbox.round {
  border-radius: 34px;
}

.slider-checkbox.round:before {
  border-radius: 50%;
}
.ElementDynClass .admin_typeinput
{
	float: right;
	margin-right: 10px;
}
.header-app{
   
}
.header-app .checkbox_adminMode
{
    position: relative;
    top: 10px;
    right: 10px;
}

body:not(.preview-mode) #BackBtn_ReturnShowApp
{
	display: block !important;	
}
body:not(.preview-mode) .Selected
{
    outline: 2px solid #00A09D !important;
}    
body:not(.preview-mode) .SelectedHover
{
    outline: 1px dashed #00A09D;
}
.navtabs_container > .tab-title > .nav-tabs li
{
    position: relative;
    top: 1px;	
}
.navtabs_container > .tab-title > .nav-tabs li:active a, .navtabs_container > .tab-title > .nav-tabs li:focus a, .navtabs_container > .tab-title > .nav-tabs a.active
{
	border-top-color: #875A7B;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;	
}

.ModuleBody_bg_Many2one_popup
{
	min-height: 0vh !important;
	background: white !important;
}

.AskPopupMenu .dd-collapse
{
	display: none !important;
}
.dd-handle
{
	height: auto !important;
	padding-right: 43px !important;
}
.AskPopupMenu .iconTitle
{
	position:relative;margin-right:5px;
}
.AskPopupMenu li[data-menu_titlecheckbox="true"] > .dd-handle > .dd-content > .iconTitle:before		
{
	content: "\f4a6" !important;
}
.AskPopupMenu li[data-menu_titlecheckbox="false"] > .dd-handle > .dd-content >  .iconTitle:before		
{
	content: "\f1c0" !important;
}
.AskPopupMenu li[data-siparateurmenu="true"] > .dd-handle > .dd-content >  .iconTitle:before		
{
	content: "‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾" !important;
    position: relative;
    top: 2px;	
}

	
.popupLayoutFieldContent .searchContainer
{
	height:40px;width:99%;margin-top:20px;
}
.popupLayoutFieldContent .searchContainer .InputSearch
{
	font-size:11px;
}
.popupLayoutFieldContent .tabbody .BoxTypeElement:not(.SelectComposantDiv_Column) i
{
	font-size:15px;opacity: 0.8;
}
.popupLayoutFieldContent .tabbody .BoxTypeElement:not(.SelectComposantDiv_Column) span
{
	font-size:11px;opacity: 0.9;font-weight: normal;
}
.popupLayoutFieldContent .tabbody .BoxTypeElement:not(.SelectComposantDiv_Column)
{
background:#F0F5F9;
height:55px;
width:98%;
font-size:12px;
font-weight: bold;
text-align: center;
padding:10px;
line-height: 1.6;
color:rgb(77,89,101);;
margin-top:4px;
-webkit-transition: background-color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out;
transition: background-color 0.4s ease-out;
}


.popupLayoutFieldContent .tabbody .BoxTypeElement:not(.SelectComposantDiv_Column):hover {
  background-color: rgb(224,230,235);
  cursor: pointer;
}


.dropdown-toggle::after
{
	margin-left: 0.6755em;
}
.dropdown-action .dropdown-toggle:after, .dropdown-print .dropdown-toggle:after
{
	display: none;
}
.InputDM_InputList td
{
	position: relative;
}
.InputDM_InputList label.switchdyn
{
	margin-bottom: 0 !important;
	position: absolute;
	top: 6px;
}
.askPopupConfiguration div_color_default
{
    background-color: #4F46E5;
    min-height: 12px;
    min-width: 12px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 2px;
}
.askPopupConfiguration div_color_brand
{
    background-color: #2196F3;
    min-height: 12px;
    min-width: 12px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 2px;
}
.ViewControl .NavigationTitle a:not(:last-child):after, .NavigationTitleDashboard a:not(:last-child):after
{
    font-family: 'Font Awesome 5 Pro';
    content: "\f178";
    font-weight: 400;
    font-size: 11px;
    margin-left: 10px;
    margin-right: 10px;
    color: #008784;
    margin-top: 25px;
    position: relative;
    top: 1px;
    pointer-events: none;
}

.askPopupConfiguration div_color_teal
{
    background-color: #0D9488;
    min-height: 12px;
    min-width: 12px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 2px;
}
.askPopupConfiguration div_color_rose
{
    background-color: #F43F5E;
    min-height: 12px;
    min-width: 12px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 2px;
}
.askPopupConfiguration div_color_purple
{
    background-color: #9333EA;
    min-height: 12px;
    min-width: 12px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 2px;
}
.askPopupConfiguration div_color_amber
{
    background-color: #F59E0B;
    min-height: 12px;
    min-width: 12px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 2px;
}
.contentTab_Layout .content_layout .checkbox_layout
{
	min-height: 130px;
}
.contentTab_Layout .content_layout .checkbox_layout .switchdyn
{
    position: absolute;
    top: -30px;		
}
.contentTab_Layout .content_layout .checkbox_layout .title_item_setting
{
    margin-left: 57px;
    display: block;
    margin-right: auto;
}
.contentTab_Layout .content_layout .image_layout
{
	width:90px;    
	position: absolute;    
    top: -80px;
}

.btn:focus, .btn.focus
{
	box-shadow: none;
}
.header-app a
{
	font-size:15px;cursor: pointer; padding: 10px;margin-right: 10px;
}
.header-app a:hover
{
    background-color: rgba(0, 0, 0, 0.08);
}
.header-app a.Exporter-dataManager, .header-app a.Importer-dataManager, .header-app a.workflow-project-dataManager, .header-app a.dashboard-dataManager, .header-app a.Config-dataManager
{
	color:#64748B;
}
.askpopupMany2one .title_, .askPopup .title_
{
	padding: 15px;border-bottom: 1px solid #c6c5c5;
	position: sticky;
    z-index: 98999999999999999;
    background: white;
    width: 100%;
    top: 0;
}
.dashboardEl .filtre a
{
	padding-right: 40px;
	white-space: pre;

}
.InputDM_InputList table tr th.stickycolumn, 
.InputDM_InputList table tr td.stickycolumn {
   position: sticky !important;
   right: -3px;
   z-index: 2;
}
body.ThemeDefault .InputDM_InputList table tr th.stickycolumn
{
   background-color: white;
}
body.ThemeDefault .InputDM_InputList table tr td.stickycolumn
{
	background-color: white;
    box-shadow: inset 0px 1px 0px #DBDBDB;
    transform: translateY(-1px);	
}
body.ThemeDefault .InputDM_InputList table tbody tr:first-child td.stickycolumn
{
	transform: translateY(1px);
	box-shadow: none;
}
body.ThemeDefault .InputDM_InputList table tr:nth-of-type(odd) td.stickycolumn
{
	background-color: #FCFCFC;
}
body.ThemeDefault .inputDM > .table-striped > tbody > tr:not(.subListContainer):not(.add_new_line_one2manylist):not(.Agregatligne):hover td.stickycolumn{
	background-color: #F5F5F5;	
}


.askPopup .closeButton, .askPopup .saveButton, .askPopup .createButton, .askPopup .deleteButton, .askPopup .ActiveDesactiveBtn, .askPopup .copierButton, .askPopup .collerButton, .askPopup .confirmButton, .btnFontPopup
{
    font-family: var(--font-family);
    font-size: 12px;	
	margin-right:10px;
    font-weight: 500;
    margin-bottom: 5px;
}
.AskPopupTemplateSelect .template span
{
	white-space: break-spaces;
}
.AskPopupTemplateSelect .template.selected
{
    box-shadow: rgb(82 82 174 / 70%) 0px 3px 0px;
}  
.btn_manage_filtre.desablemask
{
	background-color: #c0c0c069 !important;
}
.AskPopupTemplateSelect .template  
{
	text-align:center;
	padding-top: 200px;
    min-height: 195px;
    min-width: 157px;
    max-width: 157px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 5px;
    cursor: pointer;
}
.mfp-bg, .mfp-wrap
{
	z-index: 99999999999999999999999999999 !important;
}

.popupBackground .askPopup:not(.targetModuleOpen) .ModuleBody 
{
	padding: 0 !important;
	border: 0 !important; 
	box-shadow: none !important;	
} 
.popupBackground .askPopup
{
	border: 1px solid #ced4da; 
	box-shadow: 0 5px 20px -15px black;	
}
.ui-dialog
{
	z-index: 9999999999999999999999999999;
    border: 1px solid #aaa7a7;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;	
    background: white;
    padding: 20px;    
}
.navigation .dropdown-item.active, .dropdown-item:active
{
    background-color: initial !important;
}
	/* hadou pour tree sql condition rules domain filtre */

	.ui-dialog .ui-dialog-content {
		  overflow: hidden !important;
	}
	/* Filtre Popup */
	
	.menu_field_filtre {
		position: absolute;
		left: 0px;
		z-index: 1;
		top: -10px;
		width: 100%;
		padding: 6px 0;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
	.menu_field_filtre>li>a:hover {
		background:#f5f5f5;
	}
	
	.menu_field_filtre>li>a:focus, .menu_field_filtre>li>a:hover
	{
		text-decoration: none !important;
		outline:0 !important;
	}
	.menu_field_filtre>li:nth-of-type(1)>a {
		border-top: 1px solid #d4d7d8;
	}
	.menu_field_filtre>li>a {		
		position:relative;
		display: block;
		padding: 3px 5px;
		clear: both;
		font-weight: 400;
		line-height: 2;
		color: #333;
		white-space: nowrap;
		border-bottom: 1px solid #d4d7d8;
	}
	.menu_field_filtre li a
	{
    	padding: 10px;		
	}
	.menu_field_filtre li p
	{
		margin-left: 40px;
    	line-height: 1;
    	margin-bottom: 0px;
	}	
	.menu_field_filtre li .moreFieldsModule
	{
		position:absolute;
		right:10px;
		top: 36%;
	}	

	.menu_field_filtre li .type_
	{
		margin-left: 40px;
		font-size: 12px;
		color: #adb5bd !important;
	}	
	.menu_field_filtre li .icontypefield.fa-exclamation-triangle
	{
		color: red !important;
	}
	.menu_field_filtre li .icontypefield
	{
		position: absolute;
	    top: 46%;
	    transform: translateY(-50%);
	    font-size: 20px;
	    color: #757171cf;
	    margin-left: 4px;
    }
    .InputDM_InputList
    {
    	position: relative;
    }
      .ListHelper table, .ListHelperRecent table {
            border-collapse: collapse;
            width: 100%;
        }
          
       .ListHelper  th, .ListHelper td, .ListHelperRecent  th, .ListHelperRecent td {
            text-align: left;
            padding: 8px;
        }
          
        .ListHelper tr td, .ListHelperRecent tr td
        {
        	padding-left: 10px !important;
        }
        body #helpper_top_container tr 
        {
        	background-color: #F5F5F5;
        	padding: 0px 10px;
        }
        .ListHelper tr, .ListHelperRecent tr, #helpper_top_container tr 
        {
            background-color: #ffffffad;
            padding: 5px;
			font-size: 18px;
    		font-family: roboto;       
    		cursor: pointer;     
  		    padding-left: 10px;
        }
        #helpper_top_container tr  td
		{
			padding: 10px 5px;
			font-weight: 500;
			text-transform: capitalize;
			white-space: pre;
			font-size: 14px;
		}
         .ListHelper tr.selectedMouse, .ListHelperRecent tr.selectedMouse
         {
		    outline: 2px #505050 dashed;
         }

         .ListHelper tr.selected, .ListHelperRecent tr.selected
         {
		    background-color: #505050 !important;
		    color: white;
         }
          
        #helpper_top_container tr:nth-child(even) 
        {
        	background-color: white;	
        }
        .ListHelper tr:nth-child(even), .ListHelperRecent tr:nth-child(even)
        {
            background-color: #e5e6e9;
        }
        .ListHelperRecent table
        {
        	background: #505050;
        }
        .ListHelperRecent table tbody
        {
		    display: flex;
		    flex-wrap: wrap;
		    flex-direction: row;
		    align-content: flex-start;
		    min-height: auto !important;
        }   
        .ListHelperRecent tr:not(.clear_recent_modules)
        {
    		width: auto !important;
	    	margin: 7px;
		    font-size: 16px;
        }
        .clear_recent_modules
        {
			background: transparent !important;    color: white;    width: 100% !important;    text-align: center;
	    	margin: 7px;
		    font-size: 16px;			
        }
        .clear_recent_modules:hover
        {
        	text-decoration: underline;
        }    
    .InputDM_InputList .table thead tr th:first-child
	{
    	max-width: 55px;
    	width: 55px;
    	min-width: 60px;
	}
    [data-type="dashboard_view"] .InputDM_InputList .table thead tr th:first-child,
    [data-type="dashboard_view"] .InputDM_InputList .table tbody tr td:first-child:not(.groupByItem)
	{
    	max-width: 0px;
    	width: 0px;
    	min-width: 0px;
	}
    .InputDM_InputList .selected-info .selectAllbtn:before
    {
		font-family: 'Font Awesome 5 Pro';
		content: "\f0a9";			
    	font-size: 10px;
    	margin-right: 5px;
    }
	.InputDM_InputList .selected-info
	{
		background: white;
    	position: fixed;
    	bottom: 0px;
    	left: 0px;
    	width: 100%;
    	z-index: 999;
    	padding: 5px;
    	border-top: 1px solid #cbcbcb;
		display: flex;
    	flex-direction: row-reverse;    	
	}
	.InputDM_InputList .selected-info button 
	{
		font-size: .975rem;
	}	
	.InputDM_InputList tr.hasGroupby td
	{
		background:#e8ebee;
	}
	.InputFieldContainer .input_value .input_key::placeholder,.InputMultipleFieldContainer .input_value .input_key::placeholder, input[data-property="TemplateDisplayFields_inputtemplate"]::placeholder
	{
		color: silver;
	}	
	.InputMultipleFieldContainer .input_value .input_key, .InputFieldContainer .input_value .input_key	
	{
    	position: absolute;
    	bottom: 0px;		
	}
	.select-fields .item_fields
	{
		display: inline;border: 1px solid rgb(220, 174, 174);padding: 1px;padding-right:3px;padding-left:3px;background: rgb(241, 241, 241);
	}

	.divfiltreadditional
	{
		outline: 0;
		line-height:26px
	}	
	.divfiltreadditional_button:hover,
	.divfiltreadditional_button:focus,
	.MenuDomainFieldProposal .search_input:focus
	{
		text-decoration: none !important;
		outline:0 !important;
		border:0 !important;
		box-shadow :none !important		
	}



	.contenu-requette  .container_rull .grid_filtre .input_value
	{
		position: relative;
	}
	.contenu-requette  .container_rull .grid_filtre .input_value .InputDM 
	{
	    position: absolute;
	    bottom: -1px;
	}
	/*.PageDataManager */.contenu-requette  .container_rull .container_rull .grid_filtre div:nth-of-type(1)
	{
		margin-left: 20px;
	}
	/*body.dataManager*/ .contenu-requette  .container_rull .container_rull .container_rull .grid_filtre div:nth-of-type(1)
	{
		margin-left: 40px;
	}	
	/*body.dataManager*/ .contenu-requette  .container_rull .container_rull .container_rull .container_rull .grid_filtre div:nth-of-type(1)
	{
		margin-left: 60px;
	}	
	/*body.dataManager*/ .contenu-requette  .container_rull .container_rull .container_rull .container_rull .container_rull .grid_filtre div:nth-of-type(1)
	{
		margin-left: 80px;
	}	
	/*body.dataManager*/ .contenu-requette  .container_rull .container_rull  .container_rull .container_rull .container_rull .container_rull .grid_filtre div:nth-of-type(1)
	{
		margin-left: 100px;
	}	
	.contenu-requette .sub_buttonCondition
	{
		margin-bottom: -7px;
		margin-top: 13px !important;	
		display: block !important;
	}
	.contenu-requette  .container_rull .sub_buttonCondition
	{
		margin-left: 20px !important;
	}
	.contenu-requette  .container_rull .container_rull .sub_buttonCondition
	{
		margin-left: 40px !important;
	}	
	.contenu-requette  .container_rull .container_rull .container_rull .sub_buttonCondition
	{
		margin-left: 60px !important;
	}	
	.contenu-requette  .container_rull .container_rull .container_rull .container_rull .sub_buttonCondition
	{
		margin-left: 80px !important;
	}	
	.contenu-requette  .container_rull  .container_rull .container_rull .container_rull .container_rull .sub_buttonCondition
	{
		margin-left: 100px !important;
	}	


	.contenu-requette  .grid_filtre
	{
	    font-family: Open Sans !important;
	    font-weight: 500 !important;
	    font-size: 12px !important;
	}

	.contenu-requette  .grid_filtre > div:nth-of-type(4) > .btn_manage_filtre:focus, .select-fields_button:focus, .contenu-requette  .grid_filtre > div:nth-of-type(5) > .btn_manage_filtre:focus
	{
		text-decoration: none !important;
		outline:0 !important;
		border:0 !important;
		
	}
	.contenu-requette  .grid_filtre > div:nth-of-type(4) > .btn_manage_filtre:hover, .select-fields_button:hover, .contenu-requette  .grid_filtre > div:nth-of-type(5) > .btn_manage_filtre:hover
	{
		background:#E3E3E3;
	}
	.contenu-requette  .grid_filtre > div:nth-of-type(4) > .btn_manage_filtre, .select-fields_button, .InputMultipleFieldContainer .btn_manage_filtre, .InputFieldContainer .btn_manage_filtre, .contenu-requette  .grid_filtre > div:nth-of-type(5) > .btn_manage_filtre
	{
		height:100%;
		outline:0;
		border:0;
		background-color: white;
		color: #6c757d;
		padding:3px;
		padding-right:12px;
		padding-left:12px;
		border-radius:0px;
		transition: all 0.2s ease;
	}

	.contenu-requette .grid_filtre
	{
		margin-top:10px;
		display: grid;  
		grid-template-columns: 35% 20% 20% 20%;  
		grid-gap: 10px;
	}	
	.InputMultipleFieldContainer .contenu-requette .grid_filtre
	{
		grid-template-columns: 55% 20% 20%; 
	}
	.InputFieldContainer  .contenu-requette .grid_filtre
	{
		display: block;  	
	}

	@media screen and (max-width: 750px) {
		.contenu-requette .grid_filtre
		{
			grid-template-columns: 35% 17% 17% 20%;  
		}	
	}
	@media screen and (max-width: 550px) {
		.contenu-requette .grid_filtre
		{
			grid-template-columns: 20% 15% 15% 35%;  
		}	
	}

	.contenu-requette  .grid_filtre .select-fields, .row_configuration_inputfield .grid_filtre .select-fields
	{
		outline: 0;
		line-height:26px !important;
	}	

	body.dataManager .contenu-requette .grid_filtre > div:nth-of-type(1), .row_configuration_inputfield .grid_filtre > div:nth-of-type(1), .row_configuration_domain .grid_filtre > div:nth-of-type(1)
	{
		border-bottom:1px solid #CECECE;
		cursor:pointer;
	}		
	.contenu-requette .grid_filtre .inputdownicon
	{
		float:right;
		font-size:12px;
		margin-top: 4px;
	}		
	.contenu-requette .grid_filtre .fieldIconMany
	{
	    font-size: 10px;
	    margin-left: 5px;
	    margin-right: 5px;
	}			
	.contenu-requette .grid_filtre > div:nth-of-type(2) > select
	{
	    width: 100%;    
		height: 100%;    
		font-size: 12px;    
		background-color: transparent;    
		border: 0;    
		border-bottom: 1px solid #CECECE;
	}
	.contenu-requette  .grid_filtre > div:nth-of-type(2) > select:focus
	{
		text-decoration: none !important;
		outline:0 !important;
	}
	.contenu-requette  .grid_filtre > div:nth-of-type(3) > input
	{	
		border: 1px solid #cfcfcf;
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;    
		width: 100%;
		height:100%;
		resize: none;
		display: block;
		outline: none;
	}

.InputDM_InputList > .row
{
	margin-right: 0px !important;
	margin-left: 0px !important;
}
body.ThemeDefault .InputDM_InputList > .row
{
	width: 100%;
}
.InputDM_InputHTML .note-editor table, .InputDM_InputHTML .field-read table
{
	table-layout: fixed;
	width: 100%;
}

.InputDM_InputHTML .field-read
{
	word-wrap: break-word;
    overflow: hidden;
}

.InputDM_InputImage .flex_images
{
	display:flex;    flex-wrap: wrap;    flex-direction: row;    align-items: center;
}
.InputDM_InputList .flex_images, .InputDM_Kanban .flex_images
{
	display:flex;
}
.InputDM_Kanban
{
	padding-right: 10px;
}

.ElementDynClass input.inputDM:hover, .ElementDynClass textarea.inputDM:hover,
.ElementDynClass select.inputDM:hover, body div:not[data-type="dashboard_view"]  .ElementDynClass .flex_tags:hover
{
	/*border-bottom: 2px solid #868686;*/
	box-shadow: 0px 1px 0px #868686;

}
.PopupCreateNewInterface .ModuleBody_bg .BarreEtatAdmin
{
	margin-top: 30px !important;
}
.InputDM_InputImage .flex_images .image, .InputDM_InputList .flex_images .image, .InputDM_Kanban .flex_images .image, .buttonHeaderModule .RoundedImage
{
    background-position: center;
    background-repeat: no-repeat;	
	width:90px;height:80px;margin:3px;position: relative;
	background-color: #F1F5F9;
	background-size: cover;
	order: 0;
}
.InputDM_InputImage .flex_images .image
{
	 outline: 1px solid #ced4da;
}
.InputDM_InputImage .flex_images .image:hover .control 
{
	display: block !important;
}
.InputDM_InputImage .flex_images .image .control  
{
	position:absolute;width:100%;padding: 5px;
	background-color: rgb(35 20 39 / 57%);
	display: none;
}
.InputDM_InputImage .flex_images .image.LibraryImages .control
{
	width: auto !important;
	right: 0;
}
.InputDM_InputImage .flex_images .image .control i
{
	color: #edededba;
	cursor: pointer;
}
.InputDM_InputImage .flex_images .image .control .remove_image:hover, .InputDM_InputImage .flex_images .image .control .update_image:hover
{
	color: white;
}
.InputDM_InputImage .flex_images .image .control .update_image
{
	float: left;
}
.InputDM_InputImage .flex_images .image .control .remove_image
{
	float: right;
	font-weight: 600;
	color: white;
}
.InputDM_InputImage .flex_images .row_add_new_image
{
	order: 1;
}
.ElementDynClass .InputDM_InputList .td-libelle span, .ElementDynClass .InputDM_InputManytoMany .td-libelle span, .ElementDynClass .InputDM_InputMultipleText .td-libelle span, .ElementDynClass .InputDM_InputHTML .td-libelle span, .ElementDynClass .InputDM_InputImage .td-libelle span, .ElementDynClass .InputDM_InputFile .td-libelle span, .ElementDynClass .InputDM_Kanban .td-libelle span
{
	
    display: block;
}
.ElementDynClass[data-type="textarea"] .td-libelle span.libelle, .ElementDynClass[data-type="html"] .td-libelle span.libelle
{
	line-height: 1.6;
}
.ElementDynClass .InputDM_InputList .td-libelle, .ElementDynClass .InputDM_InputManytoMany .td-libelle, .ElementDynClass .InputDM_InputMultipleText .td-libelle, .ElementDynClass .InputDM_InputHTML .td-libelle, .ElementDynClass .InputDM_InputImage .td-libelle, .ElementDynClass .InputDM_InputFile .td-libelle, .ElementDynClass .InputDM_Kanban .td-libelle
{
	vertical-align: top;
}


body div:not[data-type="dashboard_view"] .ModuleBody_bg{
	background-color: #F1F1F1;
	min-height: 100vh;
}

.ModuleBody_bg[data-view="listView"] .ModuleBody:not(.preview-mode), .ModuleBody_bg[data-view="KanbanView"] .ModuleBody:not(.preview-mode), .ModuleBody_bg[data-view="GraphView"] .ModuleBody:not(.preview-mode)
{
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px;
    margin-top: 42px;
    border: 1px solid #ced4da;
    box-shadow: 0 5px 20px -15px black;    
}
@media screen and (max-width: 1020px) {
	.ModuleBody_bg[data-view="listView"] .ModuleBody:not(.preview-mode), .ModuleBody_bg[data-view="KanbanView"] .ModuleBody:not(.preview-mode) .ModuleBody_bg[data-view="GraphView"] .ModuleBody:not(.preview-mode)
	{
	    margin: 20px;
	    margin-top: 42px;
	}	
}
/* formViewLoaded : ki tatchager la form*/ 
body.preview-mode .PageDataManager .ContainerBody > .ModuleContainer .ViewControl.StickyElement
{
	position: sticky !important;    
	top: 0;    
    z-index: 99;
}


.ModuleBody_bg.formViewLoaded
{
	padding: 16px;	
	position: relative;
	z-index: 1;
}
.ModuleBody_bg.formViewLoaded .ModuleBody
{
    padding: 24px;
    padding-right: 30px;
    padding-left: 30px;
    border: 1px solid #ced4da;
    box-shadow: 0 5px 20px -15px black;
}
.ModuleBody_bg.formViewLoaded .ModuleBody, .ModuleBody_bg.formViewLoaded .BarreEtatAdmin
{
	max-width: 1440px;
    margin: 0 auto;    
    
}
.ModuleBody_bg .ModuleBody
{
    background-color: white;
    position: relative;
}

.ViewControl .right-column .search_option_class input
{
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 400;
    cursor: auto;
    line-height: 1.5;
    color: #666666;	
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;    
	width: 100%;
    display: block;
    outline: none;
}
.ViewControl .right-column .search_option_class
{
    border-bottom: 1px solid #8f8f8f;
    margin-bottom: 12px;
	padding-bottom: 1px;
	margin-right: 15px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

    
.sp-container
{
	background-color: #fffffff2;
	z-index: 9999999999999999999999;
}
.sp-container .sp-palette-row-selection
{
	display: none !important;	
}

.InputDM_InputFile .flex_files
{
    display: flex;
    flex-direction: column;	
}
.InputDM_InputFile .flex_files .file
{
	margin-top: 5px;
	order: 0;				    	
}
.InputDM_InputFile .flex_files .file .fileName
{
    margin-right: 15px;
}

.InputDM_InputFile .flex_files .file a
{
    cursor:pointer;
}
.InputDM_InputFile .flex_files .add_new_file
{
	order: 1;
}
    
.BarreEtatPreview .ElementDynClass, .SpecialButtons .ElementDynClass
{
	margin: 0;
	/*margin-top: -2px;*/
}
.InputDM_InputManytoMany .flex_tags .inputDM, .InputDM_InputImage .inputDM, .InputDM_InputFile .inputDM, .InputDM_InputSignature .inputDM, .BarreEtatPreview .inputDM
{
	border: 0 !important;
	margin-top: -1px;

}
.InputDM_InputManytoMany .flex_tags>div
{
	cursor: pointer;
}
.InputDM_InputManytoMany .flex_tags, .InputDM_InputList .flex_tags, .InputDM_Kanban .flex_tags
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
    border: 1px solid #cfcfcf;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;	
    min-height: 15px;
}   
.InputDM_InputSignature table tr > td
{
	vertical-align: top;
}
.InputDM_InputSignature .inputDM p 
{
	position:absolute;
	top:50% !important;
	left:50% !important;
	transform: translate(-50%, -50%);
    font-family: var(--font-family), "Odoo Unicode Support Noto", sans-serif;
    font-size: 1.08333333rem;
    font-weight: 400;
    line-height: 1.5;
    color: #444B5A;	
}
.InputDM_InputSignature .inputDM
{
    outline: 1px solid rgba(108, 117, 125, 0.3);
    position: relative;
    max-width: 600px;
    cursor: pointer;
    display: flex;
    justify-content: center;    
}
.ModuleContainer[data-view="FormReadView"] .add_categorie_btn
{
	display: none !important;
}
.ModuleContainer[data-view="FormReadView"] .ElementDynClass[data-type="file"]
{
 min-height: 30px;
}


.RoundedImage
{
	border-radius: 50%;
}
.ModuleContainer[data-view="FormReadView"] .InputDM_InputSignature .inputDM
{
	pointer-events: none;
}
.InputDM_InputSignature .inputDM .imagePreview, .InputDM_InputSignature .inputDM svg
{
    max-width: 100%;  
}

.AskPopupSignature .sig 
{
	position: relative;
    width: 100%;
    /*max-width: 466px;*/
    height: 200px;
    display: inline-block;
    border: 1px solid #a0a0a0;
}
.AskPopupSignature .sig .help_sig
{
	border-bottom: 1px solid #a0a0a0;width: 80%;position:absolute;top:60% !important;left:50% !important;transform: translate(-50%, -50%);
	opacity: 0.2;
}
.AskPopupSignature .sig .clear_sig 
{
	color: #a0a0a0;
	cursor: pointer;
	padding: 5px;
	position: absolute;
	top: -5px;
	right: 0px;
}

.AskPopupSignature .sig .clear_sig:hover 
{
	color :#7a7a7a;
}
.InputDM_InputList .signature_img, .InputDM_Kanban .signature_img
{
	width: 160px;
	height: 90px;
	background-size: cover;
	background-position: center;
	word-break: break-all;
}
.header-app 
{
	display: flex;
	flex-direction: row-reverse;
}

.InputDM_Kanban .HeaderText .title, .InputDM_Kanban .HeaderText .value
{
	font-size: 20px !important;
}



/*.SwitchStudio:focus
{
	color: white !important;
	background-color: #3f64ff !important;
}
.SwitchStudio:hover, .SwitchStudio.active
{
	opacity: 1 !important;
	background-color: #3f64ff !important;
	color: white !important;
}
.buttonHeaderModule .SwitchStudio i 
{
	font-size: 12px;
}*/
.SwitchStudio.active, .SwitchStudio:hover
{
	background-color: #818CF8 !important;
	color : white !important;
}

.toggle_menu_module
{
	color: #64748B;
}

.PageDataManager .navigation .navigation_view_module
{
	display: flex !important;
	width: 100%;
	order: 2;
	justify-content	: space-between;
	align-items:  center;
    min-height: 41px;
    background: white;		
	border-top: 1px solid #EEEEEE;	    
	padding-left: 15px;
	padding-right: 10px;
} 


.PageDataManager:not(.AppSelected) .titleAppSelected,
.PageDataManager:not(.AppSelected) #BackBtn_ReturnShowApp,
.PageDataManager:not(.AppSelected) .navbar-toggler,
.PageDataManager:not(.AppSelected) #navbarCollapse,
.PageDataManager:not(.AppSelected):not(.targetModuleOpen) .viewSelect,
.PageDataManager:not(.AppSelected) .Menu_Module,
.PageDataManager:not(.AppSelected) .navigation_view_module,
.PageDataManager:not(.AppSelected) .container_modules,
.PageDataManager:not(.AppSelected) .ListModule,
.PageDataManager.IsDashboard .navigation_view_module
{
	display: none !important;
}

.PageDataManager.AppSelected .header-app
{
	display: none;
}
[data-type="onetomany"] .empty_rows_kanban,
[data-type="manytomany"] .empty_rows_kanban
{
	display: none !important;
}
/*.SwitchStudio 
{
	color: #ffffff;
    background-color: #3f64ff;
    margin-right: 10px;
    margin-left: 10px;
    opacity: 0.5;
    transition: all 0.4s ease;    
}*/
.hiddenAdminSettingApp, .hiddenAdminSettingStats
{
	display: none !important;
}

.dd-list sup
{
	font-size: 65%;
    color: #818CF8;
	position: relative;
    top: -1px;
}
.dd-list sup.module
{
	font-size: 65%;
    color: red;
	border: 1px solid;
    padding-right: 1px;
    padding-left: 1px;       
}
.dd-list sup.OpenOnStart
{
	font-size: 65%;
    color: #59678f;
	border: 1px solid;
    padding-right: 1px;
    padding-left: 1px;       
}
.dd-list sup.OpenOnHomeIconClicked
{
	font-size: 65%;
    color: #7caeb9;
	border: 1px solid;
    padding-right: 1px;
    padding-left: 1px;       
}

.dd-list>button.dd-collapse:before
{
	display: none;
}
.wrapper_bigTitle .noaction
{
	pointer-events: none;
}

.wrapper_bigTitle .action_app:hover, .wrapper_bigTitle .action_module:hover
{
	filter: brightness(1.2);
}

.AskPopupTreeRightClientAccessContent a.nav-link
{
	color: #666666;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    max-height: 2.2em;
}

.dashboard_module .ElementDynClass
{
	margin-bottom: 0em !important;
}
.btnMenuFiltreDashboard
{
	color:#64748B;
	border-radius: 50% !important;
    transition: all 300ms ease;
	padding-right: 15px !important;
    padding-left: 15px !important;
    padding-top: 8px !important;
    padding-bottom: 4px !important;
    cursor: pointer;
    position: relative;
    top: -10px;
    left: 5px;
}
.btnMenuFiltreDashboard:hover, .btnMenuFiltreDashboard[aria-expanded="true"]
{
	background-color: rgba(0, 0, 0, 0.08) !important;
    text-decoration: none !important;
}


.btn_circle_radius
{
	color:#64748B;
	border-radius: 50% !important;
    transition: all 300ms ease;
    padding: 10px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}
.btn_circle_radius:hover:not(.SwitchStudio)
{
	background-color: rgba(0, 0, 0, 0.08) !important;
    text-decoration: none !important;
}
.viewSelect a
{
	color: #64748B;
	background-color: transparent;
	font-size: 14px;
	border-radius: 0;
	margin-left: 2px;
}
.viewSelect a.active
{
    color: #64748B !important;
    background-color: #EBEBEB !important;	
}
body.preview-mode .ModuleNameHelpper
{
	display: none;
}
.ModuleNameHelpper
{
	display: inline;
    margin-left: 7px;
    color: #64748b;
	position: relative;
	cursor: pointer;
    /*top: 2px;    */
}
.btnModuleParDefault
{
	margin-left: 10px;background-color: #3b82f6;border-color: #3b82f6;color:white;font-weight:500;font-size:12px;font-family:roboto;display:none;
	margin-top: -2px;
    margin: 17px;
    margin-bottom: 20px;	
}
.btnModuleParDefault:after {
    content: "Set module par default";
}
.btnModuleParDefault.defaultModule:after {
    content: "Cancel module par default";
}
.btnModuleParDefault.defaultModule
{
	font-weight: 600;
    background-color: rgb(194 201 203 / 12%);
    border-color: transparent;
    color: #57474752;	    
}
.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable
{
	color: #666666;
}
body:not(.preview-mode)  .ListModule
{
    max-height: 120px;
    overflow: auto;
}
body.preview-mode .navigation .ListModule, body.preview-mode .navigation .container_modules 
{
	display: none !important;
}    

body:not(.preview-mode) .navbar-collapse, body:not(.preview-mode) .navbar-toggler
{
	display: none !important;
}

[data-property="InterfaceModule"] .ModuleBody
{
	margin: 20px !important;
    margin-top: 40px !important;
}
.PageDataManager .navigation 
{
	display: flex;
	margin-bottom: 0px !important;
	padding: 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	background: white;	
	z-index: 2;
    position: relative;	
	/*max-height: 64px;*/
	/*height: 64px;		*/
	flex-direction: column;
}
.PageDataManager .navigation .navigation_left
{
	display: flex;
	flex: 1;
	justify-content : flex-start;
	align-items: center;
	padding-left: 10px;
} 
.PageDataManager .navigation .navigation_right
{
	display: flex;
	justify-content : flex-end;
	align-items: center;
	padding-right: 10px;
}  

.PageDataManager .navigation .navigation_top
{
	display: flex;
	order: 1;
	min-height: 64px;
} 

.PageDataManager .navigation .navbar-nav
{
	/*padding-left: revert !important;	*/
	flex-wrap: wrap;

}
.PageDataManager .navigation .navbar-nav > li > a
{
	padding: 10px;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 5px;	
}
.tippy-box {
  font-size: 10px;
}
.PageDataManager .navigation .navbar-nav a 
{
    font-family: var(--font-family), "Odoo Unicode Support Noto", sans-serif;
    font-size: 11px;
    font-weight: 400;	
    color: #64748B;
}
.dropdown-menu-filtre-dashboard li
{
    cursor: pointer;
}
.dropdown-menu-filtre-dashboard li a
{
	position: relative;
}
.dropdown-menu-filtre-dashboard li a.checked:before
{
	content: "\f00c";    
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
    font-size: 10px;	
    position: absolute;
    top: 10px;
    left: 6px;    
}
.PageDataManager .navigation .navbar-nav li li
{
    cursor: pointer;
}
/*[data-menu_bigtitle="true"] .dd-content:first-child:after
{
	content: "BigTitle";
}*/

.PageDataManager .navigation .navbar-nav .dropdown-toggle:after
{
	content: none !important;
}
.PageDataManager .navigation .navbar-nav li li.ParentCategorie
{
	pointer-events: none !important;
}
.PageDataManager .navigation .navbar-nav li li.ParentCategorie:hover
{
	background-color: white !important;
}
.PageDataManager .navigation #navbarCollapse li li
{
	padding: 0 !important;
}
.PageDataManager .navigation .navbar-nav li li:not(.ParentCategorie) a:hover, .PageDataManager .navigation .navbar-nav li li:not(.ParentCategorie) a.active, .dropdown-menu-filtre-dashboard li:hover
{
	background-color: rgba(0, 0, 0, 0.08);
}
.PageDataManager .navigation .navbar-nav li li a, .dropdown-menu-filtre-dashboard li a
{    
    font-weight: 400;
    color: #444B5A;
    padding: 8px 20px;
    display: block;
}
.btnMenuFiltreDashboard::after
{
	content: none !important;
}
.PageDataManager .navigation .navbar-nav li li a:focus, .PageDataManager .navigation .navbar-nav li li a:active, .PageDataManager .navigation .navbar-nav li li a:hover,
.dropdown-menu-filtre-dashboard li a:focus, .dropdown-menu-filtre-dashboard li a:active, .dropdown-menu-filtre-dashboard li a:hover
{
    text-decoration: none !important;
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;	
}

.PageDataManager .navigation .navbar-nav > li:not(.ParentCategorie) > a:hover, .PageDataManager .navigation .navbar-nav > li:not(.ParentCategorie) > a.active, .PageDataManager .navigation .navbar-nav > li.show > a
{
	background-color: rgba(0, 0, 0, 0.08) !important;
}
.PageDataManager .navigation .navbar-nav li.lvl2 a
{
    margin-left: 15px;    
}
.PageDataManager .navigation .navbar-nav li.lvl3 a
{
    margin-left: 30px;    
}
.PageDataManager .navigation .navbar-nav li.lvl4 a
{
    margin-left: 45px;    
}
.PageDataManager .navigation .navbar-nav li.lvl5 a
{
    margin-left: 60px;    
}
.PageDataManager .navigation .navbar-nav .ParentCategorie
{
	padding-bottom: 0.1em;	
}
.PageDataManager .navigation .navbar-nav .ParentCategorie a
{
    font-weight: 600 !important;    
	font-size: 10px !important;
}
.PageDataManager .navigation .navbar-nav .nav-item .dropdown-menu-right, .dropdown-menu-filtre-dashboard 
{
	margin-top: 0px !important;
}
.navbar-toggler:not(.collapsed)
{
	padding-right: 14px !important;
    padding-left: 14px !important;
}
.navbar-toggler.collapsed
{
	padding-right: 15px !important;
    padding-left: 15px !important;
}
.navbar-toggler
{
	transition: none !important;
}
.navbar-toggler:not(.collapsed) .icon_dropmenu::before
{
	content: "\f00d";
}
.navbar-toggler.collapsed .icon_dropmenu::before
{
	content: "\f142";
}
.bootstrap-datetimepicker-widget
{
	z-index: 9999999999999999999999999999999999999999999999999999 !important;
}
body.preview-mode .bootstrap-datetimepicker-widget .dateFunctionPicker button
{
	display: none;
}
.bootstrap-datetimepicker-widget .dateFunctionPicker button
{
	margin: 2px;
	cursor: pointer;
}
.PageDataManager .navigation .navbar-nav .nav-item .dropdown-menu, .dropdown-menu-filtre-dashboard 
{
	max-height: 70vh;
    overflow: auto;
    background-clip: border-box;
    box-shadow: 0 12px 14px -10px rgb(0 0 0 / 25%);
    border-radius: 0;
    margin-top: 4px;
    border: 1px solid #C9CCD2;
    border-top: 0px;
    position: absolute;
    border-top: 1px solid #64748B;
}
#navbarCollapse
{
	padding-left: 60px;
}
@media (max-width: 1024px)
{
}
@media (max-width: 768px)
{
	.ViewControl .right-column .search_option_class
	{
		margin-top: 10px;
	}
	.PageDataManager .navigation .navbar-collapse .navbar-nav > li > a
	{
		font-size: 16px;
		border-bottom: 1px solid #ebebeb;
		color: #64748B;
		padding: 10px;
	}
	.navigation_view_module .navbar-collapse
	{
		/*background-image: linear-gradient(to bottom, #ffffff, #feffff, #fbfeff, #f8ffff, #f5ffff, #f2ffff, #f0fffe, #edfffe, #eafffe, #e8fffe, #e5fffd, #e2fffd) !important;	*/
	}	
	.PageDataManager .navigation .navbar-collapse .navbar-nav li li a
	{
		color: #64748B;
		/*border-bottom: 1px solid #ebebeb;*/
	}
	.PageDataManager .navigation .navbar-collapse .navbar-nav .nav-item .dropdown-menu
	{
	    border: 0;
	    box-shadow: none;
	    color: #64748B;
	}
	.PageDataManager .navigation .navbar-nav li li
	{
		/*padding: 10px 27px;*/
	}

	#navbarCollapse
	{
		background: white;
		position: absolute;
	    left: 50% !important;
	    transform: translateX(-50%);
	    width: 100%;
	    top: 104px;
	    padding: 0;
	    margin: 0;
	    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;    
	}	

	#navbarCollapse ul
	{
		padding: 40px; 
		padding-top: 20px; 
	}	

	#navbarCollapse ul ul
	{
	    border-top: 1px solid rgb(100, 116, 139);
	    box-shadow: 0 12px 14px -10px rgb(0 0 0 / 25%);
	    padding: 0px;
	}	
}

.container_modules button
{
    margin: 5px;
}
.container_modules button:not(#AddModuleButton):not(#AddMultipleModuleButton):not(#AddModuleDashboartdButton):not(#MenuButton)
{

    background-color: #646464;
    border-color: transparent;

}
.container_modules button:hover, .container_modules button:focus, .container_modules button:active
{
/*    border-color: #8c8c8c !important;
    background-color: #646464 !important;*/
}
.navigation .titleModule
{
	padding-left: 10px;
}
.InputDM_InputList .image_link, .InputDM_InputList .file_link, .InputDM_InputFile .file_link, .InputDM_Kanban .image_link, .InputDM_Kanban .file_link
{
	 color: #666666;
}
.InputDM_InputList .image_link:hover, .InputDM_InputList .file_link:hover, .InputDM_InputFile .file_link:hover, .InputDM_Kanban .image_link:hover, .InputDM_Kanban .file_link:hover
{
	color: #0056b3;
}

.ModuleContainer[data-view="FormReadView"] .InputDM_InputManytoMany .flex_tags, .InputDM_InputList .flex_tags, .InputDM_Kanban .flex_tags
{
	border: 0 !important;
}
.InputDM_InputManytoMany .flex_tags .tag[data-color], .InputDM_InputList .flex_tags .tag[data-color], .InputDM_Kanban .flex_tags .tag[data-color]
{
	outline: 0!important;
}
.flex_tags .tag img 
{
	width:25px;height:25px;border-radius:50%;margin-left: 3px;
    background-size: cover;
    margin-top: 2px;
    margin-bottom: 2px;
    background-position: center;	
    margin-right: -5px;
}
.flex_tags .tag[data-color="#814968"] > div:nth-of-type(1), 
.flex_tags .tag[data-color="#2c8397"] > div:nth-of-type(1),
.flex_tags .tag[data-color="#475577"] > div:nth-of-type(1),
.flex_tags .tag[data-color="#d6145f"] > div:nth-of-type(1),
.flex_tags .tag[data-color="#9365b8"] > div:nth-of-type(1),
.flex_tags .tag[data-color="#814968"] > .removeTag, 
.flex_tags .tag[data-color="#2c8397"] > .removeTag,
.flex_tags .tag[data-color="#475577"] > .removeTag,
.flex_tags .tag[data-color="#d6145f"] > .removeTag,
.flex_tags .tag[data-color="#9365b8"] > .removeTag
{
	color: white !important;
}


.InputDM_InputManytoMany .colored_value, .InputDM_InputList .colored_value, .InputDM_Kanban .colored_value
{
    border-radius: 30px;
    order:0;    
    border: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
	padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 12px;
    padding-left: 12px;
    font-weight: 500;
}


.InputDM_InputManytoMany .flex_tags .tag, .InputDM_InputList .flex_tags .tag, .InputDM_Kanban .flex_tags .tag
{
 	margin-right: 5px;
    margin-bottom: 5px;
    padding-right: 10px;
    outline: 1px solid;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;  
    border-radius: 30px;
    order:0;    
    background-color: white;
    outline-color: #bebebe !important;
}
.InputDM_InputList .flex_tags .tag
{
    margin-bottom: 4px;
    margin-top: 3px;
    outline-color : #008784;
}
.InputDM_Kanban .flex_tags .tag
{
	margin-top: 5px;
}
.ElementDynClass.LoadingElementDyn:not([data-type="manytomany"])
{
	visibility: hidden !important;
}




.InputDM_InputManytoMany .flex_tags .tag > div:nth-of-type(1), .InputDM_InputList .flex_tags .tag > div:nth-of-type(1), .InputDM_Kanban .flex_tags .tag > div:nth-of-type(1)
{
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
    line-height: 1.1;    
}
.InputDM_InputManytoMany .flex_tags .tag > div:nth-of-type(2), .InputDM_InputList .flex_tags .tag > div:nth-of-type(2), .InputDM_Kanban .flex_tags .tag > div:nth-of-type(2)
{
    padding-left: 5px;
	color: #8f8f8f;
	cursor:pointer;
	font-size: 12px;
    position: relative;
    padding-right: 5px;	
}
.InputDM_InputManytoMany .flex_tags .tag > div:nth-of-type(2) i, .InputDM_InputList .flex_tags .tag > div:nth-of-type(2) i, .InputDM_Kanban .flex_tags .tag > div:nth-of-type(2) i
{
    padding: 5px;
    position: absolute;
    top: -10px;
    left: 0px;
}

.ModuleContainer[data-view="FormReadView"] .InputDM_InputManytoMany .flex_tags .tag > div:nth-of-type(2), .InputDM_InputList .flex_tags .tag > div:nth-of-type(2), .InputDM_Kanban .flex_tags .tag > div:nth-of-type(2)
{
	display:none !important;
}
.InputSearchMenuDropDown, .MenuListMany, .MenuListBlocks
{
	z-index: 999;
	border:1px solid rgb(221,225,229);
	background:white;
	position:absolute;
	height:auto;
	box-shadow: 0 12px 14px -10px rgb(0 0 0 / 25%);
	padding: 0.5rem 0;
    padding-top: 0.5rem;
    padding-right: 0px;
    padding-bottom: 0.5rem;
    padding-left: 0px;	
}
.InputSearchMenuDropDown ul, .MenuListMany ul, .MenuListBlocks ul
{
	padding:0;											
	margin:0;
}
.deleted
{
	display: none !important;
}


.ModuleContainer[data-view="FormReadView"] .InputDM_InputManytoone td:nth-of-type(2) span 
{
	display: block;
    padding-right: 25px;
}


.ModuleContainer[data-view="FormReadView"] .InputDM_InputManytoone td.hasAvatar img.imgMany2one
{
	cursor: zoom-in;
}




[role="dialog"]:not('.note-modal')
{
    z-index: 999999;
    background: rgba(255,255,255,0.98);

    border: 2px solid black;
    padding: 20px;

}
[role="dialog"].note-modal
{
	background-color: rgba(0, 0, 0, 0.47);
}
[role="dialog"] button
{
	margin-right: 5px;
}
.AskPopupStepForm .filter-option-inner-inner
{
    min-width: 200px;
}


.ModuleContainer[data-view="formWrite"] .InputDM_InputManytoone div.many2one-open-popup
{
	display: none !important;
}
.ModuleContainer[data-view="FormReadView"] .InputDM_InputManytoone div.many2one-open-popup
{
	pointer-events: none;
    top: -3px;
    right: 0px;	
}
.InputDM_InputManytoone tr div.many2one-open-popup, .InputDM_InputManytoMany tr div.many2one-open-popup
{
	position: absolute;
}
.InputDM_InputManytoone tr div.many2one-open-popup i:hover, .InputDM_InputManytoMany tr div.many2one-open-popup i:hover
{
	background: #efefef;
}
.InputDM_InputManytoone tr div.many2one-open-popup i, .InputDM_InputManytoMany tr div.many2one-open-popup i 
{
	font-size: 11px;

    padding: 9px;
    cursor: pointer;
    z-index: 9;
    position: relative;
}
.InputDM_InputManytoone tr td, .InputDM_InputManytoMany tr td
{
	position: relative;
}
.InputSearchMenuDropDown .selectedLi, .MenuListMany .selectedLi, .MenuListBlocks .selectedLi
{
	background:rgb(245,245,245)!important;
}
.InputSearchMenuDropDown li, .MenuListMany li, .MenuListBlocks li
{
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #666666;	
	padding-left:20px;
	padding-top:5px;
	padding-bottom: 5px;
	width:100%;
	background:white;
	list-style-type: none;
	cursor:pointer;
}
.ElementDynClass.dashboardEl .filtre .inputDM 
{
	text-transform: lowercase;    
	width: 75px;
	font-size:10px;
	color:#008784;
}

/* hadi dertha manuelle car sralli problem f l'espace et alignement */ 


	[data-needtoshowbyid="5581"], [data-needtoshowbyid="5582"], [data-needtoshowbyid="5583"], [data-needtoshowbyid="5584"], [data-needtoshowbyid="5585"], [data-needtoshowbyid="5588"], [data-needtoshowbyid="5589"]
	{
		padding-left: 25px !important;
	}
	[data-needtoshowbyid="5581"] .slider-checkbox.round, [data-needtoshowbyid="5581"] .slider-checkbox.round:before,
	[data-needtoshowbyid="5582"] .slider-checkbox.round, [data-needtoshowbyid="5582"] .slider-checkbox.round:before,
	[data-needtoshowbyid="5583"] .slider-checkbox.round, [data-needtoshowbyid="5583"] .slider-checkbox.round:before,
	[data-needtoshowbyid="5584"] .slider-checkbox.round, [data-needtoshowbyid="5584"] .slider-checkbox.round:before,
	[data-needtoshowbyid="5585"] .slider-checkbox.round, [data-needtoshowbyid="5585"] .slider-checkbox.round:before,
	[data-needtoshowbyid="5588"] .slider-checkbox.round, [data-needtoshowbyid="5588"] .slider-checkbox.round:before,
	[data-needtoshowbyid="5589"] .slider-checkbox.round, [data-needtoshowbyid="5589"] .slider-checkbox.round:before
	{
		border-radius: 0;
	}
	[data-needtoshowbyid="15312"]:not([data-showid="5581"])
	{
		/*position: relative;*/
		/*top: 10px;*/
	}
	[data-showid="5581"],
	[data-showid="5582"],
	[data-showid="5583"],
	[data-showid="5584"],
	[data-showid="5585"],
	[data-showid="5588"],
	[data-showid="5589"],
	[data-showid="5590"]
	{
		/*margin-bottom: -20px;*/
	}

	[data-showid="5581"] .setting_elem_help, [data-needtoshowbyid="5581"] .setting_elem_help,
	[data-showid="5582"] .setting_elem_help, [data-needtoshowbyid="5582"] .setting_elem_help,
	[data-showid="5583"] .setting_elem_help, [data-needtoshowbyid="5583"] .setting_elem_help,
	[data-showid="5584"] .setting_elem_help, [data-needtoshowbyid="5584"] .setting_elem_help,
	[data-showid="5585"] .setting_elem_help, [data-needtoshowbyid="5585"] .setting_elem_help,
	[data-showid="5588"] .setting_elem_help, [data-needtoshowbyid="5588"] .setting_elem_help,
	[data-showid="5589"] .setting_elem_help, [data-needtoshowbyid="5589"] .setting_elem_help,
	[data-showid="5590"] .setting_elem_help
	{
		display: block !important;
	}

	[data-needtoshowbyid="5581"] .button_inline_help,
	[data-needtoshowbyid="5582"] .button_inline_help,
	[data-needtoshowbyid="5583"] .button_inline_help,
	[data-needtoshowbyid="5584"] .button_inline_help,
	[data-needtoshowbyid="5585"] .button_inline_help,
	[data-needtoshowbyid="5588"] .button_inline_help,
	[data-needtoshowbyid="5589"] .button_inline_help,
	[data-showid="5581"] .button_inline_help,
	[data-showid="5582"] .button_inline_help,
	[data-showid="5583"] .button_inline_help,
	[data-showid="5584"] .button_inline_help,
	[data-showid="5585"] .button_inline_help,
	[data-showid="5588"] .button_inline_help,
	[data-showid="5589"] .button_inline_help,
	[data-showid="5590"] .button_inline_help
	{
		display: none;
	}
	[data-needtoshowbyid="5581"] .row_configuration_checkbox,
	[data-needtoshowbyid="5582"] .row_configuration_checkbox,
	[data-needtoshowbyid="5583"] .row_configuration_checkbox,
	[data-needtoshowbyid="5584"] .row_configuration_checkbox,
	[data-needtoshowbyid="5585"] .row_configuration_checkbox,
	[data-needtoshowbyid="5588"] .row_configuration_checkbox,
	[data-needtoshowbyid="5589"] .row_configuration_checkbox,
	[data-showid="5581"] .row_configuration_checkbox,
	[data-showid="5582"] .row_configuration_checkbox,
	[data-showid="5583"] .row_configuration_checkbox,
	[data-showid="5584"] .row_configuration_checkbox,
	[data-showid="5585"] .row_configuration_checkbox,
	[data-showid="5588"] .row_configuration_checkbox,
	[data-showid="5589"] .row_configuration_checkbox,
	[data-showid="5590"] .row_configuration_checkbox	
	{
	    position: absolute;
	    top: -5px;
	}
	[data-needtoshowbyid="5581"] .title_item_setting, [data-needtoshowbyid="5581"] .buttons_inline_setting, [data-needtoshowbyid="5581"] .setting_elem_help,
	[data-needtoshowbyid="5582"] .title_item_setting, [data-needtoshowbyid="5582"] .buttons_inline_setting, [data-needtoshowbyid="5582"] .setting_elem_help,
	[data-needtoshowbyid="5583"] .title_item_setting, [data-needtoshowbyid="5583"] .buttons_inline_setting, [data-needtoshowbyid="5583"] .setting_elem_help,
	[data-needtoshowbyid="5584"] .title_item_setting, [data-needtoshowbyid="5584"] .buttons_inline_setting, [data-needtoshowbyid="5584"] .setting_elem_help,
	[data-needtoshowbyid="5585"] .title_item_setting, [data-needtoshowbyid="5585"] .buttons_inline_setting, [data-needtoshowbyid="5585"] .setting_elem_help,
	[data-needtoshowbyid="5588"] .title_item_setting, [data-needtoshowbyid="5588"] .buttons_inline_setting, [data-needtoshowbyid="5588"] .setting_elem_help,
	[data-needtoshowbyid="5589"] .title_item_setting, [data-needtoshowbyid="5589"] .buttons_inline_setting, [data-needtoshowbyid="5589"] .setting_elem_help,
	[data-showid="5581"] .title_item_setting, [data-showid="5581"] .buttons_inline_setting, [data-showid="5581"] .setting_elem_help,
	[data-showid="5582"] .title_item_setting, [data-showid="5582"] .buttons_inline_setting, [data-showid="5582"] .setting_elem_help,
	[data-showid="5583"] .title_item_setting, [data-showid="5583"] .buttons_inline_setting, [data-showid="5583"] .setting_elem_help,
	[data-showid="5584"] .title_item_setting, [data-showid="5584"] .buttons_inline_setting, [data-showid="5584"] .setting_elem_help,
	[data-showid="5585"] .title_item_setting, [data-showid="5585"] .buttons_inline_setting, [data-showid="5585"] .setting_elem_help,	
	[data-showid="5588"] .title_item_setting, [data-showid="5588"] .buttons_inline_setting, [data-showid="5588"] .setting_elem_help,
	[data-showid="5589"] .title_item_setting, [data-showid="5589"] .buttons_inline_setting, [data-showid="5589"] .setting_elem_help,
	[data-showid="5590"] .title_item_setting, [data-showid="5590"] .buttons_inline_setting, [data-showid="5590"] .setting_elem_help	
	{
		position: relative;
		left: 60px;
	}
	.backgroundColor-checkboxChild-5581,
	.backgroundColor-checkboxChild-5582,
	.backgroundColor-checkboxChild-5583,
	.backgroundColor-checkboxChild-5584,
	.backgroundColor-checkboxChild-5585,
	.backgroundColor-checkboxChild-5588,
	.backgroundColor-checkboxChild-5589,
	.backgroundColor-checkboxChild-5590
	{
		transform: translateY(8px) scaleY(0.92);
	}
	[data-needtoshowbyid="5581"] .switchdyn,
	[data-needtoshowbyid="5582"] .switchdyn,
	[data-needtoshowbyid="5583"] .switchdyn,
	[data-needtoshowbyid="5584"] .switchdyn,
	[data-needtoshowbyid="5585"] .switchdyn,
	[data-needtoshowbyid="5588"] .switchdyn,
	[data-needtoshowbyid="5589"] .switchdyn
	{
		width: 35px;
	    height: 20px;
	}
	[data-needtoshowbyid="5581"] .slider-checkbox:before,
	[data-needtoshowbyid="5582"] .slider-checkbox:before,
	[data-needtoshowbyid="5583"] .slider-checkbox:before,
	[data-needtoshowbyid="5584"] .slider-checkbox:before,
	[data-needtoshowbyid="5585"] .slider-checkbox:before,
	[data-needtoshowbyid="5588"] .slider-checkbox:before,
	[data-needtoshowbyid="5589"] .slider-checkbox:before
	{
		height: 14px;
	    width: 14px;
	    left: 4px;
	    bottom: 3px;
	}
	[data-needtoshowbyid="5581"] input:checked + .slider-checkbox:before, 
	[data-needtoshowbyid="5582"] input:checked + .slider-checkbox:before, 
	[data-needtoshowbyid="5583"] input:checked + .slider-checkbox:before, 
	[data-needtoshowbyid="5584"] input:checked + .slider-checkbox:before, 
	[data-needtoshowbyid="5585"] input:checked + .slider-checkbox:before,
	[data-needtoshowbyid="5588"] input:checked + .slider-checkbox:before,
	[data-needtoshowbyid="5589"] input:checked + .slider-checkbox:before
	{
	  -webkit-transform: translateX(13px);
	  -ms-transform: translateX(13px);
	  transform: translateX(13px);
	}

.RightAccessAdminHide
{
	display:none !important;
}
[data-type="report"] .libelle
{
	pointer-events: none;
}
.icon_no_access
{
	opacity: 0.9;
}
body.preview-mode .hideinPreview
{
	display: none !important;
}

.askPopupRulesCheckbox .ContentaskPopupRulesCheckbox
{
    /*padding: 20px;*/
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
}
.askPopupRulesCheckbox .parent_setting_
{
    margin-bottom: -10px;
    margin-right: 0px;
}
.askPopupRulesCheckbox .parent_setting_ .row_configuration_all
{
    margin-bottom: 10px;
    margin-top: 5px;
}
body:not(.preview-mode) .navigation navbar-expand-md navbar-light
{
	z-index: 1;
}
.askPopup .ViewControl[data-view="FormWriteView"]
{
	padding-bottom: 10px;	
	/*padding: 0;*/
}

.PageDataManager.preview-mode .ElementDynClass:not([data-type="tab"]) .ElementDynClass.columnEl .row
{
	/*padding: 0;*/
    /*margin-left: -15px !important;*/
    /*margin-right: -15px !important;	*/
}
.PageDataManager.preview-mode .ElementDynClass .ElementDynClass[data-type="tab"]
{
	padding: 0;
}


.NavigationTitle .openRecord, .NavigationTitleDashboard .openRecord
{
/*  word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   max-height: 32px; /* fallback */
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.ui-dialog-titlebar-close
{
	float: right;
}
.ui-dialog-titlebar-close:after
{
	font-family: 'Font Awesome 5 Pro';
	content: "\f00d";		
}
body:not(.preview-mode) .ModuleContainer.dashboard_module  > .ModuleBody_bg
{
	padding-top: 35px;
}

body:not(.preview-mode) .ModuleContainer.dashboard_module  > .ModuleBody_bg > .BarreEtatAdmin, body:not(.preview-mode) .ModuleContainer.dashboard_module  > .ModuleBody_bg > .ModuleBody > .SpecialButtons
{
	display: none !important;
}

body.preview-mode .dashboard_module  > .ViewControl 
{
	display: none !important;
}
body.preview-mode .dashboard_module  > .ModuleBody_bg > .ModuleBody 
{
	background-color: transparent;
	box-shadow : none !important;
	border: 0 !important;
	outline: 0 !important;
}
body:not(.preview-mode) .btnModule[data-interface-slug]
{
    background-color: #28a735 !important;
}

body:not(.preview-mode) .btnModule.isDashboard
{
    background-color: #a9c094 !important;
    color: black;
    font-weight: 600;
}
body:not(.preview-mode) .btnModule .edit_module
{
    margin-left: 0px;
    margin-right: 0px;
	color: white;
	opacity: 0;
	padding: 5px;
	transition: all 300ms ease;
}
body:not(.preview-mode) .btnModule:hover .edit_module
{
    margin-left: 10px;
    margin-right: 2px;	
	opacity: 1;
}
body.preview-mode .btnModule .edit_module
{
	display: none;
}
.InputDM_InputHTML
{
	overflow-x: auto;
}
[data-needtoshowbyid="5590"]
{
	padding-left: 20px !important;
}
.askPopup .ModuleContainer
{
	margin-top: -5px;
}
.search_option_class .searchoptions_item
{
    margin-right: 2px;
    margin-bottom: 2px;
    border: 1px solid #8E8E8E;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
}
.search_option_class .searchoptions_item > div:nth-of-type(3)
{
    padding-left: 3px;
    padding-right: 5px;
	color: #8f8f8f;
	cursor:pointer;
}
.search_option_class .searchoptions_item > div:nth-of-type(2)
{
	padding-left:5px;
	padding-right:5px;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #8f8f8f;
}
.search_option_class .searchoptions_item > div:nth-of-type(1)
{
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #666666;	
	color: white;
	background:#875A79;
	padding-left:5px;
	padding-right:5px;
   -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;

	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.search_option_class .searchoptions_item i,  .search_option_class .searchoptions_item .text_field
{
	font-size: 80% !important;
}
.dropdownFiltre a, .dropdownGroupby a, .dropdownFavoris a
{
	position: relative;
}
.dropdownFiltre a, .dropdownGroupby a, .dropdownFavoris a 
{
	padding-left: 20px;
}
.dropdownFiltre a i, .dropdownGroupby a i{
    color: #212529;
    font-size: 10px;
    position: absolute;
    top: 6px;
    left: 5px;
}

.dropdownFavoris a
{
	padding-right: 60px;
}
.dropdownFavoris a i.fa-star{
	color: #212529;
    font-size: 10px;
    position: absolute;
    top: 6px;
    right: 30px;	
}
.dropdownFavoris a i.fa-check{
	color: #212529;
    font-size: 10px;
    position: absolute;
    top: 6px;
    left: 5px;
}
.dropdownFavoris a i.fa-trash-alt, .dropdownFavoris a i.fa-save{
	color: #212529;
    font-size: 10px;
    position: absolute;
    top: 6px;
    right: 10px;	
}

.PageDataManager.preview-mode  .ElementDynClass[data-type="onetomany"]
{
	min-height: 30px;
}
body.preview-mode  .ElementDynClass[data-type="header"] .header-content > .left td:first-child
{
	display: none;
}
body.preview-mode  .ElementDynClass[data-type="header"] .header-content > .left td span.field-read,
body.preview-mode  .ElementDynClass[data-type="header"] .header-content > .left td input.inputDM
{
     font-size: 2em; 
    margin: 0.67em 0;
    font-weight: 500;
}

.HideScrollBody
{
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}
@media screen and (max-width: 575.8px) {


	body.preview-mode  .ElementDynClass[data-type="header"] .header-content > .left td span.field-read,
	body.preview-mode  .ElementDynClass[data-type="header"] .header-content > .left td input.inputDM
	{
	    font-size: calc(1.385rem + 1.62vw);
	}
}
   

.askPopup .ModuleBody_bg
{
    min-height: 420px !important;	
}
.ElementDynClass[data-type="system"], .ElementDynClass[data-field="owner"]
{
	display: none;
}
.ElementDynClass[data-type="header"] .header-content > .right .ElementDynClass[data-type="image"] > .libelle
{
	position: relative;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    margin-top: 0px;
    width: 50px;
}
.ElementDynClass > .admin_typeinput > i
{
    font-size: 16px;
    margin-top: 5px;
}

.ElementDynClass[data-type="tab"]
{
	margin-top: 30px;
}

.ElementDynClass[data-type="checkbox"] > .admin_typeinput > .form-check
{
    margin-right: -4px;
    margin-top: 6px;
}
.ElementDynClass[data-type="textarea"],.ElementDynClass[data-type="html"]
{
	min-height: 50px;	
}
.ElementDynClass[data-type="header"] .header-content > .left
{
	min-height: 100px;	
	margin-right: 10px;
	position: relative;
	z-index: 1;
}
.ElementDynClass[data-type="header"] .header-content > .right
{
	float: right;
	min-width: 100px;
	min-height: 100px;
	position: relative;
	z-index: 2;
}

.add_new_line_one2manylist td a i
{
	margin-right: 5px;
    font-size: 12px;	
}
.add_new_line_one2manylist td a
{
	margin-right: 20px;
	line-height: 2;
}

.add_new_line_one2manylist td a
{
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #666666;
}
.ModuleContainer:not([data-view="formWrite"]) .ElementDynClass .action_button_manytomany, 
.ModuleContainer:not([data-view="formWrite"]) .ElementDynClass .add_new_line_one2manylist 
{
	display: none !important;
}
.InputDM_InputList .action_button_manytomany
{
    padding-right: 10px;
}

.ModuleContainer[data-view="FormReadView"] .ElementDynClass[data-type="image"] .image 
{
	cursor: pointer;
}

body:not(.preview-mode) .ElementDynClass[data-type="header"] .header-content > div
{
    transition: border-color 0.5s;
    padding: 5px;
    border-collapse: separate;
    border: 5px solid rgba(0, 160, 157, 0.1);
    padding: 10px;
}

body.ThemeDefault .ElementDynClass[data-type="tab"] > .tab-content>div
{
	padding: 10px;
}
.ElementDynClass[data-type="tab"] > .tab-content>div
{
	padding-top: 20px;
}

/* fixi selectionne column ndainaw outline */
.ElementDynClass.columnEl .row
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.ElementDynClass.columnEl
{    
    outline-offset: 0px;
}
.PageDataManager.preview-mode .ElementDynClass[data-type="column"] .col-md-6
{
	/*padding-right: 50px;*/
}
.PageDataManager:not(.preview-mode) .ElementDynClass.columnEl .col-el
{
    padding: 5px;
    border-collapse: separate;
    border: 5px solid rgba(0, 160, 157, 0.1);
    padding: 10px;
}
.bs-container
{
	z-index: 99999999999;	
}
.bs-container ul.dropdown-menu
{
	padding-bottom: 20px;
} 

.MenuListMany .many2one-value,  .MenuListBlocks .item{
	padding-right: 20px;
	display: flex;
    align-items: center;
}
.ModuleBody_bg 
{
	/*overflow-x: hidden;*/
}
.ModuleBody_bg .EmptyRecordHelp
{
	position: relative;
	height: 100vh;
}
.ModuleBody_bg .EmptyRecordHelp .EmptyRecordtitle
{
	opacity:0.7;position:absolute;top:50% !important;left:50% !important;transform: translate(-50%, -500%);	
}
.ModuleBody_bg .EmptyRecordHelp .EmptyRecordIcon
{
    height: 64px;
    position: relative;
    left: 25px;
    top: 0px;
    transform: rotateY(180deg);
    z-index: 999999999999;
    rotate: 180deg;
    opacity: 0.5;
}
.IntialisationPopup, .LoadingNewRecord
{
	pointer-events: none;background-color: rgba(0,0,0,0.8);
}

.IntialisationPopup .content, .LoadingNewRecord .content
{
	width:100%;background:transparent;position:absolute;top:50% !important;left:50% !important;transform: translate(-50%, -50%);
}
.IntialisationPopup .content .text_info, .LoadingNewRecord .content .text_info
{
	color:white;position:absolute;top:50% !important;left:50% !important;transform: translate(-50%, -50%);
}
.IntialisationPopup .content .text_info i, .LoadingNewRecord .content .text_info i
{
	font-size: 25px;
	color: white;
}


/* checkbox list */
.checkbox-list-input:focus ~ .checkbox-list-label::before
{
	box-shadow : none !important;
}
.checkbox-list-input:checked ~ .checkbox-list-label::before
{
	color: #fff;
    border-color: #017e84;
    background-color: #017e84;
}
.custom-control.custom-checkbox .custom-control-input:not(:checked):not(:indeterminate):not(:disabled) ~ .custom-control-label:before
{
    border-color: #80848F;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 1px;
}
.custom-control-label::before, .custom-file-label{
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.custom-control-label::before {
    position: absolute;
    top: 0.3125rem;
    left: -1.5rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #80848F solid 1px;
}
.custom-control-label::after {
    position: absolute;
    top: 0.3125rem;
    left: -1.5rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
}
.InputDM_InputList table thead tr th.rightalign-columnn
{
	text-align: right !important;
	padding-right: 15px;
	pointer-events: none;
}

.InputDM_InputList table thead tr th.centeralign-columnn
{
	text-align: center !important;
	pointer-events: none;
}

/* column sortable order by */
	.InputDM_InputList table thead tr th
	{
		cursor: pointer;
	}
	.InputDM_InputList table thead tr th span
	{
		position: relative;
	}
	.InputDM_InputList table thead tr th:not(:first-child) span::after	 
	{
		font-family: 'Font Awesome 5 Pro';
		content: "\f0d7";	
		opacity: 0;	
		margin-left: 6px;
		position: absolute;
	}
	.InputDM_InputList table thead tr th.order-asc:not(.emptyColumn):not(.centeralign-columnn):not(.rightalign-columnn) span::after	 
	{		
		content: "\f0d8";		
		opacity: 1;
	}
	.InputDM_InputList table thead tr th.order-desc:not(.emptyColumn):not(.centeralign-columnn):not(.rightalign-columnn) span::after
	{
		content: "\f0d7";	
		opacity: 1;
	}
	.InputDM_InputList table thead tr th:not(.order-desc):not(.order-asc):not(.empty_groupby_navigation):not(.emptyColumn):not(.centeralign-columnn):not(.rightalign-columnn):hover span::after	 
	{
		opacity: 0.4;
	}

/* no jump line for td  */
.InputDM_InputList td
{
	white-space: nowrap
}
.InputDM_InputList td.groupByItem, .InputDM_InputList td.checkboxSelectionne
{
	/*min-width:250px;*/
}
}
.ModuleContainer[data-view="formWrite"] .ElementDynClass[data-type="manytoone"] .imgMany2one
{
	top: -4px !important;
}
.askPopup.SectionNote .ModuleBody_bg, .askPopup.SectionNote .AskPopupContainer
{
	min-height: auto !important;
}
.askPopup.SectionNote .ViewControl
{
	display: none !important;
}

.ElementDynClass[data-type="manytoone"] .imgMany2one
{
	position: absolute;
	left: 0px;
	top: -3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: 3px;
    background-size: cover;
    margin-top: 2px;
    margin-bottom: 2px;
    background-position: center;
    margin-right: -5px;
    cursor: pointer;
}
.ModuleContainer[data-view="FormReadView"] .ElementDynClass[data-type="manytoone"] .imgMany2one
{
	top: -3px;
}
.ElementDynClass[data-type="manytoone"] td.hasAvatar .inputDM, .ElementDynClass[data-type="manytoone"] td.hasAvatar span.field-read
{
    padding-left: 30px !important;
}
.imgMany2one_menu.emptyimg
{
	visibility: hidden;
}
.MenuListMany .imgMany2one_menu
{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: -6px;
    background-size: cover;
    background-position: center;
    margin-right: 8px;
}


.NavigationFromViewInputElement {
    border: 1px solid #cfcfcf;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    width: 100%;
    resize: none;
    display: block;
    outline: none;
}
.module_btn_control_print, .module_btn_control_edit, .module_btn_control_create, .module_btn_control_action, .module_btn_control_save, .module_btn_control_savecreate, .module_btn_control_cancel
{
    font-size: 12px;
}
.ViewControl .NavigationTitle, .NavigationTitleDashboard
{
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
}
.ViewControl .NavigationTitle > li, .NavigationTitleDashboard > li {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}
.ViewControl .NavigationTitle > li + li, .NavigationTitleDashboard > li + li {
	max-width: 50%;
}
.ViewControl .NavigationTitle > li + li::before, .NavigationTitleDashboard > li + li::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

.ElementDynClass .table-container td
{
	word-break: break-word;
}
.ViewControl .NavigationTitle a:focus, .ViewControl .NavigationTitle a:active, .ViewControl .NavigationTitle a:hover,
.NavigationTitleDashboard a:focus, .NavigationTitleDashboard a:active, .NavigationTitleDashboard a:hover
{
    text-decoration: none !important;
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}            
.ViewControl .NavigationTitle a, .NavigationTitleDashboard a
{
	color: #008784;
}         
.ViewControl .NavigationTitle a:hover, .NavigationTitleDashboard a:hover
{
	color: #024b49;
}         

.ViewControl
{
    border-bottom:1px solid #CBCBCB;
    /*padding:15px;*/
    padding-top:15px;
    padding-bottom:15px;
    background: white;
}
.ViewControl .space-right-left
{
    padding-right: 15px;
    padding-left: 15px;
}
.askPopup .ViewControl
{
    padding-bottom: 5px;
}
.ModuleContainer .control-navigation:not(.navigation_button_) .control-next-prev-counter, .ViewControl .control-next-prev-counter, .InputDM_InputList .control-next-prev-counter, .InputDM_Kanban .control-next-prev-counter {
    position: relative;
    float: right;
    margin: 5px;
    margin-right: 10px;
    font-size: 10px;
    cursor: default;

}
.InputDM_InputList .control-next-prev-counter, .InputDM_Kanban .control-next-prev-counter {
	font-weight: bold;
}
.ModuleContainer .control-navigation:not(.navigation_button_) .btnnextprev, .ViewControl .btnnextprev, .InputDM_InputList .btnnextprev, .InputDM_Kanban .btnnextprev {
    float: right;
    outline: 0;
    border: 0;
    background-color: white;
    color: #6c757d;
    padding: 7px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 0px;
    transition: all 0.2s ease;

}
.ModuleContainer .control-navigation:not(.navigation_button_) .btnnextprev, .ViewControl .btnnextprev, .InputDM_InputList .btnnextprev, .InputDM_Kanban .btnnextprev {
    float: right;
    outline: 0;
    border: 0;
    background-color: white;
    color: #6c757d;
    padding: 7px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 0px;
    transition: all 0.2s ease;
}

.ModuleContainer .control-navigation:not(.navigation_button_) .btnnextprev:hover, .ViewControl .btnnextprev:hover, .InputDM_InputList .btnnextprev:hover, .InputDM_Kanban .btnnextprev:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.ModuleContainer .control-navigation:not(.navigation_button_) .btnnextprev:focus, .ModuleContainer .btnnextprev:active, .ViewControl .btnnextprev:focus, .ViewControl .btnnextprev:active, .InputDM_InputList .btnnextprev:focus, .InputDM_InputList .btnnextprev:active, .InputDM_Kanban .btnnextprev:focus, .InputDM_Kanban .btnnextprev:active, .BtnNoFocus, .BtnNoFocus:focus, .BtnNoFocus:active {
    text-decoration: none !important;
    outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}            

.ElementDynClass select
{
	width: 100%;
}
.ElementDynClass
{
    margin-top: 2px;
    margin-bottom: 2px;
    position: relative;
}

.ElementDynClass .field-read
{
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #666666;
}

.PageDataManager:not(.preview-mode) .ElementDynClass.Field
{
    padding: 5px;
    padding-left: 15px;
    background-color: #f3f3f3;
    font-family: var(--font-family);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
    color: #666666;
    font-weight: bold;
    margin-right: 0px;
    line-height: 2.5;        
}
.row_configuration_image .PreviewBackgroundImage
{
	cursor: pointer;
    width: 100%;
    height: 270px;
    background-image: url(data/images/image_vide.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F1F5F9;
    margin-top: 15px;
    margin-bottom: 15px;
}

.control_icons_bd
{
    padding-left: 5px;
    position:absolute;
	top: -32px;
    right: -10px; 	
    user-select: none;
    height: 34px;
    white-space: nowrap;
    color: #000;
    text-align: left;
    z-index: 1058;	
}
.IsDrag
{
	opacity: 0.5 !important;
	outline-style:dotted !important;
	outline-color: #32a1ce !important;
	outline-width: 3px !important;
}
body:not(.preview-mode) .fectifDrop
{
	width: 100%;
	pointer-events: none;
	position:absolute;
	top:50% !important;
	left:50% !important;
	transform: translate(-50%, -50%);	
}
.control_icons_bd li i 
{
	font-size: 12px;
}
.ElementDynClass .help-text, .InputDM_InputList .help-text
{
	width: 18px;
    height: 18px;
    padding: 6px 0;
    font-size: 10px;
    cursor: pointer;
    line-height: 1.428571429;
    border-radius: 15px;
    background: #F1F5F9;
    color: #00000078;
    border: 0;
    padding: 0px;
}
[data-tippy-root]
{
	z-index: 99999999999999999999999999999999999999 !important;
}
.control_icons_bd li
{
	background: #fff;
    box-shadow: 0 1px 18px 0 rgb(0 0 0 / 8%), 0 6px 10px 0 rgb(0 0 0 / 10%), 0 3px 5px -1px rgb(0 0 0 / 15%), 0 0 4px 0 rgb(0 0 0 / 10%);
	font-size: 14px;
    color: #00A09D;    
    min-width: 24px;
    cursor: pointer;
    position: relative;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0 7px 0 0;
    padding: 0;
    font-size: 14px;
    list-style: none;
    vertical-align: top;
    border-radius: 16px;
    height: 24px;
}


.tabbody .layout_box
{
	width:100%;
	display: grid;  grid-template-columns: 1fr 1fr;
}


.tab_desabled
{
	color: #d9bdbd;
	pointer-events: none;
}
.btnEditorInternColumn::before
{
	box-shadow: inset 0 0 0 35px #29C4A9 !important;
}
.btnEditorInternTab::before
{
    box-shadow: inset 0 0 0 35px #6c2eb9 !important;
}




.noselect, .noSelectPopupFix{
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none; 
}



.nav-tabs > li > a:hover {
  border-color: #ccd3d8;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
  outline: none;
}


.navtabs_container > .tab-content
{
	padding-top: 5px;
}

.navtabs_container > .tab-title > .nav-tabs a 
{
	color:#008783;
}

.nav-tabs > li > a {
    margin-right: -1px;
    line-height: 1.42857143;
    border: 1px solid #CCD3D8;
    border-radius: 0px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 7px 10px;

}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
	color: #212529;
	border-top-color: #875A7B;
}
.nav-tabs {
    border-bottom: 1px solid #CCD3D8;
}
.ElementDynClass .table-container, .input_value .table-container
{
	width:100%;
}

.ElementDynClass .table-container .td-libelle
{
	width: 40%;
	padding-right: 10px;
	line-height: 1.5;
}
.ElementDynClass
{
	margin-bottom: 1em;
}
.AppSelected .BtnAccessModules, body.preview-mode .BtnAccessModules
{
	display: none;
}
@media screen and (max-width: 575.8px) 
{
	.ModuleBody_bg[data-view="formView"] .ModuleBody
	{
		border: 0 !important;
	}
	.ElementDynClass .table-container .td-libelle
	{
		min-width: 100px;
		line-height: 1.5;
	}
	.ElementDynClass 
	{
		margin-bottom: 1em;
	}
}

.InputDM_InputManytoone .field-read:not(.undefined) 
{
	cursor: pointer;
}
.ElementDynClass .table-container select, .input_value .table-container select, .grid_filtre .selectCondition, .InputDM_InputManytoone .inputDM, .InputDM_InputManytoMany .flex_tags .inputDM, .grid_filtre .selectTypeField
{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data/images/down-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: white;
}


body .ElementDynClass[data-type="report"]
{
    background: white !important;
    border: 2px dashed #e5e5e5;
    min-height: 140px;
    cursor: pointer;
}

body .ElementDynClass[data-type="report"] .libelle
{
	color: #c5c4c4;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    font-size: 15px;	
    font-family: var(--font-family);
    color: #666666;
    font-weight: bold;
    margin-right: 0px;
    line-height: 2.5;    
}

body.preview-mode .ElementDynClass[data-type="report"]
{
    border: 1px dashed #666666;
}
body.preview-mode .ElementDynClass[data-type="report"] .libelle
{
    color: #666666;
    font-size: 13px !important
}
body.preview-mode .ElementDynClass[data-type="report"]:hover
{
	background-color: #fcfcfc !important;
}

.ElementDynClass[data-type="header"] .right .table-container tbody tr td:nth-of-type(1), .ElementDynClass[data-type="header"] .right .row_add_new_image
{
	display: none;
}

body.preview-mode .ElementDynClass[data-type="header"] .header-content > .left td input.inputDM 
{
	max-width: 400px;
}

body.preview-mode .ElementDynClass[data-type="header"] .header-content > .left td span.field-read
{
	margin-top: 15px;
	display: block;
	max-width: 80%;
}
body.preview-mode .ElementDynClass[data-type="header"] .header-content > .left td
{
	padding-left: 15px;
}

.table-container tbody tr td:nth-of-type(1), .AskPopupFileLoad .file-imported-attach-fields thead tr td span
{
	width:30%;	
	font-family: var(--font-family);	
	font-size:13px;	
	color:#666666;
	font-weight: bold;
    margin-right: 0px;
	line-height: 2.5;
}
.grid_filtre .table-container tbody tr td:nth-of-type(1)
{
	width:30%;	
	font-family: var(--font-family);	
	font-size:13px;	
	color:#666666;
	font-weight: bold;
    margin-right: 0px;
	line-height: 2.5;
}
.fontGeneralText
{
	font-family: var(--font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #666666;
}
.inputDM
{
	font-family: var(--font-family);
    font-size: 13px;
	border: 1px solid #cfcfcf;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;    
	width: 100%;
	resize: none;
	display: block;
	outline: none;
}
/*list*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
	border-top: 1px solid #DDE1E5;
}
.table > thead > tr > th {
    border: 0px;
}
.table-striped > tbody > tr:nth-of-type(1){
	border-top: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FCFCFC;
}
.table-striped > tbody > tr:nth-of-type(1){
    box-shadow: inset 0px 5px 10px -4px rgba(0, 0, 0, 0.1);
}
.table-striped > tbody > tr{
    /*cursor:pointer;*/
}

.table-striped tr.subListContainer>td tr:nth-of-type(1)
{
 	box-shadow: none !important;
}	
.table-striped tr.subListContainer>td table.table-striped
{
	margin: 0;
}
.table-striped tr.subListContainer>td 
{
    padding-top: 0;
    padding-bottom: 0;
}
.inputDM > .table-striped > tbody > tr:not(.subListContainer):not(.add_new_line_one2manylist):not(.Agregatligne):hover{
	background-color:#F5F5F5;
	
}
.InputDM_InputList tr.Agregatligne td
{
	cursor: default !important;
}
.InputDM_InputList .hasGroupby td
{
	font-weight: 500;
}

.table-striped > thead > tr > th{
	color :#666666;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}
.table-striped > tbody > tr > td.groupByItem{
	font-weight: bold;
}

.table-striped > tbody > tr > td{
	cursor: pointer;
    font-family: var(--font-family);
    font-size: 1.08333rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666666;
    text-align: left;
}	
.table-striped
{
	width:100%;
}
.table-striped > thead > tr > th {
	white-space: nowrap;
	padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.08333rem;
}
.dd-dragel
{
	z-index: 999999999999999999999999999999999999 !important;
}
.dropdown-menu
{
    font-size: 12px;
    border-radius: 0;

}

.FocusMeZindex
{
	z-index: 9999999999999999999999999999 !important;
}

.dropdown-menu::-webkit-scrollbar, .scrolldesign::-webkit-scrollbar
{
  width: 6px;
}

/* Track */
.dropdown-menu::-webkit-scrollbar-track, textarea.inputDM::-webkit-scrollbar-track, .scrolldesign::-webkit-scrollbar-track 
{
  background: #f1f1f1; 
}
 
/* Handle */
.dropdown-menu::-webkit-scrollbar-thumb, textarea.inputDM::-webkit-scrollbar-thumb, .scrolldesign::-webkit-scrollbar-thumb 
{
  background: #888; 
}

/* Handle on hover */
.dropdown-menu::-webkit-scrollbar-thumb:hover, textarea.inputDM::-webkit-scrollbar-thumb:hover , .scrolldesign::-webkit-scrollbar-thumb:hover 
{
  background: #555; 
}

/*end->list*/
.ModuleBody .list-box
{
	/*background: #f0f0f0;*/
	/*border-radius: 3px;*/
	min-height: 95px;
	padding:10px;
	margin-top: 7px;
}
#SettingsBlockNav .btnEditorAllFieldList, #SettingsBlockNav .btnEditorList
{
	display: inline;
}
#SettingsBlockNav .btnEditorAllFieldList
{
	margin-left: -15px;
}
.btnEditorList, .btnEditorAllFieldList
{
    position: relative;
     top: 50% !important; 
    left: 50% !important;
    transform: translateX(-50%);
}
.ModuleBody .listadmin .col-md-6
{
	margin-top: 20px;
}
body:not(.preview-mode) .ModuleBody .listadmin 
{
	margin-bottom: 20px;
}
.module_btn_control i
{
    color: #858585;
    font-size: 10px;
    float: right;
    margin-top: 3px;                      
}
.PopupDetailFieldQuickReport .content .fieldAttachement .select-fields .item_fields
{
	border: 0px !important;
	font-weight: 500 !important;
	font-family: var(--font-family) !important;
	background: transparent !important;
}
.PopupDetailFieldQuickReport .content .fieldAttachement .select-fields
{
    padding: 3px !important;
    padding-right: 10px !important;
    border: 0px !important;
    border-radius: 3px;
    background: #F1F5F9;
}
.PopupDetailFieldQuickReport .content .fieldAttachement .content
{
	display: flex;
}
@media screen and (max-width: 575.8px) {
	.PopupDetailFieldQuickReport .content .fieldAttachement .content
	{
		display: block;
	}
}
.PopupDetailFieldQuickReport .content .fieldAttachement .content .parent_setting_
{
	margin: 10px;
}

.PopupDetailFieldQuickReport .content .fieldAttachement .content .parent_setting_:nth-of-type(2) 
{
	margin: 20px;align-self: center;
}
.PopupDetailFieldQuickReport .content .fieldAttachement .content .parent_setting_:nth-of-type(4) 
{
    
    flex: 1 1 auto;
}

.PopupDetailFieldQuickReport .content .fieldAttachement
{								
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    padding: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
}
.PopupDetailFieldQuickReport .content .fieldAttachement .removeIcon
{
    position: absolute;
    top: 50%;
    right: -19px;
    margin-top: -8px;
    cursor: pointer;
}


.button.button--sacnite:focus
{ 
	outline: none !important;
}
/* Button Editor */
.button.button--sacnite {
	min-width: 20px !important;
    width: 20px;
    height: 20px;
    min-width: 0;
    padding: 0;
    color: #fff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    z-index: 1;
    font-size: 12px;
}
.button--sacnite .button__icon {
    font-size: 10px;
    width: 16px;
    position: relative;
    top: -1.5px;
}

.btnEditor_Element::before {
    box-shadow: inset 0 0 0 35px #4a5663 !important;
}
.SpecialButtons .button--sacnite::before {
	border-radius: 0 !important;
    box-shadow: inset 0 0 0 35px #b7ca6f !important;
}

.BarreEtatAdmin .BtnStatusBarre
{
	float: right;
    position: absolute;
    right: 0px;	
    top: 0;
}
.BarreEtatAdmin .BtnWorkflowBarreEtat
{
	order: 0;
	position: relative;
	top: -2px;
}
.BarreEtatAdmin .BtnWorkflowBarreEtat::before {
	border-radius: 0 !important;
    box-shadow: inset 0 0 0 35px #746fca !important;
}
/* Button Editor */
.button.button--sacnite {
	min-width: 20px !important;
    width: 20px;
    height: 20px;
    min-width: 0;
    padding: 0;
    color: #fff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    z-index: 1;
    font-size: 12px;
    position: relative;
    border: none;
  	background: none;
}
.button--sacnite::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: inherit;
    z-index: -1;
    box-shadow: inset 0 0 0 35px #37474f;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
    transition: box-shadow 0.3s, transform 0.3s;
}
.btnEditor, .btnEditorTab {
    position: absolute;
    /*top: -20px;*/
    left: calc(50% - 12px);
    transform: translatex(-50%);
}

.button--round-l {
    border-radius: 40px;
}
.button {
    /* float: left; */
    min-width: 150px;
    max-width: 250px;
    display: block;
    margin: 1em;
    padding: 1em 2em;
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
}
.button--sacnite:hover::before {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}
.InputDM_InputList .add_new_line_one2manylist a:hover
{
	opacity: 1;
}
.InputDM_InputList .remove_line_one2manylist:hover
{
	opacity: 1;
    background-color: #e0dcdca6;
}
.InputDM_InputList .remove_line_one2manylist_parent
{
	padding: 0px;
}


.InputDM_InputList .drag_drop_one2many i 
{
	font-size: 14px;
    padding: 5px;
    cursor: grab;
}

.ModuleContainer[data-view="formWrite"]  .ElementDynClass[data-type="onetomany"] thead tr th:first-child 
{
	display: block !important;
	visibility: hidden;
	width: 0px;
	padding-right: 0;
}
.ModuleContainer[data-view="FormReadView"] .InputDM_InputList .drag_drop_one2many
{
	display: none;
}


.InputDM_InputList .drag_drop_one2many
{
	width: 0px !important;
	padding-right: 0px !important;
	line-height: 1 !important;
}
.InputDM_InputList .remove_line_one2manylist
{
	border-radius: 3px;
    padding: 7px;
    position: relative;
    top: 0px;
	
}
.InputDM_InputList .remove_line_one2manylist, .InputDM_InputList .add_new_line_one2manylist a 
{
	opacity: 0.8;
	cursor: pointer;
}

.InputDM_InputList tr.section_one2many
{
    background-color: #DDDDDD !important;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
}
.InputDM_InputList tr.section_one2many td span
{
	font-weight: bold !important;
}
.InputDM_InputList tr.section_one2many .remove_line_one2manylist_parent, .InputDM_InputList tr.note_one2many .remove_line_one2manylist_parent 
{
	display: none;
}
.InputDM_InputList tr.note_one2many td 
{
    white-space: pre-wrap;
    font-style: italic;
}
.InputDM_InputList tr.DropTop
{
	border-top: 2px solid #00000061 !important;
}
.InputDM_InputList tr.DropBottom
{
	border-bottom: 2px solid #00000061 !important;
}
.InputDM_InputList tr.IsDrag
{
    opacity: 0.2 !important;
    outline-style: dotted !important;
    outline-color: #2e4750 !important;
    outline-width: 2px !important;
}
.InputDM_InputList tr td.notesection_one2many
{
    padding-right: 30px;
    position: relative;
}
.InputDM_InputList tr td.notesection_one2many i 
{
    position: absolute;
    right: 5px;	
    top: 50% !important;
    transform: translateY(-50%);    
}
.askPopup .ModuleBody .SpecialButtons
{
	margin-top: -15px !important;
}
#tabPopupEdit .tab-content .tab-pane
{
	padding:10px;
}
.ElementDynClass.required .libelle
{
    color: red;
}
.askPopup .name_popup
{
	padding-right: 20px;
}
.ModuleBody .SpecialButtons .forBtnSpecial
{
	position: relative !important;
	left: inherit !important;
	top: inherit !important;
	float: right;
	/*margin-right: 0px;*/
}
.askPopup .WorkflowButtons
{
	/*padding-left: 10px;*/

}
.fa-bookmark:before
{
	margin-left: 2px;
}
.ModuleBody .SpecialButtons
{
    min-height: 43px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -25px;
    margin-bottom: 5px;
    padding-right: 0px;
    padding-left: 0px;
    border-bottom: 1px solid #ced4da;
	position: relative;
    display: block;    
    text-align: right;
    display: flex;
    flex-direction: row-reverse;    
    flex-wrap: wrap;    
    margin-bottom: 30px;

}
.btnEditorList, .btnEditorAllFieldList
{
	display: inline;
}  
.PageDataManager:not(.preview-mode) .ModuleBody .SpecialButtons .ElementDynClass .fa-sort-numeric-up-alt 
{
	margin-left: 10px;
    font-size: 12px;
}
.PageDataManager:not(.preview-mode) .ModuleBody .SpecialButtons .ElementDynClass 
{
	margin-right: 5px;
	max-height: 37px;
    margin-top: 4px;
}

.ModuleBody .SpecialButtons .spe-btn
{
    color: #444B5A;
    height: 44px;
    padding: 0 6px 0 0 !important;
    text-align: left;
    white-space: nowrap;
    background-color: transparent;
    opacity: 0.8;
    border-radius: 0px;
    margin-bottom: 0;
    padding-right: 5px !important;
	border-left: 1px solid #ced4da !important;
	max-width: 200px;
	min-width: 150px;
    padding-left: 12px !important;
   	cursor: pointer;
	display: flex;
    justify-content: left;
}

.BarreEtatPreview .WorkflowButtons .InputDM_InputButtonWorkFlow .inputDM
{
	display: flex;
    justify-content: center;     
    margin-top: 4px;
}
.BarreEtatPreview .WorkflowButtons .InputDM_InputButtonWorkFlow .inputDM.btn-light
{
	background-color: #ececec;
}
.BarreEtatPreview .WorkflowButtons .InputDM_InputButtonWorkFlow .inputDM i
{
	line-height: 1.5;
    margin-left: 5px;
    margin-right: 5px;	
}
.BarreEtatPreview .WorkflowButtons button
{
	border-radius: 0;
}
.BarreEtatPreview .WorkflowButtons .spe-btn
{
	display: flex;
    justify-content: center;     
    padding: 5px;
    margin-top: 2px;
}






.ModuleBody .SpecialButtons .spe-btn .libelle
{
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 400;     
}

.ModuleBody .SpecialButtons .spe-btn:hover
{
	background-color: #f3efef;
}

.ModuleBody .SpecialButtons .spe-btn i
{
	margin-left: 6px;
    line-height: 50px;
    position: relative;
    margin-right: 10px;
}
.ModuleBody .SpecialButtons .spe-btn i::before
{
	font-size: 20px;
}

.ModuleContainer[data-view="ListView"] .BarreEtatPreview
{
	display: none !important;
}
.ModuleBody .SpecialButtons .SpecialButtonOnLoading
{
}
.ModuleBody .SpecialButtons .SpecialButtonOnLoading i, .ModuleBody .SpecialButtons .SpecialButtonOnLoading .libelle
{
	display: none;
}
.ModuleBody .SpecialButtons .spe-btn > div
{
	margin-top: 5px;
    font-weight: 400;
    max-width: 70%;
    padding-right: 6px;
    line-height: 1.3;
}
.ModuleBody .SpecialButtons .spe-btn > div span
{
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    line-height: 1.2;
    color: #444B5A;
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 400;      
    margin-top: 3px;
}
.ModuleBody .SpecialButtons .spe-btn div .value
{
	font-weight: 600;
    color: #714B67;
}
body.preview-mode .ModuleContainer:not([data-view="FormReadView"]) .ModuleBody_bg .BarreEtatAdmin
{
	display:none !important;
}
.btnCSSColumnDashboard
{
	margin-bottom: 2em;
	background-color: #f3f3f3;
}
.ModuleBody_bg .BarreEtatAdmin
{
    min-height:35px;
    background-color:#D4D4D4;
    margin-bottom: 15px;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 400;      
    position: relative;
}
.Container_Shortcut_workflows
{
	position: absolute;
	top : 0px;
	display: flex;
	padding: 2px;
	position:absolute;
	left:50% !important;
	transform: translateX(-50%);
}
.inputDM[disabled] 
{
	opacity: 0.4;
	background-color: transparent !important;
}
.Container_Shortcut_workflows > div
{
	margin-right: 2px;
	border: 1px solid rgb(0 0 0 / 36%);
	padding: 10px;
	position: relative;
	background-color: white;
	cursor: pointer;
}
.Container_Shortcut_workflows > div > i 
{
	position: absolute;
	top:50% !important;
	left:50% !important;
	transform: translate(-50%, -50%);
	font-size: 12px;
}


.ElementDynClass .body_categorie
{
    /*padding: 20px;*/
    background: white;
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 6%);
    max-height: 300px;
    overflow-y: auto;
	scrollbar-color: transparent transparent;
  	scrollbar-width: thin;    
}
.ElementDynClass .body_categorie:hover
{
	scrollbar-color: #D0D6DB transparent;
}
body.preview-mode .ElementDynClass[data-type="textarea"] textarea, .input_dyn_htmltext .note-editable
{
	scrollbar-color: transparent transparent;
	scrollbar-width: thin; 
}
body.preview-mode .ElementDynClass[data-type="textarea"] textarea:hover, .input_dyn_htmltext .note-editable:hover
{
	scrollbar-color: #D0D6DB transparent;
}

.ElementDynClass.required .body_categorie
{
    outline: 2px solid red;
}
.ElementDynClass .body_categorie .form-check
{
	margin-bottom: 1em;
	margin-top: 1em;
	padding-left: 3rem;	
}

.ElementDynClass .body_categorie .form-check-input
{
	margin-top: 3px;
    width: 14px;
    height: 14px;	
}




.ElementDynClass .body_categorie .form-check-label
{
	margin-left: 8px;
}

body .WorkflowButtons [data-type="buttonwf"]
{
	margin-right: 5px;
}
body .WorkflowButtons
{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start
}
body .BarreEtatPreview
{
    display: flex;
    place-content: space-between;
    z-index: 2;
    position: relative;    
    /*flex-wrap: wrap;*/
}
body:not(.preview-mode) .ModuleBody_bg .BarreEtatAdmin
{
    display: flex !important;
    place-content: space-between;
	padding-right: 2px;
    padding-top: 1px;	
    max-height: 40px;
    background-color: #57575738;
    margin-bottom: 15px !important;    
    z-index: 9;

}
body:not(.preview-mode) #BtnFullScreen
{
    display: none;

}

body:not(.preview-mode) .ModuleBody_bg .BarreEtatAdmin [data-type="combobox"]
{
	width: 150px;
	align-self: stretch;	
}
.ModuleBody_bg .BarreEtatAdmin > span
{
	position:absolute;
	top:50% !important;
	left:50% !important;
	transform: translate(-50%, -50%);
	color: #0000005c;
	font-weight: 600;
    transition: all 0.5s ease 0s;	
}
.ModuleBody_bg .BarreEtatAdmin:hover > span
{
	color: #000000b3;
}
body.preview-mode .ModuleBody_bg .BarreEtatAdmin
{
	display: none !important;
}


.ModuleContainer .BarreEtatPreview
{
    min-height: 33px;
    margin: -15px;
    margin-top: 15px;
    margin-bottom: -15px;
    border-top: 1px solid #ced4da;
    padding-right: 15px;
    padding-left: 30px;
    background-color: white;
}
.askPopup .ModuleContainer .BarreEtatPreview
{
	min-height: 31px;
	padding: 0;
	margin: -5px;
	margin-top: 10px;
	padding-right: 4px;
	padding-left: 10px;
}

body.ThemeDefault .ModuleContainer .BarreEtatPreview .content
{
	text-align: right;
}

.ModuleContainer .BarreEtatPreview .content
{
	/*display: flex;*/
	/*flex-direction: row-reverse;*/
	/*flex-wrap: wrap; */
	display: block;   
	position: relative;
}
.ModuleContainer .BarreEtatPreview .content button
{
    text-transform: uppercase;
	padding-left: 15px;
	font-weight: 500;
	min-height: 33px;
   	position: relative;
    padding-left: 22px;
    font-size: 0.94791667rem;	
    color: #091124;
    background-color: #fff;
    cursor: pointer;
    border-color: #fff;
    border-top: 1px solid #C9CCD2 !important;
    border-bottom: 1px solid #C9CCD2 !important;
}

[data-view="FormReadView"] .showOnlyOnFormWrite 
{
	display: none !important;
}
.ModuleContainer .BarreEtatPreview .content button
{
	border-left: 1px solid #C9CCD2 !important;
}
.ModuleContainer .BarreEtatPreview .content button:first-child
{
	padding-left: 15px !important;	
	border-left: 1px solid #C9CCD2 !important;
}
.ModuleContainer .BarreEtatPreview .content button.active
{
	background-color: #714B67;
    color: #fff;
}
.ModuleContainer .BarreEtatPreview .content button:not(.active):not(:first-child)
{
	padding-left: 25px !important;
}
.ModuleContainer .BarreEtatPreview .content button.active::before
{
    background: #714b67;
	clip-path: polygon(100% 50%, 50% 0, 50% 100%);
    width: 20px;
    height: 106%;
    content: " ";
    display: block;
    position: absolute;
    top: -1px;
    left: auto;
    bottom: auto;
    right: -9px;
    z-index: 1;
}
.ModuleContainer .BarreEtatPreview .content button:not(.active)::before
{
    background: #C9CCD2;
	clip-path: polygon(100% 50%, 50% 0, 50% 100%);
    width: 27px;
    height: 113%;
    content: " ";
    display: block;
    position: absolute;
    top: -2px;
    left: auto;
    bottom: auto;
    right: -13px;
    z-index: 1;
}
.ModuleContainer .BarreEtatPreview .content button:not(.active)::after
{
    background: white;
	clip-path: polygon(100% 50%, 50% 0, 50% 100%);
    width: 24px;
    height: 100%;
    content: " ";
    display: block;
    position: absolute;
    top: 0px;
    left: auto;
    bottom: auto;
    right: -11px;
    z-index: 2;
}

/*.ModuleContainer .BarreEtatPreview .content button:first-child::before, .ModuleContainer .BarreEtatPreview .content button:first-child::after
{
	border: 0 !important;
}*/
/*.ModuleContainer .BarreEtatPreview .content button:not(.active)::before, .ModuleContainer .BarreEtatPreview .content button::after
{
    content: " ";
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    bottom: auto;
    right: auto;
    border-top: 16px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: none;
    border-left: 11px solid white;
}
.ModuleContainer .BarreEtatPreview .content button::before
{
    left: -1px !important;
    border-left-color: #ffffff !important;
    z-index: 1;
}
.ModuleContainer .BarreEtatPreview .content button.active::after
{
    border-left: 11px solid #714B67;		
}
.ModuleContainer .BarreEtatPreview .content button::after
{
    border-left-color: #C9CCD2;
}*/

.ElementDynClass.required .inputDM
{
	border: 2px solid #ff0000;
	border-top-style: none;
    border-right-style: none;
    border-left-style: none;	
}


/*
	Custom Scrollbar

/* width */
textarea.inputDM::-webkit-scrollbar
{
	width: 3px;
}

.ScrollMany2onePopup::-webkit-scrollbar
{
  width: 6px;
}

/* Track */
.ScrollMany2onePopup::-webkit-scrollbar-track, textarea.inputDM::-webkit-scrollbar-track 
{
  background: #f1f1f1; 
}
 
/* Handle */
.ScrollMany2onePopup::-webkit-scrollbar-thumb, textarea.inputDM::-webkit-scrollbar-thumb 
{
  background: #888; 
}

/* Handle on hover */
.ScrollMany2onePopup::-webkit-scrollbar-thumb:hover, textarea.inputDM::-webkit-scrollbar-thumb:hover 
{
  background: #555; 
}



.ModuleContainer  .desabledField
{
	opacity: 0.3;
	pointer-events: none;
}

.right-column .btnList
{
	font-weight: 500;
	font-size: 1.08333333rem;
	font-family: var(--font-family), "Odoo Unicode Support Noto", sans-serif;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #a3a1a1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #a3a1a1;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #a3a1a1;
}



.CodeMirror-selected 
{background-color: #7a7a7a !important;}




/* Kanban */
	.kanban_container
	{
		background: #E2E2E2;
		display: flex;
	  	align-items:flex-start;
	  	align-content:flex-start;	
		text-decoration: none;
		list-style-type: none;
		/*transition: all 0.2s ease-in-out 0s;*/
		overflow: auto;
		overflow-y: hidden;
		min-height: 100vh;
	}
	.ModuleContainer[data-view="FormReadView"] .kanban_container, .ModuleContainer[data-view="formWrite"] .kanban_container
	{
		height: auto;
		padding: 10px;
		background: #e2e2e24d;
		min-height: 30px;
		border-bottom: 0;
		margin-top: 10px;
	}
	.ModuleContainer[data-view="FormReadView"] .InputDM_Kanban .add_new_line_one2manylist, .ModuleContainer[data-view="formWrite"] .InputDM_Kanban .add_new_line_one2manylist
	{
		order: 1;
		width: 100%;
		margin-left: 10px;
	}
	.ModuleContainer[data-view="FormReadView"] .kanban_container li, .ModuleContainer[data-view="formWrite"] .kanban_container li
	{
		order: 2;
	}	
	.ModuleContainer[data-view="FormReadView"] .kanban_container:not(.groupBy) li, .ModuleContainer[data-view="formWrite"] .kanban_container:not(.groupBy) li
	{
		margin-top: 10px;
	}

	.kanban_container.groupBy .card_content
	{
		background: rgba(255, 255, 255, 0.52);
		margin: 10px;	
	}
	.kanban_container:not(.groupBy)
	{
		display: flex !important;
	    flex-direction: row;
	    flex-wrap: wrap;
	}
	.kanban_container:not(.groupBy) li
	{
		margin: 10px;
	}
	.kanban_container:not(.groupBy) .card_content .card_scroll
	{
		padding: 0;
		max-height: 1100px;
	}
	.kanban_container .flex_owner
	{
		display: flex;
		align-items: center;
	}

	.kanban_container .card_content
	{	
		border-radius: 6px;
		position: relative;
		max-height: 1200px;
		align-self: flex-start;
	}

	.kanban_container .card_content .card_header
	{
		font-size: 12px;
		padding-top: 15px;	
		padding-bottom: 10px;	
		margin-bottom: 3px;
		background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;	
		padding-right: 10px;
		padding-left: 10px;	
		display: flex;
		justify-content: space-between;
	}
	.kanban_container .ContainerCard_GroupBy 
	{
		position: relative;
	}
	.kanban_container .ContainerCard_GroupBy .palette_color
	{
		position: absolute;		
		width: 95px;
		min-height: 50px;
		top: 45px;
    	right: 23px;
    	border: 1px solid rgb(0 0 0 / 31%);
    	padding: 10px;
    	display: flex;    	
    	flex-wrap: wrap;
    	justify-content :center;
    	background-color: white;

	}	
	.kanban_container .ContainerCard_GroupBy .palette_color .color-box
	{
		margin-right: 2px;	
		margin-bottom: 2px;	
		min-height: 16px;
		min-width: 16px;
		cursor: pointer;
		border: solid 1px #d0d0d0;
	}	
	.kanban_container .card_content .card_footer
	{
		padding-top: 10px;	
		padding-bottom: 15px;	
		margin-top: 5px;
		display: flex;
		background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4));
		padding-right: 20px;
		padding-left: 10px;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		flex-direction: row;
	    justify-content: space-between;
	}
	.kanban_container .card_content .card_header .card_title
	{
		min-width: 22px;
	    height: 22px;
	    font-size: 12px;
	    font-weight: 500;
	    border-radius: 11px;
	    padding-left: 0.6rem;
	    padding-right: 0.6rem;
	    padding-top: 0.3rem;
	    padding-bottom: 0.3rem;
	    max-width: 100%;

	}
	.kanban_container .card_content .card_header .color_card
	{
		opacity: .60;
		color: #012524;
	}
	.kanban_container .card_content .card_header .color_card:hover
	{
		opacity: 1;
	}

	.kanban_container .card_content .card_header .card_title:not([data-color])
	{
		padding: 0px;
	}
	.kanban_container .card_content .card_header .card_title[data-color]
	{
		padding-top: 2px !important;
    	padding-bottom: 2px !important;
    	padding-right: 12px !important;
    	padding-left: 12px !important;
	}

	.kanban_container .card_content .card_header .card_title[data-color="#814968"] span,
	.kanban_container .card_content .card_header .card_title[data-color="#2c8397"] span,
	.kanban_container .card_content .card_header .card_title[data-color="#475577"] span,
	.kanban_container .card_content .card_header .card_title[data-color="#d6145f"] span,
	.kanban_container .card_content .card_header .card_title[data-color="#9365b8"] span
	{
		color: white !important;
	}		
	.kanban_container .card_content .card_header .card_title span
	{
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	   	color: #012524;
	    display: block;	
	    max-width: 220px;
	}

	.kanban_container .card_content .card_scroll
	{
		/*max-height: initial;*/
		height: calc(100% - 105px);
		/*max-height: 300px;*/
		max-height: 60vh;
		/*display: block;*/
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: 5px;
		padding: 10px;
		padding-top: 5px;
		padding-bottom : 0px;
		width: 265px;
	}
	.kanban_container .card_content .card_scroll::-webkit-scrollbar{
	    width: 12px;
	    height: 12px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	}

	.kanban_container .card_content .card_scroll::-webkit-scrollbar-button{
	    display: none;
	    height: 0;
	    width: 12px;
	}
	.kanban_container .card_content .card_scroll::-webkit-scrollbar-thumb {
	    background-color: hsla(0,0%,0%,0.35);
	}
	.kanban_container .card_content .card_scroll::-webkit-scrollbar-thumb{
	    background-clip: padding-box;
	    border: 3px solid rgba(0,0,0,0);
	    border-radius: 6px;
	    min-height: 36px;
	}
	.kanban_container::-webkit-scrollbar{
	    width: 12px;
	    height: 12px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	}

	.kanban_container::-webkit-scrollbar-button{
	    display: none;
	    height: 0;
	    height: 12px;
	}
	.kanban_container::-webkit-scrollbar-thumb {
	    background-color: hsla(0,0%,0%,0.35);
	}
	.kanban_container::-webkit-scrollbar-thumb{
	    background-clip: padding-box;
	    border: 3px solid rgba(0,0,0,0);
	    border-radius: 6px;
	    min-height: 36px;
	}


	.kanban_container .card_content .line-top, 
	.kanban_container .card_content .line-bottom
	{
		background: #D8D8D8;
		height: 2px;
		position: absolute;
		width: calc(100% - 25px);
		display: none;
	    left: 10px;	
	}
	.kanban_container .card_content .line-bottom
	{
		position: absolute;
		bottom: 48px;

	}

	.kanban_container .card_content .addNewCardBtn
	{
		position: relative;
	    text-align: center;
	    box-shadow: none;
	    height: 32px;
	    width: 32px;
	    border-radius: 16px;
	    background-color: #2d7ff9;	
	    position: absolute;
	    margin-left: -21px;
	    margin-top: -5px;    
	    cursor: pointer;
	    transform: scale(1);
	    transition: all 400ms cubic-bezier(0.34, 3.56, 0.64, 1);
	}
	.kanban_container .card_content .addNewCardBtn:hover
	{
		transform: scale(1.3);
	}	
	.kanban_container .card_content .addNewCardBtn svg
	{
		color: #fff;
	    fill: #fff;
	    position: absolute;
	    top: calc((100% - 16px) / 2);
	    left: calc((100% - 16px) / 2);
	    width: 16px;
	    height: 16px;
	}

	.kanban_container .card_content .count_records
	{
		color: #4d4d4d;
		font-size: 10px;
		min-width: 50px;
		opacity: 0.5;
	}
	.noselect, .noSelectPopupFix{
		-webkit-touch-callout: none;
		-webkit-user-select: none; 
		-khtml-user-select: none; 
		-moz-user-select: none;
		-ms-user-select: none; 
		user-select: none; 
	}
	.kanban_container .card_content .collapse
	{
		transform:rotate(-45deg);
		cursor: pointer;
		font-weight: 800;
	}

	.kanban_container .card_content .record_item
	{
		background: white;
		margin-bottom: 10px;
	    min-height: 43px;
	    width: 240px;	
	    border : 2px solid #D8D8D8;
	    transition: all 300ms ease;
	    border-radius: 6px;
	}
	.kanban_container .card_content .record_item:hover
	{
		border : 2px solid #B5B5B5;
	}
	.kanban_container .card_content .record_item.is_Drag
	{
		cursor: grabbing;
		transform: rotate(-4deg);
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
		position: fixed;
		z-index: 99999999999999;
		transition: none;
		pointer-events: none;
	}
	.kanban_container .card_content .fectif_record_drag_drop
	{
		display: none;
	}
	.kanban_container .card_content .record_item .record_item_attachement .empty_image
	{
		background-size: 20% !important;
	}
	.kanban_container .card_content .PlaceholderDropKanban
	{
		background-image: linear-gradient(to right top, #f1f1f1, #cbccce, #a5a8ac, #80858b, #5c656b);
		opacity: 0.1;
		width: 100%;
		height: 0px;
	}

	.kanban_container .card_content .record_item .record_item_attachement
	{
		height: 220px;
		background: #fff;
	    background-size: 15px 15px;
	    overflow: hidden;
	    border-bottom: 1px solid #f2f2f2;
	    border-top-right-radius: 4px;
	    border-top-left-radius: 4px;    
	    position: relative;
	}
	.kanban_container .card_content .record_item .record_item_attachement .transform_slider
	{
		pointer-events: none;
		position: relative;
		transition: all 300ms ease;
	}
	.kanban_container .card_content .record_item .record_item_attachement .img
	{
		width: 240px;
		height: 220px;
		background-size: cover;
		pointer-events: none;
		position: absolute;
		background-repeat: no-repeat;
	    background-position: center;	
	}

	.kanban_container .card_content .record_item .record_item_attachement .img.file_attachement
	{
		background-size: 20%;
	}

	.kanban_container .card_footer .icon_collapse a
	{
		padding: 10px;
		cursor: pointer;
		position: relative;
    	left: 10px;
	}
	.kanban_container .card_footer .icon_collapse a:hover
	{
		color: #2d7ff9;		
	}

	.kanban_container .card_content .record_item .record_item_content
	{
		padding-top: 0.5rem;
	    padding-left: 1rem;
	    padding-right: 1rem;
	}
	.card_collapse .card_scroll, .card_collapse .line-top, .card_collapse .line-bottom, .card_collapse .addNewCardBtn, .card_collapse .icon_collapse
	{
		display: none !important;
	}
	.card_collapse .card_header, .card_collapse .card_footer
	{
		/*transform: rotate(90deg);*/
		background-image: none !important;
	}
	.card_collapse .card_content
	{
		height: 44px;
	    max-width: 467px;
	    transform: rotate(-90deg) translateX(-100%);
	    transform-origin: left top 0px;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;    
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    -ms-grid-row-align: center;
	    align-items: center;
	    display: inline-flex;    
	}
	.card_collapse .card_header
	{
		order: 2;
	}
	.card_collapse .card_footer
	{
		order: 1;
		width: 100px;
	}
	.card_collapse
	{
	    width: 60px;
	    height: 100vh;
	}

	.card_collapse .card_content
	{
		cursor: pointer;
	}
	.card_collapse .card_content:hover 
	{
	    background-color: #fff;
	}
	.kanban_container > *
	{
	    transition: all 300ms ease;
	}
	.kanban_container .record_item_content .field
	{
		margin-bottom: 15px;
	}
	.kanban_container .record_item_content .field .title
	{
		text-transform: uppercase;
		opacity: .75;
		font-size: 10px;
		margin-bottom: 2px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    color: #012524;
	    display: block;
	    max-width: 220px;		
	}
	.kanban_container .record_item_content .field .value
	{
		font-family: var(--font-family);
	    font-size: 13px;
	    font-weight: 500;
	    line-height: 1.5;
	    color: #666666;
    	max-height: 200px;	    
    	padding: 1px;
    	margin-top: 2px;   	
    	overflow: auto;
	}
	.kanban_container .record_item_content .field .value.LimitText
	{
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    color: #012524;
	    display: block;
	    max-width: 220px;
	}


	.kanban_container .record_item_content .field .value table
	{
		margin-top: 10px;
	}
    .kanban_container .record_item_content .field .value::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    .kanban_container .record_item_content .field .value::-webkit-scrollbar-thumb {
        background: #818181;
        border-radius: 10px;
    }
    .kanban_container .record_item_content .field .value::-webkit-scrollbar-track {
        background: #fff;
    }
    .kanban_container .record_item_content .field .value::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    .kanban_container .record_item_content .field .value::-webkit-scrollbar-thumb {
        background: #818181;
        border-radius: 10px;
    }
    .kanban_container .record_item_content .field .value::-webkit-scrollbar-track {
        background: #fff;
    }	
	.kanban_container .record_item_content .field .value .flex_images
	{
		display: flex;    
		flex-wrap: wrap;
	}
	.kanban_container .record_item_content .field .value .flex_images .image
	{
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.kanban_container .record_item_content .field .value .flex_tags
	{
		display: flex;
    	flex-wrap: wrap;
	}
	.kanban_container li:not(.card_collapse) .card_content
	{
		max-width: initial  !important;
	}
	.kanban_container li:not(.card_collapse) .card_header
	{
		max-width: initial  !important;
	}
	.record_item_attachement .pill_slider
	{
		position:absolute;
		display:flex;
		bottom: 2px; 
		left: 2px; 
		right: 2px; 
		height: 6px; 
		opacity: 1; 
		transform: translateY(0px);
		transition: .085s all ease-in;	
		background-color: rgba(0,0,0,0.25);
		border-radius: 9999px;
		opacity: 0;
		pointer-events: none;
	}							
	.kanban_container .card_content .record_item .record_item_attachement:hover .pill_slider
	{
		opacity: 1;
	}
	.record_item_attachement .pill_slider > div
	{
		padding: 2px;
	}
	.record_item_attachement .pill_slider .flex-auto
	{
		-webkit-box-flex: 1;
	    -webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	    min-width: 0;
	    min-height: 0;
	}

	.record_item_attachement .pill_slider .pill
	{
		border-radius: 9999px;
		display: block;
		border: 1px solid #959595;
		background-color: hsla(0,0%,100%,0.5);
	}
	.record_item_attachement .pill_slider .active
	{
		height: 2px;
		background-color: #fff;
		border: 0;
	}
	.ModuleContainer[data-view="FormReadView"] .kanban_container li
	{
		margin:0 !important;
	}

	/* mini box design ta3 form many2many/one2many kanban */
	.InputDM_Kanban.MiniBox .card_content .card_scroll
	{
		width:135px !important;
	}

	.InputDM_Kanban.MiniBox .card_content .record_item
	{
		width:125px !important;
	}

	.InputDM_Kanban.MiniBox .card_content .record_item .record_item_attachement
	{
		height: 100px !important;
	}
	.InputDM_Kanban.MiniBox .card_content .record_item .record_item_attachement .img
	{
	    width: 122px !important;
	    height: 100px !important;
	}
/* End - Kanban */








.InputConditionModeUpdateData input
{
	line-height: 1;
}
.InputConditionModeUpdateData select
{
	line-height: 1.5;
}
.InputConditionModeUpdateData .add_sub_domain, .InputConditionModeUpdateData .grid_filtre div:nth-of-type(2), .InputConditionModeUpdateData .description_condition, .InputConditionModeUpdateData .sub_buttonCondition
{
	display:none !important;
}

.InputConditionModeUpdateData  .DomainContainer:not([data-property="RightAccessClient_FieldsNoAccessJson"]):not([data-property="RightAccessClient_FieldsCanUpdateJson"]):not([data-property="RightAccessClient_FieldsCanNotUpdateJson"]) .contenu-requette .grid_filtre
{
	grid-template-columns: 37% 37% 25% !important;
}



.InputConditionModeUpdateData
{
    margin-bottom: 30px;
}
.InputConditionModeUpdateData .InputFieldContainer .select-fields
{
	border: 0 !important;
}

[data-property="RightAccessClient_FieldsNoAccessJson"] .input_value
{
	display: none !important;
}

[data-property="RightAccessClient_FieldsNoAccessJson"] .grid_filtre
{
	grid-template-columns: 80% 20% 0% !important;

}
[data-property="RightAccessClient_FieldsCanUpdateJson"] .grid_filtre, [data-property="RightAccessClient_FieldsCanNotUpdateJson"] .grid_filtre
{
    grid-template-columns: 45% 34% 33% !important;
}

[data-property="RightAccessClient_FieldsCanUpdateJson"] .add_sub_domain, [data-property="RightAccessClient_FieldsCanUpdateJson"] .grid_filtre div:nth-of-type(2), [data-property="RightAccessClient_FieldsCanUpdateJson"] .description_condition,
[data-property="RightAccessClient_FieldsCanNotUpdateJson"] .add_sub_domain, [data-property="RightAccessClient_FieldsCanNotUpdateJson"] .grid_filtre div:nth-of-type(2), [data-property="RightAccessClient_FieldsCanNotUpdateJson"] .description_condition
{
	display:none !important;
}

@keyframes myanimationScale {
  0%   {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  50%  {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }
  100%  {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}

.animationScale
{
 	animation-name: myanimationScale;
  	animation-duration: 600ms;
  	animation-iteration-count: 2;
}

.InputDM_InputList .hideColumn
{
	max-width: 0px !important;
}
.InputDM_InputList .hideColumn > *
{
	display: none !important;
}
@media (max-width: 568px)
{
	#BtnFullScreen
	{
		display: none !important;
	}
}



/* Dashboard View & Standard */
	.side-bar-menu.theme280
	{
		width: 280px;
		height: 100vh;
		position: fixed;
		left: -280px;
		top: 0;
		z-index: 2;
		background: #0F172A;
		overflow-y: auto;
		transition: left cubic-bezier(0.22, 1, 0.36, 1) 500ms;
		max-width: 100%;
		scrollbar-color: transparent white; 
    	scrollbar-width: thin;
	}
	body.ThemeDefault .side-bar-menu.theme280
	{
		scrollbar-color: transparent #0f172a !important;
	}
	.side-bar-menu.theme280:hover
	{
		scrollbar-color: #D0D6DB white; 
	}
	body.ThemeDefault .side-bar-menu.theme280:hover
	{
		scrollbar-color: #D0D6DB #0f172a !important; 
	}	
	.side-bar-menu.opened
	{
		left: 0px !important;
	}
	@media (max-width: 768px)
	{
		.right_content
		{
			margin-left: 0px !important;
		}
	}


	.right_content
	{
		z-index: 1;
		position: relative;
		margin-left: 280px;
		transition: margin-left cubic-bezier(0.22, 1, 0.36, 1) 500ms;
		min-height: 100vh;
		background-color: #F1F1F1;
		padding-bottom: 360px;
	}
	.side-bar-menu:not(.opened) ~ .right_content
	{
		margin-left: 0px;
	}

	.side-bar-menu.theme280 ul
	{
		list-style-type:none;
		padding: 0;
	}


	.side-bar-menu.theme280 ul ul>li>a
	{
		padding-left:  50px !important;
	}
	.side-bar-menu.theme280 ul ul ul>li>a
	{
		padding-left: 70px !important;
	}
	.side-bar-menu.theme280 ul ul ul ul>li>a
	{
		padding-left: 90px !important;
	}
	.side-bar-menu.theme280 ul ul ul ul ul>li>a
	{
		padding-left: 110px !important;
	}
	.side-bar-menu.theme280 .logo
	{
		display: flex;
		align-items: center;
		padding: 2.5rem!important;
		margin-top: 0.5em;
		margin-bottom: 1em;	
	}
	.side-bar-menu.theme280 .logo img
	{
		width: 100%;
	}
	.side-bar-menu.theme280 .logo .admin_title
	{
		margin-left: 10px;
		font-weight: 600;
		text-transform: uppercase;
		font-size: 26px;
		color: white;
		line-height: 1;
	}
	.side-bar-menu.theme280 .logo .admin_title span
	{
		text-transform: none;	
		font-size: 10px;
		font-weight: 400;
		display: block;
    	line-height: 2;		
	}

	.side-bar-menu.theme280 .wrapper_bigTitle
	{
		padding-bottom: 1 !important;
	}
	.side-bar-menu.theme280 .wrapper
	{
		padding: 10px 16px;
		margin: 0 12px;
	    padding-right: 5px;
	    margin-right: 5px;	
	}
	.side-bar-menu.theme280 .bigTitle
	{
	    font-size: 14px;
	    font-weight: 600;
	    letter-spacing: .05em;
	    text-transform: uppercase;
	    color: #818CF8;
	}
	.side-bar-menu.theme280 .subBigTitle
	{
		font-size: 11px;
	    line-height: 1.5;
	    color: #878B94;
	}
	.side-bar-menu.theme280 .subSmalTitle
	{
	    font-size: 0.6em;
	    line-height: 1.5;
	    font-weight: 400;
	}
	    
	.side-bar-menu.theme280 .menu_accuail_content
	{
		padding-bottom: 40px;
	}
	.side-bar-menu.theme280 .menu_accuail_content .text_item
	{
		max-width: 93%;
	    display: block;
	}
	.side-bar-menu.theme280 ul .arrow.rotate
	{
		transform: rotate(0deg);
	}
	.side-bar-menu.theme280 ul .arrow {
	  padding: 0.16em 2em;
	  cursor:pointer;
	  float:right;
	  font-style:normal;
	  position:absolute;
	  display:inline-block;
	  right:0;
	  color:#aaa;
	  transition: all .2s ease;
	  top: 30%;
	  transform: rotate(-90deg);	
	  font-weight: 500;
	}
	.side-bar-menu.theme280 .accordion
	{
		padding: 10px 16px;
		margin: 0 0px;
	    padding-right: 5px;
	    margin-right: 5px;	

		color: #9FA2AA;
		font-size: 13px;
	    font-weight: 500;
	    margin-top: -1em;
	}
	.side-bar-menu.theme280 .accordion a
	{
		cursor: pointer;
		width: 100%;
		display: block;
		color: #9FA2AA;
		text-decoration: none;
		padding: 12px 16px;
		color: rgba(255,255,255,0.8);
		border-radius: 6px;
		line-height: 20px;
		position: relative;
		margin-bottom: 1px;
	}
	.side-bar-menu.theme280 .accordion a:hover, .side-bar-menu.theme280 .accordion a.active
	{
		background-color: rgba(255,255,255,0.12);
		color: rgba(255,255,255,1);
	}
	.side-bar-menu.theme280 .accordion a.hasIcon:hover i.icon
	{
		opacity: 1 !important;
		color: white !important;
	}

		
	.side-bar-menu.theme280 .accordion a.hasIcon
	{
		padding-left: 50px;
	}
	.side-bar-menu.theme280 .accordion a.hasIcon i.icon
	{
		font-size: 20px;
		margin-left: -35px;
		position: absolute;
		color: #9FA2AA;
		top: 26%;	
	}
	.side-bar-menu.theme280 .accordion > ul > li li 
	{
		margin-left: 15px;
	}
	.backgroundMenuBlack
	{
	    position:fixed;
	    top:0px;
	    left:0px;
	    width:100%;
	    height:100%;
	    background-color: rgb(0 0 0 / 53%);
	    z-index:999999999999;
	    cursor:not-allowed;
	    overflow-y: auto;
	    padding: 20px;
	}
	/* ===== Scrollbar CSS ===== */
	  /* Firefox */
	  .side-bar-menu.theme280::-webkit-scrollbar {
	  width: 5px;
	  height: 2px;
	}
	.side-bar-menu.theme280::-webkit-scrollbar-button {
	  width: 0px;
	  height: 0px;
	}
	.side-bar-menu.theme280::-webkit-scrollbar-thumb {
	  background: #008080;
	  border: 0px none #1f1414;
	  border-radius: 50px;
	}
	.side-bar-menu.theme280::-webkit-scrollbar-track {
	  background: #333333;
	  border: 0px none #ffffff;
	  border-radius: 50px;
	}
	.side-bar-menu.theme280::-webkit-scrollbar-corner {
	  background: transparent;
	}

/* End - Dashboard View & Standard */


/* LoadingBackgroundMessageMessage */
	.LoadingBackgroundMessage .content .text_info
	{
		color:white;position:absolute;top:50% !important;left:50% !important;transform: translate(-50%, -50%);	
	}
	.LoadingBackgroundMessage .content .text_info i
	{
		font-size: 25px;
		color: white;	
	}
	.LoadingBackgroundMessage
	{
		background-color: rgba(0,0,0,0.8);
		cursor: default;
	}
	.LoadingBackgroundMessage .text_info.load1::after
	{
		content: '.';
		position: absolute;
	}
	.LoadingBackgroundMessage .text_info.load2::after
	{
		content: '..';
		position: absolute;
	}
	.LoadingBackgroundMessage .text_info.load3::after
	{
		content: '...';
		position: absolute;
	}
	.LoadingBackgroundMessage .animation-ctn{
		position:absolute;
		top:50% !important;
		left:50% !important;
		transform: translate(-50%, -50%);
	}
	.LoadingBackgroundMessage .animation-ctn .icon
	{
		text-align: center;
	}
	.LoadingBackgroundMessage .animation-ctn .message_response, .LoadingBackgroundMessage .text_info
	{
		color: white;
		font-family: var(--font-family);
    	font-size: 13px;		
    	text-align: center;
	}
	.LoadingBackgroundMessage .animation-ctn .message_response
	{
		padding-top: 5px;
	}

	@-webkit-keyframes checkmark {
	    0% {
	        stroke-dashoffset: 100px
	    }

	    100% {
	        stroke-dashoffset: 200px
	    }
	}

	@-ms-keyframes checkmark {
	    0% {
	        stroke-dashoffset: 100px
	    }

	    100% {
	        stroke-dashoffset: 200px
	    }
	}

	@keyframes checkmark {
	    0% {
	        stroke-dashoffset: 100px
	    }

	    100% {
	        stroke-dashoffset: 0px
	    }
	}

	@-webkit-keyframes checkmark-circle {
	    0% {
	        stroke-dashoffset: 480px
	   
	    }

	    100% {
	        stroke-dashoffset: 960px;
	      
	    }
	}

	@-ms-keyframes checkmark-circle {
	    0% {
	        stroke-dashoffset: 240px
	    }

	    100% {
	        stroke-dashoffset: 480px
	    }
	}

	@keyframes checkmark-circle {
	    0% {
	        stroke-dashoffset: 480px 
	    }

	    100% {
	        stroke-dashoffset: 960px
	    }
	}

	@keyframes colored-circle { 
	    0% {
	        opacity:0
	    }

	    100% {
	        opacity:100
	    }
	}


	.LoadingBackgroundMessage .icon--order-success svg polyline {
	    -webkit-animation: checkmark 0.25s ease-in-out 0.35s backwards;
	    animation: checkmark 0.25s ease-in-out 0.35s backwards
	}

	.LoadingBackgroundMessage .icon--order-success svg circle {
	    -webkit-animation: checkmark-circle 0.39s ease-in-out backwards;
	    animation: checkmark-circle 0.39s ease-in-out backwards;
	}
	.LoadingBackgroundMessage .icon--order-success svg circle#colored {
	    -webkit-animation: colored-circle 0.25s ease-in-out 0.35s backwards;
	    animation: colored-circle 0.25s ease-in-out 0.35s backwards;
	} 
	.LoadingBackgroundMessage .message_response {
	    -webkit-animation: colored-circle 0.25s ease-in-out;
	    animation: colored-circle 0.25s ease-in-out;
	}	

/* END Block LoadingBackgroundMessage */ 

.modal-backdrop.show
{
	display: none;
}
.AskPopupFileLoad tbody tr td
{
	padding: 5px;
	font-weight: 500;
	text-transform: capitalize;
}

.AskPopupFileLoad tbody select
{
	width: 100%;
	font-family: var(--font-family);
	border: 1px solid #cfcfcf;
	background: transparent;
	height: 30px;
    appearance: none;
    background-image: url(data/images/down-arrow.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 96%;
    padding-left: 10px;
}
.AskPopupFileLoad tbody select:focus
{
	outline: none !important;
	box-shadow: none !important;
}
/* fix icon font awesome */
	i.fa-store::before
	{
		margin-left: -3px;
	}


body.preview-mode .ElementDynClass[data-type="text"] input:focus,
body.preview-mode .ElementDynClass[data-type="decimal"] input:focus,
body.preview-mode .ElementDynClass[data-type="number"] input:focus,
body.preview-mode .ElementDynClass[data-type="monetary"] input:focus,
body.preview-mode .ElementDynClass[data-type="date"] input:focus,
body.preview-mode .ElementDynClass[data-type="datetime"] input:focus,
body.preview-mode .ElementDynClass[data-type="manytoone"] input:focus,
body.preview-mode .ElementDynClass[data-type="combobox"] select:focus,
body.preview-mode .ElementDynClass[data-type="textarea"] textarea:focus,
body.preview-mode .ElementDynClass[data-type="manytomany"] input:focus ~ .ElementDynClass[data-type="manytomany"] .flex_tags
{
	/*border-bottom-color: rgb(110 110 110);*/
	/*border-bottom: 2px solid #868686;*/
    box-shadow: 0px 1px 0px #868686;
}

@-webkit-keyframes AnimeAfterRefresh {
    0% {
        filter: contrast(1);
    }
    50% {
        filter: contrast(0.8);
        background: #efedef6b;
    }
    100% {
        filter: contrast(1);
    }
}


.AnimeAfterRefreshClass
{
	transition: all 300ms ease-in-out;
	animation: AnimeAfterRefresh 600ms;
	animation-iteration-count: 3;
}



.row_configuration_inputmultiplefield
{
	padding-left: 20px;
}

.dd-handle .dd-content
{
    min-height: 20px;
    display: block;	
}
@media screen and (max-width: 575.8px) {
	.popupBackground .askPopup:not(.targetModuleOpen) .ModuleBody
	{
		padding-top: 20px !important;
	}
}
body.preview-mode .btnCSSColumnDashboard
{
	display: none;
}
.bs-searchbox .form-control
{
    margin-bottom: 10px;
    border-radius: 0px;
}
.bs-searchbox .form-control:focus
{
	box-shadow: none !important;
	border-color: #6c757d !important;
}
.bs-container li a:focus, .bs-container li a:active
{
	box-shadow: none !important;	
	border: 0 !important;	
	outline: 0 !important;	
	color: #212529;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus
{
	outline: 1px solid #6c757d !important;
}



.PopupSelectImages .grid_variants        
{
	grid-gap: 0.5rem;    display: grid;    grid-template-columns: repeat(4,1fr);
    margin-bottom:2em;
  	/*height: 60vh;*/
    overflow-y: auto;
}
@media screen and (max-width: 675.8px) 
{
	.PopupSelectImages .grid_variants
    {
    	grid-template-columns: repeat(3,1fr);
    }
	.PopupSelectImages .grid_variants .item_
    {
        height:120px;
    }                
}
@media screen and (max-width: 475.8px) 
{
	.PopupSelectImages .grid_variants
    {
    	grid-template-columns: repeat(2,1fr);
    }
    
}
.PopupSelectImages .grid_variants .item_
{
	height:100px;
    position:relative;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #F1F5F9 !important;
    background-size: cover !important;   
    cursor:pointer;
}
.PopupSelectImages .grid_variants .item_:after
{
	content:'';
    position:absolute;
    border:2px solid white;
    top:5px;
    left:5px;
    width:18px;
    height:18px;
    border-radius:50%;
    opacity:0;
}
.PopupSelectImages .grid_variants .item_:hover:after
{
	opacity:1;
}
.PopupSelectImages .grid_variants .item_.active:after
{
	opacity:1;
    background:white;
    border-color:#2E72D2;
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;                
    content: "\f00c";
    text-align: center;
    color: #2E72D2;
    font-weight: 600;
}

.PopupSelectImages .grid_variants .item_.upload_
{
    border: dashed 2px #6c757d;
}
.PopupSelectImages .grid_variants .item_.upload_:after
{
	opacity:1;
	content:'Uploader';
    background:#6c757d;
    padding: 5px;
    padding-top: 1px;
    padding-bottom: 16px;
	font-size: 10px;                
    text-align: center;
    color: white;
    font-weight: 600;
    position:absolute;
    top:50% !important;
    left:50% !important;
    transform: translate(-50%, -50%);      
  	width: auto;
  	border:0;
    border-radius:3px;
}

body.ThemeDefault .side-bar-menu.theme280 .logo img#White
{
	display: block !important;
}

body.ThemeDefault .side-bar-menu.theme280 .logo img#Black
{
	display: none !important;
}
.ViewControl .NavigationTitle .fa-angle-right, .NavigationTitleDashboard .fa-angle-right
{
	font-weight: 500;
	font-size:13px;
    margin-left: 10px;
    margin-right: 10px;	
    color: #008784;
}

.InputDM_InputList .actionButton, .InputDM_InputList .action_button_manytomany
{
	display:flex;
	gap: 5px;
    flex-direction: row-reverse;    
    align-items: center;    
    justify-content: center;
}
.InputDM_InputList .actionButton a, .InputDM_InputList .action_button_manytomany a
{
    line-height: 1.5;
    padding: 0.8rem 1.1rem!important;
    border-radius: 0.15rem;
    font-size: 8px!important;
    font-weight: 400!important;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    will-change: transform;
    color: white !important;
}
.InputDM_InputList .action_button_manytomany a
{
    padding: 0.7rem 1rem!important;
}
.InputDM_InputList .actionButton a.green,
.InputDM_InputList .action_button_manytomany a.green
{
    border-color: #6c757d;
    background-color: #6c757d;    
}
.InputDM_InputList .actionButton a.greenfast,
.InputDM_InputList .action_button_manytomany a.greenfast
{
    border-color: #6c757d;
    background-color: #6c757d;    
}
.InputDM_InputList .actionButton a.greenfast span:before
{
/*    position: absolute;
	top: 14px;	
    left: 22px;
    font-family: 'Font Awesome 5 Pro';
    font-size: 5px;
    font-weight: 600;
    color: white;
    content: "\f005";*/

}
.InputDM_InputList .actionButton a.bluefast span:before
{
/*    position: absolute;
	top: 14px;
    left: 18px;
    font-family: 'Font Awesome 5 Pro';
    font-size: 5px;
    font-weight: 600;
    color: white;
    content: "\f005";*/
}
.InputDM_InputList .actionButton a.blue, .InputDM_InputList .actionButton a.menu_,
.InputDM_InputList .action_button_manytomany a.blue, .InputDM_InputList .action_button_manytomany a.menu_
{
	border-color: #6c757d;
    background: #6c757d!important;
   	color: white !important;	
}
.InputDM_InputList .actionButton a.bluefast,
.InputDM_InputList .action_button_manytomany a.bluefast
{
	border-color: #6c757d;
    background: #6c757d!important;
   	color: white !important;	
}
.InputDM_InputList .actionButton a.silver,
.InputDM_InputList .action_button_manytomany a.silver
{
	border-color: #6c757d!important;
    background: #6c757d!important;
   	color: white !important;	
}
.InputDM_InputList .actionButton a.red,
.InputDM_InputList .action_button_manytomany a.red
{
	border-color: #6c757d!important;
    background: #6c757d!important;
   	color: white !important;	
}
.InputDM_InputList .actionButton a:hover,
.InputDM_InputList .action_button_manytomany a:hover
{
	transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}
.InputDM_InputList .actionButton a.consulter_,
.InputDM_InputList .action_button_manytomany a.consulter_
{
	order: 40;
}
.InputDM_InputList .actionButton a.fast_consulter_,
.InputDM_InputList .action_button_manytomany a.fast_consulter_
{
	order: 30;
}
.InputDM_InputList .actionButton a.edit_,
.InputDM_InputList .action_button_manytomany a.edit_
{
	order: 20;
}
.InputDM_InputList .actionButton a.fast_edit_,
.InputDM_InputList .action_button_manytomany a.fast_edit_
{
	order: 20;
}
.InputDM_InputList .actionButton a.remove_,
.InputDM_InputList .action_button_manytomany a.remove_
{
	order: 10;
}
.InputDM_InputList .actionButton a.menu_
{
	width:29.2px;height:28px;order:300;
}
.InputDM_InputList .actionButton a.menu_ i
{
	transform: scale(1.3);
}
body .dropdown-action .dropdown-item
{
	position: relative;
	min-width: 120px;	
}
body .dropdown-action .dropdown-item > span
{
	padding-left: 19px;
}
body .dropdown-action .dropdown-item i
{
	position: absolute;
    position: absolute;
    text-align: center;
    left: 10px;	
    top: 5px;
    width: 21px;
}
body .dropdown-action .dropdown-item[disabled="disabled"]
{
	opacity: 0.2 !important;
	pointer-events: none !important;
}






.AskMessageBottomAlert .checkmark {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    stroke-width: 4;
    stroke: white;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px white;
    animation: fill_ .4s ease-in-out .4s forwards, scale_ .3s ease-in-out .9s both;
    position:relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
    position: absolute;
    right: 9px;
    top: 9px;   
}
.AskMessageBottomAlert .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 6;
    stroke-miterlimit: 10;
    stroke: white;
    fill: transparent;
    animation: stroke_ 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
 
}

.AskMessageBottomAlert .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke_ 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards;
}

@keyframes stroke_ {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale_ {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill_ {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}

.empty_record_module
{
	display: flex;    min-height: 500px;      padding: 50px;    justify-content: center;    text-align: center;  align-items: center;    flex-direction: column;
	border: 20px solid #f1f1f1;
}
.ModuleContainer[data-view="FormReadView"] .empty_record_module,
.ModuleContainer[data-view="formWrite"] .empty_record_module
{
	background-color: transparent;
	border: 0;
}

.empty_record_module img
{
	width:230px;
}
.empty_record_module p
{
	max-width:400px;
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 1.5em;
}

.empty_record_module button
{
	font-weight: 500;
	font-size: 13px;
}



.AskPlaceholder {
    max-width: 100%;
}


.AskPlaceholder .faux-text {
    background: #dddddd;
    border-radius: 4px;
    height: 20px;
    margin-bottom: 5px;
}

.AskPlaceholder.shimmer {
    overflow: hidden;
    position: relative;
}

.AskPlaceholder.shimmer::before {
    content: "";
    position: absolute;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0) 100%
    );
    height: 100%;
    width: 100%;
    z-index: 1;
    animation: shimmer 1s infinite;
}

@keyframes shimmer {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
}

.AskPlaceholderHiddenElement:not(.ModuleBody)
{
	display: none !important;
}
.ModuleBody.AskPlaceholderHiddenElement .ElementDynClass,
.ModuleBody.AskPlaceholderHiddenElement .SpecialButtons
{
	display: none !important;
}

.row:not(StretchColmun)
{
    align-items: flex-start;
}
.row.StretchColmun
{
    align-items: stretch;
}



.ElementDynClass .EditHover
{
    position: absolute;
    top: -1px;
    right: -4px;
    font-size: 10px;
    cursor: pointer;
    z-index: 999999999999999999;
    padding: 7px;
    color: #666666;    
    transition: 100ms all ease;
	border-radius: 3px;    
	opacity: 0;
}
.ElementDynClass .EditHover:hover
{
    background-color: #ededed;
}
.ElementDynClass.MakeTitleCheckbox  > .row > .col-el .EditHover
{
	top: 14px;
	right: 14px;
}

body.preview-mode .ElementDynClass .admin_typeinput
{
	visibility: hidden; !important;
}

.ElementDynClass .col-el > .EditHover
{
	top: 7px;
    right: 8px;
}

.ElementDynClass[data-type="tab"] > .EditHover
{
	top: 4px;
    right: 4px;
}

.HasEditHover:hover > .EditHover
{
	opacity: 1;
}

.askPopup .EditHover
{
	display: none !important;
}

.popupBackgroundv2
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.askPopupv2
{
	overflow: hidden !important;
	max-height: 750px;
    border-radius: 5px !important;
    box-shadow: rgb(46 46 54 / 58%) 0px 6px 12px -2px, rgb(0 0 0 / 72%) 0px 3px 7px -3px;
    display: flex;
    flex-direction: column;    
	height: 100% !important;
}
.askPopupv2 .title_container
{
	display:flex;padding:20px;
	justify-content: space-between;
	border-bottom:1px solid #DFE5EB;
	padding-bottom: 10px;
	box-shadow: rgb(0 0 0 / 5%) 0px 1px 4px;
    z-index: 9999999999999;
    position: relative;	
}
.askPopupv2 .title_container .title_
{
	margin-top: 0;
	font-size: clamp(13px, 5vw, 20px);
	padding: 0;
	border: 0;
	position: initial;
    font-family: var(--font-family);	
}
.askPopupv2 .title_container i
{
	position:relative;top:-5px;right:auto;
}
.askPopupv2 .AskPopupContainer
{
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
    flex: 1;    
}

.askPopupv2 .control_
{
	padding: 10px;padding-left: 20px;padding-right: 10px;display:flex;justify-content: space-between;    background: white;    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 5px;    width: 100%;    z-index: 999999;    position: relative;
	padding-bottom: 4px;
	border-top: 1px solid #DFE5EB;
}
.askPopupv2 .ViewControl
{
	display: none !important;
}
.ModuleBody_bg > .control-navigation:not(.navigation_button_)
{
    margin-top: 20px;
    margin-bottom: 20px;

}

.ModuleContainer[data-view="formWrite"] .ModuleBody_bg > .control-navigation,
.ModuleContainer[data-view="FormReadView"] .ModuleBody_bg > .control-navigation
{
    display: none !important;
}


body.ThemeDefault .askPopup .ModuleBody .SpecialButtons {
    border-top: 1px solid #ced4da;
}

body.ThemeDefault .BarreEtatPreview {
	margin: 16px;
	border-bottom: 1px solid #ced4da;
    border-right: 1px solid #ced4da;	
    border-left: 1px solid #ced4da;	
    margin-bottom: -17px;    
	display: flex;    
    padding-left: 10px;	
    position: relative;
    max-width: 1440px;
  	margin: 0 auto;
}
body.ThemeDefault .BarreEtatPreview [data-type="combobox"] 
{
    margin-right: -15px;
}
body.ThemeDefault .askPopup .BarreEtatPreview {
    margin-right: 1px;
}
body.ThemeDefault .BarreEtatPreview .content button
{
	border-bottom: 0 !important;
}
body.ThemeDefault .askPopup .BarreEtatPreview [data-type="combobox"] 
{
    margin-right: 7px;
}
.ElementDynClass .InputDM_InputImage .table-container
{
	display: inline-flex;
	max-width: 100%;
}
.ElementDynClass .InputDM_InputImage .table-container tbody,
.ElementDynClass .InputDM_InputImage .table-container tbody td
{
	max-width: 100%;
}

.ElementDynClass .MakeTitle-Contenu
{
	font-weight: 700;
	font-size: 14px;
	margin-top: -5px;
	margin-bottom: 35px;
}
.ElementDynClass .MakeTitle-Siprator
{
	margin: -20px;
	margin-bottom: -5px;
	padding-bottom: 20px;	
}

body:not(.preview-mode) .ElementDynClass .MakeTitle-Siprator
{
	margin-left: -10px;
	margin-right: -10px;
}


.ModuleContainer[data-slug="_md_configuration"] .navigation_view_module .NavigationTitle, 
.ModuleContainer[data-slug="_md_configuration"] .navigation_view_module .control-navigation,
.ModuleContainer[data-slug="_md_configuration"] .module_btn_control_create
{
	display: none !important;
}

.menu_tippy a.desable
{
	pointer:none !important;opacity:0.15 !important;cursor:not-allowed !important;
}





/* Loading Space Buidler recuprer pour datamanager */
		.AskMessageBottomAlert
		{
			background: rgb(41 15 33) !important;
			box-shadow: 0px 10px 30px 0px rgba(0,0,0,.1), 0px 1px 4px 0px rgba(0,0,0,.02) !important;
			border-radius: 15px !important;
		    padding-right: 15px !important;
		    padding-left: 15px !important;	
		    bottom: 84px !important;
		    min-height: 50px !important;
		}

		.AskMessageBottomAlert .checkmark, .sauvgarde_elements .checkmark
		{
		    width: 16px;
		    height: 16px;
		    border-radius: 50%;
		    display: block;
		    stroke-width: 4;
			stroke: white;
		    stroke-miterlimit: 10;
		    box-shadow: inset 0px 0px 0px white;
		    animation: fill_ .4s ease-in-out .4s forwards, scale_ .3s ease-in-out .9s both;
		    position:relative;
		    top: 5px;
		    right: 5px;
		    margin: 0 auto;
		    position: absolute;
		    right: 9px;
		    top: 9px;   
		}
		.AskMessageBottomAlert .checkmark__circle, .sauvgarde_elements .checkmark__circle {
		    stroke-dasharray: 166;
		    stroke-dashoffset: 166;
		    stroke-width: 6;
		    stroke-miterlimit: 10;
			stroke: white;
			fill: #2DCE89;
		    animation: stroke_ 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
		 
		}

		.AskMessageBottomAlert .checkmark__check, .sauvgarde_elements .checkmark__check {
		    transform-origin: 50% 50%;
		    stroke-dasharray: 48;
		    stroke-dashoffset: 48;
		    animation: stroke_ 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards;
		}
		.AskMessageBottomAlert.mssuccess
		{
			background-color: #2DCE89 !important;
		}
		.AskMessageBottomAlert.mssuccess svg
		{
			top: 17px !important;
		    right: 13px !important;
		}
		.AskMessageBottomAlert .svg_loading 
		{	
			top: 10px !important;
		    right: 7px !important;
		}
		.AskMessageBottomAlert span {
			font-family: "inter", sans-serif !important;
			font-size: 12px !important;
			margin-top: 19px !important;
		}
		.AskMessageBottomAlert .checkmark {
		  stroke: white !important;
		}
		.AskMessageBottomAlert .checkmark__circle {
		  stroke: white !important;
		  fill: #2DCE89 !important;
		}

		@keyframes stroke_ {
		    100% {
		        stroke-dashoffset: 0;
		    }
		}

		@keyframes scale_ {
		    0%, 100% {
		        transform: none;
		    }

		    50% {
		        transform: scale3d(1.1, 1.1, 1);
		    }
		}

		@keyframes fill_ {
		    100% {
		        box-shadow: inset 0px 0px 0px 30px #4bb71b;
		    }
		}

body:not(.preview-mode) .PageDataManager .ContainerBody > .ModuleContainer .ViewControl
{
	position: sticky !important;
	top: 0 !important; 	
}
.itemLanguage a
{
	width: 120px;
}

.row_configuration_inputhtml .keepStyles
{
    position: relative;
    width: 15px;
    height: 10px;
}
.has_overlay .overlay{position:absolute;z-index:10;top:0;left:0;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;cursor:default}.has_overlay .overlay .overlay_hover{width:100%;height:100%;position:absolute;z-index:100}.has_overlay .overlay .overlay_hover .video_play_icon{position:absolute;top:50%!important;left:50%!important;transform:translate(-50%,-50%)}.has_overlay .overlay .video_play_icon{text-decoration:none}.has_overlay .video_play_icon,.has_overlay .overlay_hover{transition:ease 300ms all}.has_overlay .overlay .video_play_icon{border-radius:50%;background:#fff;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.has_overlay .overlay .video_play_icon::before,.has_overlay .overlay .video_play_icon::after{opacity:0;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:5px;left:5px;bottom:0;content:"";height:60px;width:60px;border:2px solid #fff;border-radius:100%;-webkit-animation-name:ripple;animation-name:ripple;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.65,0,.34,1);animation-timing-function:cubic-bezier(.65,0,.34,1);z-index:-1}.has_overlay .overlay .video_play_icon::before{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:.5s;animation-delay:.5s}.has_overlay .overlay .video_play_icon::after{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:0s;animation-delay:0s}.has_overlay .overlay{transition:ease all 300ms}.has_overlay .overlay:hover{background:#0e0e0e3d}.has_overlay .overlay .video_play_icon:hover{background-color:#2a84ff;color:#fff}.has_overlay .overlay .video_play_icon:hover::before,.has_overlay .overlay .video_play_icon:hover::after{border-color:#2a84ff}@keyframes ripple{from{opacity:1;transform:scale3d(1.19,1.19,1.45)}to{opacity:0;transform:scale3d(1.95,1.95,1.19)}}.has_overlay{position:relative}

.kita_box .field_value, .kita_box .field_value span
{
	text-align: left !important;
}
.kita_box .field_title,
.ElementDynClass[data-type="dashboard_standard"] .kita_box .filtre
{
	display: none;
}
body.preview-mode.ThemeModerne .ElementDynClass[data-type="dashboard_standard"] .kita_box .dashboard_standard_centre
{
	margin-top: 0 !important;
}
.ElementDynClass[data-type="dashboard_standard"] .kita_box .dashboard_standard_icon
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
    display: flex;
    align-items: center;	
}

.ElementDynClass[data-type="dashboard_standard"] .kita_box .btn_show_more_container
{
	display: none !important;
}
body.preview-mode .ElementDynClass[data-type="dashboard_standard"] .kita_box .dashboard_standard_icon i
{
    font-size: 20px;
    border-radius: 5px;
    padding: 13px;
}
body.preview-mode .ElementDynClass.dashboardEl .kita_box .title_column_dash
{
    font-size: 1rem !important;
    color: #a4a4a4;
}
body.preview-mode .ElementDynClass[data-type="dashboard_standard"] .kita_box .dashboard_standard_centre .field_value
{
	font-size: 18px !important;
	font-weight: 600 !important;
}
body.preview-mode .ElementDynClass.dashboardEl:not([data-type="title_dashboard"]):not([data-type="date_dashboard"]).kita_box
{
	padding-bottom: 15px !important;	
}
body.preview-mode.ThemeModerne .ElementDynClass[data-type="dashboard_standard"].kita_box .dashboard_standard_centre
{
	padding-bottom: 0px !important;	
	margin-bottom: 0px !important;	
}
body.preview-mode.ThemeModerne .ElementDynClass[data-type="dashboard_standard"].kita_box .right_kita_
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
/*    padding-top: 7px;    */
}

body.preview-mode.ThemeModerne .kita_box .field_value svg
{
	width: 30px !important;
    height: 30px !important;
    margin-left: -5px;
}
.ElementDynClass.HideTab > .row > .col-el > .MakeTitle-Contenu
{
	margin-bottom: 8px !important;
}
.ElementDynClass.HideTab > .row > .col-el > .MakeTitle-Siprator
{
	display: none !important;
}



@media screen and (max-width: 675.8px) 
{
	.kanban_container:not(.groupBy) li 
	{
		max-width: 50%;
		width: 50%;
	    margin: 0 !important;
	    overflow-x: hidden;
	    padding-left: 5px;
	    padding-right: 5px;	    
	}
	.kanban_container:not(.groupBy) .card_content .record_item,
	.kanban_container:not(.groupBy) .card_content .record_item .record_item_attachement .img,
	.kanban_container:not(.groupBy) .card_content .card_scroll	
	{
		width: 100% !important;
	}

}
@media screen and (max-width: 320.8px) 
{
	.kanban_container:not(.groupBy) li 
	{
		max-width: 100%;
		width: 100%;
	    margin: 0 !important;
	    overflow-x: hidden;
	}	
	.kanban_container:not(.groupBy) .card_content .record_item,
	.kanban_container:not(.groupBy) .card_content .record_item .record_item_attachement .img,
	.kanban_container:not(.groupBy) .card_content .card_scroll	
	{
		width: 100% !important;
	}	
}
body.ThemeModerne .filtre_tabs_list .recherche_tab_filtre
{
/*	margin-right: 0px !important;*/
	gap: 8px;
}
.daterangepicker {
  z-index: 999999999 !important;
}


.popupListCommandePos .navigation_view_module .titleAppSelected,
.popupListCommandePos .navigation_view_module .viewSelect,
.popupListCommandePos .space-right-left,
.popupListCommandePos .add_btn__,
.popupListCommandePos .sticky_btn__
{
	display:none !important;
}
.popupListCommandePos .ModuleContainer > .ViewControl
{
	display: block !important;
	background: transparent;
  	border: 0;	
}
.popupListCommandePos .button_modules_action
{
	align-self: end !important;
}
.popupListCommandePos .main_button_
{
	align-self: end !important;
	margin-right: 25px !important;
}
.popupListCommandePos .dropdown-menu-right
{
	z-index: 9999999999999999999;
}