body
{
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	font-size: 10pt;
	transition: all 0.5s ease-in-out;
	background-color: rgb(202, 202, 202);
}

*, input, select, textarea, option, button {
	outline: none!important;
}

textarea
{
	font-family: Arial;
}

:root {
	/*--not_started: #83e2e9;*/
	/*--in_progress: #f49025;*/
	/*--issue: #619ffc;*/
	/*--completed: #43bf57;*/
	/*--canceled: #f2451c;*/

	/*--not_started: #1479f3;*/
	/*--in_progress: #f49025;*/
	/*--issue: #5557cc;*/
	/*--validated: #43bf57;*/
	/*--completed: #33495d;*/
	/*--canceled: #f2451c;*/

	--not_started: #33495d;/*#f2e65c*/ /* #7e7c7d */
	--in_progress: #5557cc;
	--issue: #f49025;
	--validated: #43bf57;
	--completed: #1479f3;
	--canceled: #f2451c;
	--spacer: 1rem;
	--krm_col_1 : #F2E65C;
	--krm_col_2 : #8d9a93;
	--krm_col_2_sel : #535b57;
	--krm_col_sel: #b0ccbd;
	--krm_col_selTransparent: rgba(176, 204, 189, 0.48);
	--krm_col_sort: #bfcdc6;
	--krm_col_sort_sel: rgba(191, 205, 198, 0.67);
	--krm_col_tot: #F2E65C61;
	--krm_ai_bkg_1: #649bd4;
	--krm_ai_col_1: white;
	--krm_dep_col_1: #bc91a1;
	--krm_col_preview : #b0ccbd;
	--krm_col_publish : #427b5d;
	--krm_col_neutral : rgba(141, 154, 147, 0.62);

	--krm_bor_1 : #3668c9;

	--krm_initial_C: aliceblue;
	--krm_initial_Pe: #f6f1db;
	--krm_initial_P: #578423;
	--krm_initial_D: rgba(24, 138, 239, 0.75);
	--krm_initial_Fa: #ffb1b1;
	--krm_initial_E: rgba(242, 177, 92, 0.39);
}

.gen_BLUE
{
	background-color: #1695fc !important;
}

.gen_blue
{
	color: #1695fc !important;
}

.menu
{
	width: 100%;
	top: 0;
	min-height: 10px;
	background-color: #d7e1eb;
	border-bottom: 3px solid #99b3cc;
	overflow: auto;
	position: fixed;
}

.in_menu
{
	padding: 5px;
	margin: 2px;
	display: inline;
}

.elem_right
{
	text-align: right;
	float:right;
}

.elem_central
{
	margin: auto;
	width: 50%;
}

body a
{
	color: black;
	text-decoration: none;
}

body a:hover
{
	text-decoration: underline;
}

#page
{
}

#page .containLeft a
{
	color: white;
}

#page .containLeft
{
	background-color: #28292b;
	border-right: 3px solid #99b3cc;
	color: #fff;
	font-family: Raleway,sans-serif;
	font-size: 1.1em;
	/*line-height: 1.3em;*/
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	display: flex;
	justify-content: space-between;
}

#page .containLeft #left_menu
{
	list-style-type: none;
	padding: 10px;
	margin: 0px;
	display: flex;
	flex-direction : row;
	min-width: 0;
	justify-content: space-evenly;
	width: 100%;
	flex: 1;
	font-weight: 700;
	flex-wrap: wrap;
}

#page .containLeft #left_menu.firstLevel li
{
}

#page .containLeft #left_menu .sublevel
{
	position: absolute;
	padding: 10px 20px;
	border-radius: 0px 0px 10px 10px;
	background: #28292b;
	/*background: linear-gradient(180deg, #28292b, 0%, #28292b, 35%, white, 100%);*/
	display: none;
	z-index: 999999;
}

#page .containLeft #left_menu .sublevel a
{
	color: white !important;
}

#page .containLeft span.li_logo
{
	width: 15%;
	margin-top: 5px;
	margin-left: 6px;
	max-width: 150px;
}

#page .containLeft span.li_logo img
{
	width: 90px;
}

#page .containLeft li.item_selected a
{
	color: #99b3cc;
}

#page .leftMenuSeparator
{
	padding: 20px;
}


#page .containRight {
	background-color: #cacaca;
	min-height: 500px;
	margin-top: 72px;
}

/* Apply new margin when containLeft has NO .item_breadcrumb */
#page .containLeft:not(:has(.item_breadcrumb)) ~ .containRight {
	margin-top: 46px !important;
}

#page .containNoMarginTop
{
	margin-top: 0px !important;
}

.variant_404
{
	background-color: #ff9300;
}

#pageContents
{
	background-color: white;
	/*padding-top: 10px;*/
}

.item_child
{
	font-size: 75%;
}

#tabClients
{
	font-family: Arial;
	font-size: 9pt;
	width: 98%;
	margin: auto;
	text-align : center;
	background-color: white;
	padding: 3px;
	border-radius: 5px 5px 0px 0px;
}

#tabClients tr td
{
	border: 2px solid transparent;
}

#tabClients tr:nth-child(odd)
{
	background-color: #eaeaea;
}

#tabClients thead tr:first-child
{
	background-color: #2882BA;
	padding: 3px;
	color: white;
	font-size: 10pt;
}

#tabClients tr:hover td
{
	border-bottom: 2px solid #99b3cc;
	cursor: pointer;
}

.lineHL, .lineHL td
{
	background-color: #e3e41b !important;
}



fieldset
{
	margin-bottom: 10px;
	border: 2px solid #d7e1eb;
}


.btn_standard
{
	border: 1px solid #565656;
	width: 150px;
	text-align: center;
	cursor: pointer;
	padding: 4px 3px;
}


.btn_blue
{
	background-color: #1695fc;
	color: white;
	padding: 3px;
}

.btn_blue:hover
{
	background-color: #38b7fe;
}

.btn_orange
{
	background-color: #ff9300;
	color: white;
	padding: 3px;
}

.btn_green
{
	background-color: #4daf50;
	color: white;
	padding: 3px;
}

.btn_green:hover
{
	background-color: #4cbb51;
	color: white;
}

.btn_transparent
{
	background-color: transparent !important;
	color: black;
	padding: 3px;
}

.btn_transparent:hover
{
	background-color: white !important;
}

.btn_blue2
{
	font-weight: normal;
	transition: all 0.5s ease-in-out;
	padding: 3px;
	color: rgba(16, 111, 180, 0.82);
}

.btn_blueForeground, .btn_blackForeground
{
	padding: 3px;
	color: rgba(16, 111, 180, 0.82);
	text-align: center;
	border-radius: 2px;
	margin: 2px;
	cursor: pointer;
}

.btn_blueForeground:hover, .btn_blackForeground:hover
{
	/*background-color: #F2E65C3B;*/
	transition: all 0.5s ease-in-out;
}

.btn_blackForeground
{
	color: black;
}

.btn_blackForeground:hover
{
	color: rgba(16, 111, 180, 1);
}


.a_blue
{
	color: #1695fc !important;
	text-decoration: underline;
	font-weight: bold !important;
}

.btn_orange:hover
{
	background-color: #ff5500;
}

.btn_padded
{
	padding: 5px 10px;
	border-radius: 5px;
}

#clf_dialog .txt_w1
{
	max-width: 400px;
	width: 50%;
}

#clf_dialog .txt_w2
{
	width: 98%  !important;
	max-width: 400px;
}

#clf_dialog .txt_w0
{
	width: 50px !important;
}

#clf_dialog .txt_num
{
	width: 80px !important;
	text-align: right;
}

#clf_dialog .txt_calendar
{
	width: 80px !important;
	text-align: center;
}

#clf_dialog input[type='text'], #clf_dialog input[type='password'], select
{
	border: 1px solid #cecece;
	padding: 3px;
}

#clf_dialog .depTitle, #clf_dialog .depTitle td
{
	background-color: #d7e1eb !important;
}

#clf_dialog select
{
	padding-top: 2px;
	padding-bottom: 2px;
	/*width: 98%;*/
}

/* BEN -> 03/03/20202 -> Put these definitions global */
textarea
{
	width: 99%;
	resize: vertical;
	padding: 3px;
	border: 1px solid #cecece;
}

textarea.textarea_small
{
	min-height: 30px !important;
}

.icon_sml, .icon_med, .icon_lrg
{
	border-radius: 5px;
	padding: 2px;
	width: 16px;
}

.icon_smlish
{
	width: 20px;
}

.icon_med
{
	width: 36px;
}

.icon_lrg
{
	width: 50px;
}

.gen_TRANS
{
	background-color: transparent !important;
}

.icon_sml:hover
{
	background-color: #99b3cc;
	cursor: pointer;
}

.specLink
{
	/*overflow: auto;*/
	margin: auto;
}

.fileNameHolder
{
	/*float:left;*/
	text-align: center;
}

.fileOptions
{
	align-self: baseline;
	margin-left: 0px;
}

#depTarget .fileOptions
{
	margin-left: 0px;
	position: absolute;
	right: 2px;
	top: 2px;
}

#depTarget .fileOptions i
{
	font-size: 80%;
}

.fileOptions label
{
	display: flex;
	align-items: center;
}

.specLink.fileInForm
{
	display: flex;
	flex-direction: row;
	align-items: center !important;
	flex-wrap: wrap;
}

.specLink.fileInForm .fileGallery
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 3px 0px 3px 3px;
	align-items: center;
	margin-bottom: 10px;
	background-color: aliceblue;
	align-self: baseline;
	width: 100%;
	box-sizing: border-box;
}

.specLink.fileInForm .fileGallery .fileNameHolder
{
	max-width: 49%;
}

#depTarget .fileGallery
{
	background-color: inherit !important;
}

#depTarget .fileGallery img
{
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}


.specLink.fileInForm .fileOptions
{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.tabDepContainer .specLink .fileInForm
{
	padding: 0px;
	margin: 0px;
}


#depTarget .specLink.fileInForm
{
	flex-direction: column;
	padding-left: 0px;
	margin: 0px;
}

.tabFields .specLink img
{
	/*width: 100%;*/
	max-width: 140px !important;
}

/*.tabFields td:has(.proposedByAI)::after*/
/*{*/
/*	content: "<span>AI</span>";*/
/*	background-color: var(--krm_col_1);*/
/*}*/

.tabFields .aiPowered
{
	background-color: var(--krm_ai_bkg_1);
	color: var(--krm_ai_col_1);
	padding: 6px 8px 4px 8px;
	border-radius: 5px;
	margin-left: 5px;
}

.tabFields .aiPowered i
{
	font-size: 13pt;
}


.formHeader
{
	padding: 2px;
	background-color: #eaeaea;
}

.clf_edit {
	line-height: 10px;
	border-radius: 5px;
	background-color: white;
	border: 1px solid transparent;
	padding: 2px;
	align-self: center;
	transition: all 0.3s ease-in-out;
	opacity: 0.8;
}

.mr-4
{
	margin-right: 4px;
}



.editModeOn
{
	color: darkred;
	border: 1px solid darkred;;
}


.clf_edit:hover
{
	border: 1px solid var(--krm_bor_1);
	color: var(--krm_bor_1);
	opacity: 1;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

.clf_edit img
{
	width: 15px;
	padding: 3px;
}

.clf_edit a
{
	display: block;
	width: 15px;
	padding: 0 3px;
}

.clf_edit a i
{
	font-size: 21px;
	line-height: 21.5px;
}

.clf_edit i
{
	cursor: pointer;
}

.clf_edit img:hover
{
	cursor: pointer;
}

/* BEN -> 15/11/2022 -> Cleanup of complicated File Edit module */
#Files .editFile
{
	float: right;
	background-color: initial;
	border: none;
}


.clForm table td:nth-child(2)
{
	/*padding-top: 0px !important;
	padding-bottom: 0px !important;*/
}

.clForm table td:nth-child(2) textarea
{
	margin-top: 0px !important;
}

.clForm table.tabContainer .tdButtons
{
	width: 100%;
}

.clForm table.tabContainer .tdActions
{
	/*border-left: 15px solid #ff9300;*/
	/*border-radius: 5px 0px 0px 0px;*/
}

.tdSepInfo_1
{
	background-color: #ececec !important;
}

.tdSepInfo_2
{
}


#clf_dialog hr
{
	border: none;
	border-top: 2px solid #f0f0f0;
	line-height: 1px;
	font-size: 1pt;
	padding:0px
}

#clf_dialog hr:before
{
	padding: 0px;
}

#clf_dialog_footer
{
	display: inline-block;
	width: 50%;
}

#clf_dialog_footer a
{
	display: table-cell;
	vertical-align: middle;
}

#clf_dialog_footer img
{
	width: 25px;
}

.clf_d_right
{
	text-align: right;
}

#__krmReserved
{
	display: none;
}

.clf_d_save, .clf_d_action, .clf_d_others
{
	width: 100%;
	margin: auto;
	overflow: auto;
	padding: 8px 0px;
	font-weight: bold;
	text-align: center;
	margin-left: 3px;
	margin-right: 5px;
}

.clf_d_save img, .clf_d_others img
{
	width: 27px !important;
	max-height: 27px !important;
	float: left;
}

.clf_d_action img
{
	float: right !important;
	width: 28px !important;
	margin-right: 5px;
}

.clf_d_save span, .clf_d_action span, .clf_d_others span, .clf_d_save span
{
	float: right;
	width: 72%;
	/*margin-top: 5px;*/
	text-align: left;
}

.clf_d_action span
{
	float:left !important;
	margin-top: 3px;
}

#__translationsDictionnary
{
	display: none;
}

.float_right
{
	float:right;
	margin-right: 5px;
}

.fiMandatory
{
	background-color: pink !important;
}

.fiMandatoryTxt
{
	color: red !important;
}

.fiMandatory[val-mode="warn"]
{
	background-color: rgb(255, 255, 170) !important;
}

#elemActions
{
	width: 100%;
	background-color: white;
	text-align: center;
	/*float: right;*/
}

.tdActions .actionHeader
{
	font-size: 10pt;
	/*background-color: var(--krm_col_1);*/
	display: block;
	color: black;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: -1px !important;
	text-align: center;
	font-weight: bold;
}

#elemActions ul
{
	font-size: 10pt;
	list-style-type: none;
	padding: 2px;
	margin: auto;
	overflow: auto;
	display: flex;
}

#elemActions ul li
{
	padding: 7px 4px 7px 30px;
	cursor: pointer;
	overflow: auto;
	background-position: 70% center;
	/*width: 180px;*/
	background-color: var(--krm_col_1);
	margin-right: 10px;
	display: flex;
}

#elemActions ul li img
{
	width: 20px;
	background-color: white;
	border-radius: 50%;
	padding: 3px;
	margin-right: 10px;
}

#elemActions ul li em
{
	margin:auto;
	/*margin-top: -1px;*/
}

#elemActions ul li.chevrRight
{
	background-position: 3% center;
	background-size: 20px;
	background-image: url("/IMGS/right_3.png");
	background-repeat: no-repeat;
	order: 0;
}

#elemActions ul li.chevrRight:hover
{
	background-position: 97% center;
	background-image: url("/IMGS/right_3double.png");
}

/* Variants for when current workflow can be relaunched */
#elemActions ul li.chevrCurrentStatus
{
	order: 100;
	background-position: 98% center;
	background-image: url("/IMGS/reset_1inv.png");
	background-color: var(--krm_col_2);
	color: rgba(230, 230, 230);
}

#elemActions ul li.chevrCurrentStatus em
{
	margin-left: -20px;
}


#elemActions ul li.chevrCurrentStatus:hover
{
	background-image: url("/IMGS/reset_1inv.png");
	background-position: 98% center;
	color: white;
}




#elemActions ul li:nth-child(odd):before
{
	/*background-color: white;*/
}

.clForm table.tabFields tr td:first-child em
{
	font-weight: normal;
	font-size: 80%;
}

.clForm table.tabFields .krmFormTdLegend
{
	/*text-align: left !important;*/
}

.clForm .fieldHolder
{
	/*width: 530px;*/
	position:relative;
}

.clForm #fieldHolderInvisible
{
	position: absolute;
	background-color: black;
	top: 0;
	opacity: 0.1;
	margin-top: 7px;
	display: none;
}

.clForm .fieldHolder .spSingleLine
{
	padding: 4px 0px;
	display: block;
}

.clForm #optionsHolder
{
	/*display: flex;*/
	flex-direction: column;
	width: 200px;
}

.clForm #optionsHolder .flex_option
{

}

.clForm #containerAct
{
	/*box-shadow: 2px 2px 4px 0px var(--krm_col_1);*/
	display: none;
	width: 100%;
	box-sizing: border-box;
	/*border-top: 2px solid var(--krm_col_1);*/
}

.clForm #containerAct li
{
	border-radius: 5px;
}

.subDialog
{
	/* background : #A4D166 none repeat scroll 0% 0%;*/
	opacity: 0.94;
	border: 15px solid var(--krm_col_1);
	border-radius: 10px;
	opacity: 0.95;
}

#spawned .ui-state-active
{
	background-color: var(--krm_col_2);
	border: 1px solid var(--krm_col_2);
}

.subDialog .ui-dialog-titlebar
{
	/*background-color: #A4D166;*/
	color: black;
}

.subDialog .saveDraft
{
	color: black;
	text-decoration: none;
	background-color: var(--krm_col_1);
	border: 1px solid var(--krm_col_1);
	padding: 3px 4px;
	margin-top: 2px;
}

.subDialog .saveDraft:hover
{
	transition: all 0.7s ease-in-out;
	color: #3668c9;
	border: 1px solid #3668c9;
}

#divActions ul
{
	display: flex;
}

/* Attempts for animation of actions */
#divActions li
{
	color: #454545;
	/*border-bottom: 1px solid #cecece;*/
}

#divActions li:last-child
{
	/*border-bottom: 0px solid #cecece;*/
}

#divActions li:hover {
	transition: all 0.7s ease-in-out;
	/*background-color: #f9e0bb;*/
	/*background-image: url("/IMGS/advance_2.png");*/
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 30px 15px;
	color: #3668c9;
	/*padding-bottom: 16px;*/
	/*border-bottom: 1px solid #cecece;*/
}

#divActions li:hover img
{
	color: #3668c9;
}


/*#divActions li:last-child:hover {*/
/*        transition: all 0.5s ease-in-out;*/
/*        !*background-color: #f9e0bb;*!*/
/*	!*background-image: url("/IMGS/advance_5.png");*!*/
/*	background-repeat: no-repeat;*/
/*	background-position: 85% bottom;*/
/*	background-size: 30px 15px;*/
/*	background-color: var(--krm_col_1);*/
/*	!*padding-bottom: 16px;*!*/
/*	border-bottom: 0px solid #cecece;*/
/*}*/


#clf_leftSide
{
	width: 17%;
	min-width: 190px;
	max-width: 250px;
	text-align: center;
	/*color: #FFFFFF;*/
	display: table-cell;
	vertical-align: top;
	/*border-radius: 10px;*/
	padding-top: 15px;
	padding-right: 3px;
	/*background-color: #5baaf7;*/
}

#clf_rightSide
{
	padding-bottom: 72px;
}

#clf_rightSide.clf_Panel
{
	width: 90%;
	/*text-align: left;*/
	background-color: white;
	display: table-cell;
	vertical-align: top;
	padding-top: 15px;
}



.clf_Panel
{
	min-height: 400px;
	padding: 5px 0px 5px 5px;
}

#clf_contents
{
	/*width: 99%;*/
	display: table;
	overflow: auto;
	/*padding-top: 5px;*/
	/*padding-bottom: 5px;*/
	background-color: white;
}

#clf_contents .clSub em
{
	font-weight: normal;
	font-size: 7pt;
	font-style: normal;
	margin-top: 1px;
	margin-left: 4px;
	line-height: 8px;
}

.clf_logo
{
	text-align: center;
	display: flex;
	margin-bottom: 10px;
	padding: 10px;
	background-color: white;
	border-radius: 50%;
	/*max-height: 80px;*/
	margin-left: auto;
	margin-right: auto;
	width: 88px;
	height: 80px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-wrap: wrap;
}


.tv {
	position: relative;
	width: 200px;
	height: 150px;
	margin: 20px 0;
	background: red;
	border-radius: 50% / 10%;
	color: white;
	text-align: center;
	text-indent: .1em;
}
.tv:before {
	content: '';
	position: absolute;
	top: 10%;
	bottom: 10%;
	right: -5%;
	left: -5%;
	background: inherit;
	border-radius: 5% / 50%;
}


.clf_logo .helper
{
	vertical-align: middle;
	display: inline-block;
	height: 100%;
}

.clf_logo .compLogo
{
	max-width: 80px;
	max-height: 80px;
	/*vertical-align:middle;*/
	/*float:right;*/
	/*border-radius: 5px;*/
	/*margin-right: 5px;*/
}

.clf_clientTable
{
	width: 100%;
	text-align: left;
}

.clf_clientTable td
{
	padding-bottom: 10px;
}

.clf_clientTable td:first-child
{
}

.clf_clientTable .clf_tdFields
{
	/*display: flex;*/
	/*text-align: center;*/
}

.clf_clientTable .clf_tdFields span
{
	font-weight: bold;
}

.clf_clientTable .clf_tdFields .GV_holder
{
	text-decoration: none;
	padding: 3px;
	background-color: white;
	color: black;
	border-radius: 5px;
	display: block;
	text-align: center;
	/*width: 50%;*/
	/*margin: 5px auto 10px;*/
	box-shadow: 0 10px 7px -5px rgba(0, 0, 0, 0.4);
}

.clf_clientTable td:nth-child(2)
{
	text-align: left;
}


.clf_clientTable .clf_Separator td div
{
	background-color: #eaeaea;
	padding: 5px 5px;
	margin: auto;
	margin-top: 20px;
	border-radius: 5px;
	border: 1px solid white
}

.clSub fieldset
{
	margin-top:5px;
}

.clSub table
{
	width: 100%;
	background-color: #cfe3f4a3;
	/*text-align: center;*/
}

/* Totals Row in aggregator pages */
#cl_levels .totRow td
{
	background-color: var(--krm_col_tot) !important;
}

#cl_levels .totRow.totFinal td
{
	border-top: 1px solid black;
}


.clSub td
{
	padding: 8px; /* BEN -> 06/09/2023 -> Clearer, fresher, look */
	text-align: center; /* default centering */
}


.clSub th
{
	background-color: var(--krm_col_2);
	color: white;
	/*background-image:url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==");*/
	background-position: 50% 90%;
	background-repeat: no-repeat;
	/*cursor: ns-resize;*/
	padding: 8px;
	text-align: center;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome, Edge, Opera and Firefox */
	position: relative;
}

/* BEN -> 13/11/2021 -> Disable filters for now */
/*.clSub th:hover*/
/*{*/
/*	background-image: url("/IMGS/show_filter_6.png");*/
/*	background-position: 100% 0px;*/
/*	background-size: 15px;*/
/*}*/

#tabClients__OWN th:hover
{
	background-size: 0px !important;
}

.clf_Separator td
{
	font-weight: normal !important;
}

.clf_Separator hr
{
	border: none;
	border-top: 1px solid #d4c558;
}

.clSub1 th
{
	/*background-color: #99b3cc;*/
	position: relative;
}

.clSub1 tr:nth-child(even) td
{
	background-color: #f3f3f3;
}

.clSub1 fieldset
{
	border: none;
	border-top: 2px solid #cecece;
}

.clSub2 tr:nth-child(even) td
{
	/*background-color: #eaeaea;*/
}

.clSub2 fieldset
{
	border: none;
	border-top: 2px solid #cecece;
	margin-top: 30px;
}

.clSub2 th
{
	background-color: var(--krm_col_2);
	font-weight: normal;
	position: relative;
}

.clSub th sup, .clSub1 th sup, .clSub2 th sup
{
	top:0;
	right: 0;
	position: absolute;
	cursor: pointer;
}

#tabEFactura th sup
{
	font-weight: normal;
	right: 2px;
	color: #fff9c4;
	font-size: 7pt;
}

.clSub3 td
{
	background-color: #eaeaea;
}

.clSub3 th
{
	background-color: #bc91a1;
}

.clSub3 fieldset
{
	border: none;
	border-top: 2px solid #cecece;
}

.clSub tr td
{
	border-bottom: 2px solid transparent;
}

.clSub tr:hover td
{
	cursor: pointer;
	/*border-bottom: 2px solid #99b3cc;*/
}

.clForm table.tabContainer
{
	width: 100%;
	box-shadow: 6px 4px 4px 0px rgba(0,0,0,.3);
}

.clForm table.tabContainer td:first-child
{
	background-color: white;
}

.clForm table.tabContainer td.fieldHolder
{
	width: 50%;
}

.clForm table.tabContainer td.fieldHolder
{
	border-top: 1px solid #eaeaea;
}

.clForm table.tabFields
{
	width: 100%;
}

.clForm table.tabFields tr td:nth-child(2)
{
	padding: 4px;

}

.clForm table.tabFields td.krmFormTdLegend
{
	text-align: right;
	font-weight: bold;
	background-color: var(--krm_col_2);
	min-width: 100px;
	padding: 4px;
	color: white;
}



.clDep .tabDepContainer
{
	margin-left: 10px;
	padding-right: 10px;
}

.clDep .tabDepContainer tr td:first-child
{
	text-align: right;
	background-color: transparent;
}

.clDep .tabDepContainer td input[type='number']
{
	max-width: 50px;
}

.clDep .tabDepContainer td
{
	padding: 5px;
	text-align: center;
	/*font-size: 80%;*/
}

.clDep .tabDepContainer tr:nth-child(even)
{
	background-color: #fefefe;
}

.clDep .tabDepContainer tr:nth-child(odd)
{
	background-color: #f0f0f0;
}

.clDep .tabDepContainer .txt_num
{
	width: 60px !important;
	text-align: center;
}

.clDep .tabDepContainer .textarea_small
{
	min-height: 30px !important;
}

.clForm table.tabFields td.tdSepInfo_1
{
	text-align: left !important;
}

.clForm table.tabFields tr td:nth-child(2)
{
	text-align: left;
}

.clForm .tdButtons
{
	background-color: #ececec;
}

.clForm .tdButtons span
{
	margin-left: 2px;
}

.clForm .tdButtonsFlex
{
	display: flex;
	flex-flow: wrap;
}

.clForm .tdButtonsFlex a:hover
{
	transition: all 0.3s ease-in-out;
	color: #3668c9;
	border-radius: 5px;
	text-decoration: none;
}

.btn_cancel
{
	float: left;

}

.btn_save
{
	float: right;
}

#pageContents legend
{
	/*overflow: auto;*/
}


#pageContents .legLeft
{
	float:left;
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 3px;
}

#pageContents .legBtn
{
	float:left;
	margin-left: 10px;
	overflow: auto;
}

#pageContents .legBtn img
{
	width: 25px;
	border: 2px solid white;
	border-radius: 50%;
}

#pageContents .legBtn img:hover
{
	border: 2px solid #ff9300;
	cursor: pointer;
}

#pageContents .legBtn i.fa-plus-circle
{/*a:nth-child(even)*/
	font-size: 25px;
	/*color: #71c2ff;*/
	/*color: var(--krm_col_sort);*/
	color: #0e960e8f;
}

#pageContents .legRight i.fa-cog
{ /* a:nth-child(odd) */
	font-size: 25px;
	/*color: #71c2ff;*/
	/*color: var(--krm_col_sort);*/
	color: #ff9300;
}

#pageContents .legBtn a i:hover, #pageContents .legRight a i:hover
{
	color: var(--krm_col_sort);
	/*color: #ff9300;*/
	cursor: pointer;
}

.specLeftClass__PROSPECT
{
	background-color: #eee0ee !important;
}

.clf_edit b
{
	font-size: 80%;
	font-variant: small-caps;
}

#clf_InHeader
{
	background-color: white;
}

.specLink img
{
	/*border: 3px solid transparent;*/
	transition: all 0.5s ease-in-out;
}

.specLink img:hover
{
	cursor: pointer;
}

.clf_d_left
{
	text-align: right;
}

.clf_d_right
{
	text-align: left;
}

.clf_d_delete
{
	background-color: white;
	overflow: auto;
	display: block;
	float: left;
	padding: 2px;
	border-radius: 5px;
	border: 1px solid #f50;
}

.clf_d_delete:hover
{
	background-color: #aa0000;
	color: white;
}

.clf_d_delete *
{
	float: left;
	margin-right: 2px;
}

.clf_d_delete span
{
	margin-top: 4px;
}

#divActions li em
{
	font-style: normal;
}

#divActions li:hover em
{
}

#divActions li i
{
	font-style: normal;
	/*font-size: 80%;*/
}

.tabContainer #containerBtn
{
	width: 100%;
	display: none;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	box-sizing: border-box;
	border-top: 1px solid #f1f1f5;
	/*margin-left: 10px;*/
}


#tableTotals
{
	font-weight: normal;
}

#tableTotals hr
{
	border: 0px;
	border-bottom: 1px solid white;
}

#tableTotals em
{
	font-size: 80%;
}

#tableTotals td
{
	padding: 4px;
}


.tabContainer .containerBtnPadding
{
	padding-top: 5px;
	padding-bottom: 5px;
}



.tdInSep
{
	display: none;
}

.arrowSeparator span
{
	display:none;
}

.clDep
{
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid gray;
	margin-top: 10px;
	border-radius: 5px;
}

.clDep .divDevActions
{
	overflow: auto;
	margin-bottom: 2px;
	margin-top: 1px;
	text-align: left;
	margin-left: 10px;
	/*height: 30px;*/
	background-color: var(--krm_col_2);
	min-width: 200px;
	opacity: 0.9;
	padding: 5px;
	border-bottom: 2px solid #cecece;
	display: flex;
	justify-content: space-between;
}

.clDep table
{
	width: 99.8%;
	margin: auto;
}

.clf_d_dep img
{
	width: 25px;
}

.clf_d_title
{
	float: left;
	text-align: center;
	width: 50%;
}

.dep_btn_2
{
	margin-right: 8px;
}

/*.depImageHolder*/
/*{*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	word-break: break-word;*/
/*}*/

.clDep .depOpt
{
	width: 70px;
}

.clDep .depOut .depCkClose
{
	display: none;
}

/* CSS for when CK EDITOR is open inside dep */
.clDep.ckOn .depOpt
{
	display: flex;
	flex-direction: column;
	width: inherit !important;
}

.clDep.ckOn select
{
	width: 50%;
	min-width: 60px;
}

.clDep.ckOn textarea
{
	width: 100px;
}

/*.clDep.ckOn thead th:nth-child(-n+3) {*/
/*	display: none;*/
/*}*/

/*.clDep.ckOn tbody td:nth-child(-n+3) {*/
/*	display: none;*/
/*}*/




/* <------ */

.clDep .tabDepContainer .depOpt img
{
	width: 20px;
	cursor: pointer;
	margin-right: 2px;
}

.genericLinkTag
{
	padding: 3px;
	color: rgba(16, 111, 180, 0.82);
	text-align: center;
	float: left;
	border-radius: 2px;
	margin: 2px;
	border: 2px solid rgba(16, 111, 180, 0.82);
	cursor: pointer;
}

.genericLinkTag:hover
{
	background-color: #F2E65C3B;
	transition: all 0.5s ease-in-out;
}

.computedTag
{
	padding: 3px;
	background-color: #d7e1eb;
	text-align: center;
	float: left;
	border-radius: 5px;
	margin: 2px;
	border: 1px solid gray;
	cursor: pointer;
}

.kType_fwup
{
	font-size: 80%;
	font-weight: normal;
}

.krmSearchBar
{
	display: flex;
	width: 340px; /*250*/
	/*justify-content: space-between;*/
	justify-content: space-around;
	align-items: center;
}

.krmSearchBar input
{
	width: 200px;
	height: 18px;
	padding: 2px;
	text-align: center;
	border: 2px solid transparent;
}

.krmSearchBar input:hover
{
}

.krmSearchBar input:focus
{
	border-radius: 5px;
	border: 2px solid #ff9300;
}

.krmSearchBar img
{
	width: 25px;
	cursor: pointer;
}


.krmLoginElement
{
	display: flex;
	text-transform: none !important;
	font-weight: normal;
	border-left: 5px solid #99b3cc;
	border-bottom: 2px solid #99b3cc;
	background-color: white;
	cursor: pointer;
	max-width: 15%;
	min-width: 110px;
	color: black;
	font-weight: bold;
	/*height: 80px;*/

	justify-content: space-evenly;
	align-items: center;
}

.krmLoginElement img
{
	width: 26px;
	float:left;
}

.krmLoginElement:hover
{
}

.krmLoginElement a
{
	padding-left: 2px;
	padding-top: 4px;
	font-size: 10pt;
	color: #382233 !important;
	cursor: pointer;
	line-height: 10px;
	text-align: center;
}

.krmLoginElement a em
{
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
}


.containLeft .mclassic_item
{
	margin-top: 3px;
	text-transform: uppercase;
}

.clf_d_save_v2
{
	background-color: white;
	overflow: auto;
	display: block;
	float: right;
	padding: 2px;
	border-radius: 5px;
	border: 1px solid #9cbc91;
}

.clf_d_save_v2:hover
{
	background-color: #d8f0d4;
}

.clf_d_save_v2 *
{
	float: left;
	margin-right: 2px;
}

.clf_d_save_v2 span
{
	margin-top: 4px;
}

.clSub .sortDir_ASC
{
	background-image:url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7");
}

.clSub .sortDir_DESC
{
	background-image:url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7");
}

.clSub .fadeTdSortDir
{
	opacity: 0.6;
}

.clSub .highlightTdSortDir
{
	background-color: var(--krm_col_sort) !important;
	transition: all 0.5s ease-in-out;
}

.clSub2 .highlightTdSortDir
{
	background-color: var(--krm_col_sort) !important;
	transition: all 0.5s ease-in-out;
}

.clf_save_enabled
{
	/*background-color: #ff9300;*/
	border: 1px solid #ff9300;
}

.clf_save_enabled span
{
	/*color: white !important;*/
}

.clf_save_enabled:hover
{
	background-color: #ff9300;
}

.clf_save_enabled:hover span
{
	color: white;
}

.fiLinkOpener
{
	cursor: pointer;
}

.fiLinkOpenerFirst
{
	font-weight: normal;
	transition: all 0.5s ease-in-out;
	padding: 3px;
	color: rgba(16, 111, 180, 0.82);
}

.fiLinkOpenerFirst:hover
{
	background-color: #F2E65C3B;
}

/* MARCEL -> 27/11/2020 -> media and others */
.clf_inHeader
{
	display: none;
}

.closeSideClientTable
{
	display: none;
}

#clf_contents
{
	min-height: 100vh;
	display: flex;
	align-items: stretch;
}

#clf_rightSide.clf_Panel
{
	overflow: auto;
	display: block;
}

.li_menu_icon
{
	display: none;
}

.left_menu_nav
{
	display: none;
}

.left_menu_nav .krmSearchBar
{
	display: none;
}

/* MARCEL -> 02/01/2021 -> breadcrump (fil d'ariane) */
.breadcrumb
{
	/*padding: 5px 0px 5px 5px;*/
	background: #28292b;
	width: 100%;
	font-family: arial;
}

.breadcrumb a
{
	/*font-size: 11.5pt;*/
	color: white;
	display: inline-block;
	margin-left: 0.3em;
}

.breadcrumb a:hover
{
	text-decoration: underline !important;
}

.breadcrumb span
{
	display: inline-block;
	margin-right: 0.3em;
	color: #999595;
}

/* MARCEL -> 15/01/2021 -> mobile login popup */
.redirect_mobile h1
{
	width: 80%;
	margin: 5% auto;
}

.redirect_mobile img
{
	display: block;
	margin: auto;
}

/* MARCEL -> 09/02/2021 -> highlight for pop-up on open */

tbody tr.highlightTrPopUp td
{
	background-color: #ff9 !important;
}

/* MARCEL -> 24/02/2021 -> table is display none in genericWorkflow files */
.gwOneFileList
{
	display: none;
}

/* this is tooltip */

/*.long_content_description*/
/*{*/
/*	position: relative;*/
/*}*/
.data-long-content-description
{
	display: none;
}
/*.data-long-content-description*/
/*{*/
/*	display: none;*/

/*	--arrow-size: 10px;*/
/*	--border-description-color: var(--krm_col_2);*/
/*	--scale: 1;*/
/*	--translate-y: calc(100% - var(--arrow-size));*/

/*	position: absolute;*/
/*	left: 50%;*/
/*	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));*/
/*	transition: 150ms transform;*/
/*	transform-origin: bottom center;*/
/*	padding: .5rem;*/
/*	min-width: 150px;*/
/*	width: max-content;*/
/*	max-width: 95%;*/
/*	border-radius: .3rem;*/
/*	border: .7px solid var(--border-description-color);*/
/*	text-align: justify;*/
/*	text-align: left;*/
/*	background-color: var(--krm_col_2);*/
/*	color: var(--krm_col_1);*/
/*	border-top: 1px solid grey;*/
/*	color: white;*/
/*	z-index: 5;*/
/*	box-shadow: 0 10px 7px -5px rgba(0, 0, 0, 0.4);*/
/*}*/

/*.long_content_description:hover .data-long-content-description*/
/*{*/
/*	display: block;*/
/*}*/

/*.data-long-content-description::after*/
/*{*/
/*	--translate-y: calc(-2.4 * var(--arrow-size));*/
/*	--scale: 0;*/

/*	position: absolute;*/
/*	left: 50%;*/
/*	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale)) rotate(180deg);*/
/*	transition: 150ms transform;*/


/*	content: '';*/
/*	border: var(--arrow-size) solid transparent;*/
/*	border-top-color: var(--border-description-color);*/
/*	transform-origin: top center;*/
/*	z-index: 1;*/
/*}*/

/*.long_content_description:hover .data-long-content-description::after*/
/*{*/
/*	display: block;*/
/*	--scale: 1;*/
/*}*/

.long_content_description:hover .data-long-content-description[data-long-content-description=""]
{
	display: none;
	padding: 0;
	min-width: 0;
	border: 0;
}

/*.long_content_description:hover .data-long-content-description em*/
/*{*/
/*	display: block;*/
/*	width: 100%;*/
/*	border-top: 0.5px solid #cacaca;*/
/*	margin-top: 10px;*/
/*	padding-top: 5px;*/
/*}*/

/* end of tooltip */



.krm_fi_div
{
	display: inline-block;
	min-width: 80px;
	width: 100%;
}

/* BEN -> 24/01/2021 -> Special css for genDialog popup */
.genDialog
{
	border: 8px solid var(--krm_col_1);
	border-radius: 10px;
	opacity: 0.95;
}

/* BEN -> 24/01/2021 -> Special css for edit icon */
.bht_Edit {
	width: 14px;
	padding:4px;
	border: 1px solid transparent;
}

.bht_Edit:hover {
	background-color: white;
	border-radius: 5px;
	border: 1px solid var(--krm_bor_1);
	color: var(--krm_bor_1);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	transition: all 0.2s ease-in-out;
}

.bht_Edit_big
{
	width: 18px;
}

/* BEN -> 25/01/2021 -> Flex box breaker */
.flex_break {
	flex-basis: 100%;
	height: 0;
}

/* BEN -> 28/01/2021 -> Search loader css */
.ui-autocomplete-loading {
	background: white url("/IMGS/search_preloader.gif") right center no-repeat;
}

.ui-menu-item
{

}

.ui-menu-item b
{
	min-width: 150px;
	color: navy;
	text-align: right;
	display: block;
}

.ui-menu-item div
{
	flex: 1;
}

.ui-state-highlight, span.H_Q
{
	background-color: transparent !important;
	color: #ff5500 !important;
	border: 0px transparent !important;
	font-weight: bold;
}

.ui-state-active
{
	background-color: #eeebeb !important;
	color: black !important;
	border: none !important;
}

.autoComplete_noHover
{
	background-color: var(--krm_col_2);
	color: white;
	font-size: 13pt;
}

/*.autoComplete_noHover:hover*/
/*{*/
/*	background: transparent !important;*/
/*}*/

.autoComplete_noHover.ui-state-active
{
	background-color: var(--krm_col_2) !important;
	color: white;
}

.ui-autocomplete
{
	padding: 5px !important;
	border: 1px solid #353435 !important;
}

.ui-autocomplete li
{
	border-bottom: 2px solid #eaeaea;
}

.ck-content blockquote, .
{
	width: 50% !important;
	background-color: #e0f2f1 !important;
}

.item_breadcrumb
{
	padding: 3px;
	font-size: 9pt;
}

/* BEN -> 08/02/2021 -> Breadcrumb as buttons */
.item_breadcrumb a {
	padding: 3px 0px;
	border-radius: 5px;
	/*border: 1px solid #acacac;*/
	/*font-size: 90%;*/
	/*box-shadow: 2px 2px #eaeaea;*/
}

.item_breadcrumb .bc_inert a.short, .item_breadcrumb .bc_active a.short, .item_breadcrumb .bc_normal a.short
{
	background-color: #6e7a73;
	text-align: center;
	padding: 1px 3px;
	margin-left: 4px;
	border-radius: 5px;
	color: white;
	font-weight: bold;
}

.item_breadcrumb a:hover {
}

/* BEN -> 09/02/2021 -> Field followups */
.__krmAuto
{
	margin-left: 13px;
}

.__krmAutoLink
{
	background-image: url("/IMGS/link_1.png");
	background-position: 100% center;
	background-repeat: no-repeat;
	background-size: 13px;
	padding-right: 17px;
}

.__krmAuto a
{
	color: #0E3466;
}


.clForm table.depEdTable
{
	width: 100%;
	font-size: 90%;
	border: 1px solid #cecece;
	background-color: #cecece;
	border-spacing: 1px;
	border-collapse: separate;
}

.clForm table.depEdTable th
{
	background-color: rgba(206, 206, 206, 0.45);
	font-weight: normal;
	text-align: center;
}

.clForm .depFileWithThumbnail img
{
	border: 1px solid #cecece;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

.clForm table.depEdTable a
{
	color: #1f48b2;
}

.clForm table.depFile
{
	/* something here */
}

.clForm table.depEdTable tr td
{
	font-weight: lighter;
	padding: 4px;
	text-align: center;
	position: relative;
}


.clForm table.depEdTable tr:nth-child(odd)
{
	background-color: #eaeaea;
}
.clForm table.depEdTable tr:nth-child(even)
{
	background-color: #fff;
}

.clForm table.depEdTable tr td:first-child
{
	background-color: transparent;
	font-weight: normal;
	/*width:10px;*/
	text-align:center;
}

.clForm table.depEdTable .checkTd
{
	min-width: 0px !important;
	text-align: center !important;
	width: 10px;
}

.clForm table.depEdTable .checkTdSpan
{
	border-radius: 50%;
	width: 17px;
	color: white;
	padding: 2px;
	text-align: center !important;
	display: block;
	margin: auto;
}

.clForm table.depEdTable .checkTdOK
{
	background-color: green;
}

.clForm table.depEdTable .checkTdNOK
{
	background-color: #fd5252;
}

.clForm table.depEdTable tr:hover
{
	background-color: #dfe4a9 !important;
}


.clDep .tabDepContainer .specLink
{
	text-align: center;
	/*display: flex;*/
	justify-content: center;
	align-items: start;
}

.clDep .tabDepContainer .specLink .fileNameHolder
{
	padding: 0px 2px;
}

.clDep .tabDepContainer .specLink .fileChanger
{
	padding: 2px 0px 0px 0px;

}

.clDep .tabDepContainer .specLink a
{
	min-height: 0px !important;
	font-size: 90%;
}

.clDep .tabDepContainer .specLink img
{
	/*float: none;*/
	/*max-height: 50px !important;*/
	/*border-radius: 50%;*/
}

.clDep .tabDepContainer .specLink .imgSpec
{
	max-width: 100px !important;
	/*width: inherit !important;*/
	border-radius: inherit !important;
}

.clDep .tabDepContainer .specLink img:hover
{
	background-color: inherit;
}

.clDep .tabDepContainer .specLink .fileNameHolder
{
	/*width: 100%;*/
}

/* BEN -> 26/11/2021 -> Highlight for rows that are done */
.clDep .tabDepContainer .chkHighlight
{
	background-color: rgba(40, 154, 79, 0.25) !important;
}


/* BEN -> 17/03/2021 -> Icons on the right side of tables */
.fieldSetLegendRight
{
	/*position: absolute;*/
	/*right: 32px;*/
	margin-top: -32px;
	background-color: white;
	padding: 0px 10px;
	position: absolute;
}

/* MARCEL -> 12/11/2021 -> edit Icons improvements */
.fieldSetLegendRight.legRight
{
	margin-top: 0;
}

.fieldSetLegendRight img
{
	width: 20px;
	border: 2px solid white;
	border-radius: 50%;
}

.fieldSetLegendRight img:hover
{
	border: 2px solid #ff9300;
	cursor: pointer;
}

.clSubBtnsOn img
{
	/*border: 2px solid #ff5500;*/
}

.clSubBtns img.clIconSmaller
{
	width: 19px;
	padding: 1px;
}

fieldset .tempFilterImg
{
	width: 15px;
	cursor: pointer;
	margin-left: 4px;
	background-color: black;
	opacity: 0.5;
	border-radius: 10%;
	padding: 1px;
	align-self: center;
}

fieldset .tempFilterOptions {
	position: absolute;
	max-height: 200px;
	/*border-top: 1px solid grey;*/
	/*border-left: 1px solid grey;*/
	border: 1px solid black;
	background-color: #e3e58f;
	opacity: 0.93;
	overflow: auto;
	padding: 5px;
	color: black;
	font-weight: normal;
	text-align: left;
	z-index: 100;
	/*box-shadow: #F2E65C 2px 2px;*/
	margin-top: 1px;
	max-width: 200px;
	min-width: 130px;
	border-radius: 5px;
	margin-top: -13px;
	transition: all 0.5s ease-in-out;
}

fieldset .tempFilterOptions ul
{
	list-style-type: none !important;
	margin:0px;
	padding:0px;
}

fieldset .tempFilterOptions .tfo
{
	margin-bottom:5px;
}

fieldset .tempFilterOptions .tfo_search input[type='text']
{
	margin-top: 5px;
	margin-bottom:5px;
	width: 95%;
}

fieldset .tempFilterOptions .tfo_header span
{
	font-weight: bold;
}

fieldset .tempFilterDiv
{
	display: flex;
	justify-content: center;
}

fieldset .tempFilterOptions .cbFiDisabled
{
	/*text-decoration: line-through;*/
	color: grey;
}


.clSub .filterOn
{
	background-color: #f9f19a !important;
	transition: all 0.5s ease-in-out;
}

.clSub th.filterOn
{
	color: #3a3a3a;
	background-image: url("/IMGS/show_filter_7.png");
	background-position: 100% 0px;
	background-size: 15px;
}

.pantone2020
{
	background-color: #18487B;
	color: white;
}

.pantone2020_reversed
{
	color: #18487B;
}

.pantone2021
{
	background-color: var(--krm_col_1);
	/*color: #B1ABAF;*/
	color: #353435;
}

.pantone2021_reversed
{
	color: var(--krm_col_1);
	background-color: #B1ABAF;
}

.krmClose, .krmReset {
	font-size: 9pt;
	background-color: red;
	color: white;
	padding: 2px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	width: 14px;
	cursor: pointer;
}

.krmReset
{
	background-color: #0E3466;
	font-size: 8pt;
}

.krmRight
{
	float:right;
}

.krmSepRight
{
	margin-right: 5px;
}


.scSelectNoFit
{
	/*background-color: white;*/
	/*box-shadow: 0 10px 7px -5px rgba(0, 0, 0, 0.4);*/
	/*border-radius: 5px;*/
	/*padding: 3px;*/
}

.wFormFieldInvisible
{
	display: none !important;
}


#depTarget .krm_wysiwyg_manual
{
	text-align: left;
}

#depTarget .krm_wysiwyg_manual p
{
	margin: 1em 0px;
}

#depTarget .newlyAdded td
{
	background-color: #c4ecc5 !important;
}

.clf_tdFields .refRules
{
	word-wrap: break-word;
	/*max-width: 157px;*/
}

/* BEN -> 30/04/2021 -> CKEditor overrides */
.ck-editor table, .ck-editor table tr, .ck-editor table td
{
	/*background-color: inherit !important;*/
	text-align: inherit;
	font-weight: normal !important;
}

.ck-editor table
{
	width: 100% !important;
}

.ck-editor figure.table
{
	width: 100% !important;
}

.ck-editor table td
{
	min-width: inherit !important;
	vertical-align: top !important;
}




/* BEN -> 03/05/2021 -> CKEDITOR fix attempts */
body {
	--ck-z-default: 100;
	--ck-z-modal: calc( var(--ck-z-default) + 999 );
}

/*
	Override Bootstrap's CSS.
	Note: this won't be necessary once the following issue is fixed and released:
	https://github.com/ckeditor/ckeditor5-theme-lark/issues/189
*/
.ck.ck-button {
	-webkit-appearance: none;
}

.clf_companyName
{
	position: relative;
	text-align: center;
}

.clf_companyName span
{
	font-size: 23px;
	/*margin-left: -5px;*/
	color: #111111;
	flex:1;
}
.clf_Flex
{
	display: flex;
}

.clf_FlexWrap
{
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
}

.krm_d-flexCentered
{
	align-items: center;
	justify-content: center;
}

.krm_d-flexSpaceAround
{
	min-width: 340px;
	display: flex;
	text-align: center;
	justify-content: space-around;
}
.botPad_10
{
	padding-bottom: 10px;
}


.specLeftClass__Client
{
	padding-left: 10px;
	padding-top: 15px;
}

.pantone2021_var1
{
	background-color: #f9f19a;
	color: var(--krm_col_2);
}

.pantone2021_var2
{
	background-color: #344d69;
	color: white;
}


.clSub .cls_var_0
{
	background-color: white;
}

.clSub .cls_var_1
{
	background-color: white;
}

.clSub tbody tr:nth-child(even)
{
	background-color: #eaeaea;
}

.clSub .splitTable
{
	background-color: transparent !important;;
}

.dataRow:nth-child(odd) {
	background-color: rgba(234, 234, 234, 0.46) !important;
}

.clSub .splitTable tbody tr:nth-child(odd), .clSub .splitTable tbody tr:nth-child(even)
{
	background-color: transparent;
}

.clSub .splitTable .splRow.noTot
{
	background-color: var(--krm_col_selTransparent) !important;
	display: table-row !important;
}

.clSub .splitTable .splRow.noTot td
{
	text-align: left !important;
	padding-left: 20px;
	font-weight: bold;
}


.clSub .splitTable .splRow:first-child /* Never display separator row if it's first in a tbody */
{
	display: none;
}

.containLeft .main_subholder
{
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

#shownEntities
{
	display: none;
}

.clSub
{
	/*display: none;*/
}

.tabFields .ck-editor__editable
{
	max-height: 500px;
}

.ck-widget img
{
	height: 100px;
}

/* BEN -> 27/09/2021 -> TODO : warnign ! This overrides default CSS of some "figure" tags */
.ck-content figure.image
{
	display: inline-block;
}

.ck-content figure.image figcaption
{
	display: none;
}

.listSuffix
{
	font-size: 7pt;
	clear: both;
}

#tabList .totRow
{
	background-color: var(--krm_col_sort) !important;
}

#tabList .totRow td
{
	background-color: #eef8f0;
	color: black;
	border-bottom: 30px solid white;
	padding: 5px 2px;
}

#tabList .totRow td.groupTotal.grTotalCounter_2_IN
{
	/*background-color: #0e960e8f;*/
	/*color: white;*/
}

#tabList .totRow td.groupTotal.grTotalCounter_1_OUT
{
	/*background-color: #a71e1e;*/
	/*color: white;*/
}

#tabList .totRow td.totRowTdFirst
{
	text-align: right;
}

#tabList .specialHighlight td
{
	background-color: #eef8f0 !important;
	border-top: 1px dashed #aeaeae;
}

#tabList td
{
	transition: all 0.5s ease-in-out;
	border-top: 1px dotted transparent;
}


.htmlTable tr:hover
{
	/*text-decoration: underline;*/
}

.scSelectNoFit
{
	word-break: break-word;
}

.reprChangeAfter
{
	width: 210px;
	margin-top: 10px;
	font-style: italic;
	color: #535a57;
	width: 270px;
	float: left;
}

.targetDiv1
{
	float: left;
	width: 60px;
}

.targetDiv2
{
	float: left;
	margin-left: 10px;
	width: 212px;
}

.targetDiv2 input
{
	width: 100% !important;
}

.targetDivLine
{
	margin-bottom: 2px;
}

/* Client Home page */
.clf_ClientHome.clfLarger
{
	max-width: 34px !important;
	min-width: 34px !important;
}


.clf_ClientHome .mainLeftContent
{
	text-align: left;
}

.clf_ClientHome span
{
	font-size: 16px;
	color: #111111;
	font-weight: bold;
}

.clf_ClientHome .clusterCbList
{
	background-color: #ffffff7a;
	text-align: left;
	padding: 8px;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	box-sizing: border-box;
	font-size: 12pt;
	list-style-type: none;
	line-height: 25px;
}

.clf_ClientHome .clusterCbList a
{
	color: #353535;
}

.clf_ClientHome .clusterCbList li.clTypes
{
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 2px;
}

.clf_ClientHome .clusterCbList li.clTypes strong
{
	float: left;
	width: 45px;
	text-align: center;
	font-size: 10pt;
}

.clf_ClientHome ul .liShifted
{
	padding-left: 20px;
	font-size: 80%;
}

.clf_ClientHome ul label
{
	text-transform: capitalize;
}

.clf_ClientHome li.activeClientType
{
	background-color: var(--krm_col_sel);
	opacity: 1 !important;
	border-radius: 3px;
}

.clf_ClientHome li.activeClientType a
{
	color: black;
}


.clf_ClientHome li.activeClientType strong
{
	color: black;
	font-weight: bold;
}


.stepNumber
{
	padding: 3px;
	width: 14px;
	height: 13px;
	font-size: 8pt;
	background-color: white;
	color: black;
	border-radius: 50%;
	text-align: center;
	right: 7px;
	font-weight: normal;
	border: 1px solid #cacaca;
	display: block;
}

/* krm Font Awesome stuff */
.krmFa-right
{
	margin-left: auto;
	margin-right: 3px;
}

.krmFa-normal:hover
{
	background-color: white;
	opacity: 1;
	color: black;
}

.krmFa-red
{
	background-color: white;
	color: darkred;
	padding: 5px;
	border-radius: 50%;
	cursor: pointer;
}

.krmFa-red:hover
{
	background-color: darkred;
	color: white;
}

.krmFa-red-noHover
{
	color: darkred;
}


.krmFa-normal
{
	background-color: white;
	opacity: 0.7;
	color: black;

	padding: 5px;
	border-radius: 50%;
	cursor: pointer;
}

.chartBkgrVariant1
{
	background-color: #ffffffeb !important;
}

.wkf_unconfigured
{
	color: #b41212;
	font-weight: normal;
}

.depSub
{
	text-align: right;
	color: red;
}

.depOrigHighlight span
{
	/*background-color: #F2E65C3B !important;*/

}

.depOrigHighlightBtn
{
	background-color: #F2E65C3B !important;
	color: #3668c9 !important;
}

#depTitle
{
	color: white;
	font-size: 13pt;
	margin-top: 3px;
	flex: 1;
	padding-right: 65px;
}

#depTitle:hover
{
	text-decoration: none !important;
}

/* Pagination stuff */
#pageContents .legPagination
{
	/*background-color: #F8F2AA;*/
	border-radius: 5px;
	box-shadow: 3px 3px 3px 0 #c0c0c0;
	border-top: 1px solid #d7e1eb;
	border-left: 1px solid #d7e1eb;
	padding: 2px 10px;
	margin-left: 10px;
	margin-right: 3px;
	right: 10px;
	display: flex;
}

#pageContents .legPagination .onePage
{
	margin: 0px;
	padding: 2px;
	min-width: 12px;
	cursor: pointer;
	color: grey;
	text-align: center;
}

#pageContents .legPagination .onePage:hover
{
	background-color: white;
	text-decoration: none;
	color: black;
}

#pageContents .legPagination .selectedPage
{
	font-weight: bold;
	color: black;
}

#pageContents .legPagination .selectedPage:hover
{
	cursor: auto;
	background-color: transparent;;
}

#pageContents .pageHidden
{
	display: none;
}

#pageContents .legPagination select
{
	width: 46px;
	background-color: white;
	opacity: 0.8;
	font-size: 11px;
	height: 19px;
	padding: 0px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #e0e0e0;
}

#pageContents .legPagination select:hover
{
	background-color: white;
	opacity: 1;
	cursor: pointer;
}

#pageContents .legPagination select option
{
	text-align: center;
}

#pageContents .legPagination .onePage[data-val='*']
{
	margin-right: 5px;
}

#pageContents .legPagination .clSubBtns
{
	/*margin-left: 5px;*/
	margin-top: 2px;
}

#pageContents .legPagination em
{
	margin-right: 20px;
}

.fieldReinit
{
	background-color: var(--krm_col_1);
	padding: 14px 3px;
	overflow: auto;
	border-radius: 5px;
}

.fieldReinit span
{
	font-weight: bold;
	float: left;
	margin-left: 12px;
	font-size: 12pt;
}

.fieldReinit .button
{
	float: right;
	margin-right: 5px;
	/*background-color: white;*/
	/*overflow: auto;*/
	padding: 2px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
}

.fieldReinit .button img
{
	width: 25px;
}

.fieldReinit .btn_cancel
{
	border: 1px solid #333;
	/*color: #333;*/
	color: #333;
	background-color: white;
	height: 25px;
}

.fieldReinit .btn_cancel:hover
{
	background-color: #e9e9e9;
	color: white;
	/*background-color: #d8f0d4;*/
}

.fieldReinit .btn_restore
{
	border: 1px solid #ff5500;
	/*color: #333;*/
	color: #333;
	background-color: white;
}

.fieldReinit .btn_restore:hover
{
	background-color: #ff5500;
	color: white;
	/*background-color: #d8f0d4;*/
}

#fieldSelector
{
	padding: 1px;
	display: flex;
	width: 98%;

	gap: 10px; /* Space between columns */
	flex-wrap: wrap;
	justify-content: center;
}

#fieldSelector hr
{
	border: 0;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0px;
	border-top: 0.1rem solid #f4f5f6;
	margin: 3.0rem 0;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	width: 0;


}

#fieldSelector .fsUl
{
	flex: 1;
	/*min-width: 20%; !* Ensure a minimum width *!*/
	/*max-width: calc(100% / 3); !* Default: 3 columns, adjusts dynamically *!*/
	list-style: none;
	padding: 0;
	margin: 0;
}

#fieldSelector .fsUl li
{
	/*width: 100%;*/
	padding: 6px;
	overflow: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	cursor: grab;
}

.li__selectListField:has(.lcs_on)
{
	background-color: #00800033;
	border-bottom: 1px solid grey;
}

.li__selectListField:has(.lcs_on) .swNum
{
	background-color: #555 !important;
	color: white;
}

#fieldSelector .swNum
{
	float: left;
	width: 24px;
	background-color: #ECECF5;
	text-align: center;
	border-radius: 50%;
	margin-right: 5px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}

#fieldSelector .swFiName
{
	width: 68%;
}

#fieldSelector .lcs_wrap
{
	float: right;
	width: 116px !important;
}

#clf_leftSide.recordDeleted
{
	/*background-color: pink !important;*/
}

#clf_leftSide.recordDep
{
	background-color: var(--krm_dep_col_1) !important;
}

#clf_leftSide #deletionContext
{
	background-color: white;
	padding: 8px;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #e30b0b;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	width: 90%;
	margin-bottom:10px;
	color: #b92c2c;
}

#clf_leftSide #deletionContext .reactivateBtng
{
	cursor: pointer;
}

.tabFields .imgSpec
{
	max-width: 370px;
}

.tabFields .icon_lrg
{
	max-width: 200px;
}

.krmModule_hidden
{
	display:none !important;
}

.depEdTable .depImg
{
	max-height: 100px;
}

.fc-title i
{
	width: 15px;
	font-size: 10pt;
	text-align: center;
}

/* BEN -> 04/02/2022 -> jquery dialog customisation */
.ui-widget-overlay
{
	background: #AAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	opacity: 0.6;
}
status__not_started

{
	color: var(--not_started);


}

.status__in_progress
{
	color: var(--in_progress);
}

.status__issue
{
	color: var(--issue);
}

.status__validated
{
	color: var(--validated);
}

.status__completed
{
	color: var(--completed);
}

.status__canceled
{
	color: var(--canceled);
}

.status_misc__round {
	/*height: 12px;*/
	/*width: 12px;*/
	border-radius: 50%;
	display: inline-block;
	padding: 4px;
	font-size: 8pt;
	font-weight: 600;
	color: white;
	letter-spacing: 1px;
}
.closeButton
{
	background-color: #fb5a5a;
	color: white;
	padding: 5px;
	float: right;
	width: 20px;
	cursor: pointer;
	text-align: center;
	margin-top: 9px;
}

/* BEN -> 29/03/2022 -> Custom Overlay for KRM-83 */
#__customOverlay {
	height: 200vh;
	position: absolute;
	background-color: black;
	z-index: 100;
	width: 100%;
	margin-top: -80px;
	opacity: 0.4;
	display: none;
}

.closeButton:hover, #modalPdfClose:hover
{
	transition: all 0.5s ease-in-out;
	background-color: red !important;
}

/* BEN -> 05/04/2022 -> Table cells alignment based on column type */
.clSub td[data-mysql_type='varchar'], .clSub td[data-mysql_type='text']
{
	text-align: left !important;
}

.clSub td[data-mysql_type='double'], .clSub td[data-mysql_type='int']
{
	text-align: right !important;
}

.clSub td[data-mysql_type='date'], .clSub td[data-mysql_type='datetime']
{
	text-align: center !important;
}

.HighlightOnFieldChange
{
	background-color: #eef8f0;
}

.sslFooter {
	display: block;
	margin-top: 1px;
	padding-right: 10px;
	padding-top: 3px;
	background-color: white;
	text-align: right;
}


.krm_standby
{
	background-color: var(--krm_col_1);
	color: black;
	padding: 5px;
	border-radius: 5px;
}

.krm_thumbnail
{
	transition: all 0.3s ease-in-out;
	border: 1px solid transparent;
	max-width: 180px;
	max-height: 100px;
}

.krm_thumbnail:hover
{
	border: 1px solid #3668c9;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

.krm_thumbnailReal
{
	border: 1px solid #eaeaea;
}

.krm_fileExtension
{
	max-width: 100px;
}

.krm_histFwup
{
	font-size: 90%;
	font-weight: normal;
}

.targetDiv
{
	display: flex;
	flex-wrap: wrap;
}

.swal-content span table
{
	width: 100%;
	border-collapse: collapse;
}

.swal-content span table caption
{
	margin-bottom: 14px;
}

.swal-content span table td, .swal-content span table th
{
	border: 1px solid #fff;
	padding: 8px;
}

.swal-content span table tr:nth-child(even)
{
	background-color: #eaeaea;
}

.swal-content span table tr:hover
{
	background-color: #edf8f0;
}

.swal-content span table th
{
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: var(--krm_col_2);
	color: white;
}

.swal-content span table th:first-of-type, .swal-content span table tr td:first-of-type
{
	/*text-align: left;*/
}

.swal-overlay--show-modal .swal-modal
{
	width: auto;
	min-width: 478px;
}

.swal_dialogFile .swal-footer
{
	display: flex;
	justify-content: space-between;
}

.swal-overlay--show-modal .swal-modal .swal_notConfirmBtn
{
	/*background-color: rgba(255,0,0,.3);*/
	/*color: #fff;*/
}

.swal-overlay--show-modal .swal-modal .swal_notConfirmBtn:hover
{
	/*background-color: #eaeaea;*/
	/*color: #000;*/
	transition: all 0.5s ease-in-out;
	color: rgba(255,0,0,.3);
}

.swal-button--confirm {
	background-color: #dd6b55; /* confirmButtonColor: "#DD6B55", */
}

.swal-modal .swal2-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.2em;
	height: 1.2em;
	transition: color 0.1s ease-out;
	border: none;
	background: transparent;
	color: #cccccc;
	font-family: serif;
	font-size: 40px;
	cursor: pointer;
}

.swal-modal .swal2-close:hover {
	color: #f27474;
}

.genericLinkTag.genericLinkTagWarn
{
	border-color: var(--issue);
}

.genericLinkTagWarn
{
	padding: 3px;
	text-align: center;
	margin: 2px;
	cursor: default;
	color: var(--issue);
	/*float: left;*/
}

.genericLinkTagWarn i
{
	font-size: medium;
}

.flex-wrap
{
	display: flex;
	flex-wrap: wrap;
}

#copy_from__search .search_container
{
	justify-content: space-between;
	align-content: center;
	align-items: center;
	width: 99%;
	margin-bottom: 15px;
	box-shadow: 6px 4px 4px 0px rgba(0,0,0,.3);
	padding: 4px;
	background-color: #edf8f0;
}

#copy_from__search .client-option
{
	width: 13%;
}

#copy_from__search .client-option table tr td:first-of-type
{
	/*text-align: right;*/
	font-weight: bold;
	background-color: var(--krm_col_2);
	padding: 4px;
	color: white;
	border-radius: 5px;
}

#copy_from__search .entity-option
{
	width: 72%;
}

#copy_from__search .entity-option table tr td:first-of-type
{
	width: 13%;
	/*text-align: right;*/
	font-weight: bold;
	background-color: var(--krm_col_2);
	padding: 4px;
	color: white;
	border-radius: 5px;
}

#copy_from__search .entity-option select
{
	width: 100%;
	overflow: auto;
}

#copy_from__search .btn_container
{
	width: 11%;
}

#copy_from__search .btn_container .top_btn
{
	font-size: 10pt;
	text-align: center;
	border-radius: 5px;
	padding: 6px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	text-decoration: none;
	border: 1px solid rgba(0,0,0,.3);
	background-color: white;
}

#copy_from__search .btn_container .top_btn:hover
{
	text-decoration: none;
	background-color: var(--krm_col_1);
	transition: all 0.5s ease-in-out;
	border: 1px solid var(--krm_col_1);
}

#copy_from__search .btn_container .top_btn:hover
{
	text-decoration: none;
	background-color: var(--krm_col_1);
	transition: all 0.5s ease-in-out;
	border: 1px solid var(--krm_col_1);
}

#copy_from__search .btn_container .top_btn:hover a
{
	text-decoration: none;
}

#copy_from__search .btn_container .top_btn.highLightCompareBtn a
{
	color: red;
}



.all_clients__opt
{
	display: none;
}


.copyFromBtns_container, .fieldSelectorBtns_container
{
	/*padding: 10px 14px;*/
}

.copyFromBtns_container a, .fieldSelectorBtns_container a
{
	margin-bottom: 10px;
}

.copyFromBtns_container a.btn_save, .fieldSelectorBtns_container a.btn_save
{
	background-color: var(--krm_col_1);
	transition: all 0.5s ease-in-out;
	border: 1px solid var(--krm_col_1);
	min-width: 160px;
	ont-size: 10pt;
	text-align: center;
	border-radius: 5px;
	padding: 8px 0px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

.copyFromBtns_container a.btn_save, .fieldSelectorBtns_container a.btn_save
{
	background-color: var(--krm_col_1);
	transition: all 0.5s ease-in-out;
	border: 1px solid var(--krm_col_1);
	min-width: 160px;
	ont-size: 10pt;
	text-align: center;
	border-radius: 5px;
	padding: 8px 0px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

.copyFromBtns_container a.btn_save.saveActivated, .fieldSelectorBtns_container a.btn_save.saveActivated
{
	transition: all 0.5s ease-in-out;
	border: 1px solid red;
	color: red;
}

.copyFromBtns_container a.btn_save:hover, .fieldSelectorBtns_container a.btn_save:hover
{
	transition: all 0.5s ease-in-out;
	border: 1px solid #3668c9;
	color: #3668c9;
	text-decoration: none;
}

.copyFromBtns_container a.btn_cancel, .fieldSelectorBtns_container a.btn_cancel, .fieldSelectorBtns_container a.btn_restore
{
	box-shadow: 0 2px 4px 1px var(--krm_col_1);
	border: 2px solid white;
	padding: 7px 0px;
	width: 100px;
	transition: all 0.5s ease-in-out;
	min-width: 50px;
	font-size: 10pt;
	text-align: center;
	border-radius: 5px;
}

.copyFromBtns_container a.btn_cancel:hover, .fieldSelectorBtns_container a.btn_cancel:hover, .fieldSelectorBtns_container a.btn_restore:hover
{
	transition: all 0.5s ease-in-out;
	border: 1px solid #3668c9;
	color: #3668c9;
	text-decoration: none;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

.fieldSelectorBtns_container a.btn_restore
{
	float: right;
	margin-right: 10px;
}

#fieldSelector
{
	margin-top: 1px;
}

#fieldSelector ul
{
	margin-top: 2px;
}

#fieldSelector ul:nth-child(even)
{
	background-color: aliceblue !important;
}


.krmWarn
{
	color: #ff9300;
}

.krmWarnBanner
{
	background-color: #80808029;
	color: #a58e80;
	text-align: center;
	width: 96%;
	padding: 10px;
	margin: auto;
	margin-bottom: auto;
	border-radius: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

.krmDisabled
{
	color: black;
	opacity: 0.5;
}

.krmReduce80
{
	font-size: 80%;
}

.krmTdFile
{
	/*width: 200px !important;*/
	word-break: break-all;
}

.krm_uploadPending
{
	background-image: url("/IMGS/krm_preloader1.gif");
	background-position: 50% 0%;
	padding: 3px;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
}

.krm_opacity80
{
	opacity: 0.8;
}

.fileUpload_fileName
{
	font-size: 8pt;
	width: 100%;
	float: left;
}

#depTarget .clForm .divDevActions #btnDepSave
{
	color: black;
	padding: 0;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}

#depTarget .clForm .divDevActions #btnDepSave:hover
{
	color: #3668c9;
}

.krm__hidden
{
	display: none;
}

#depTarget .clForm .divDevActions #depEditModeBtn img
{
	width: 18px;
	margin-top: 4px;
	transition: all 0.5s ease-in-out;
}

#depTarget .clForm .divDevActions #depGoBackBtn
{
	padding-top: 2px;
}

/* BEN -> 25/01/2023 -> DEP display fixes */
.tabFields .krmFormTdData div.krm_fi_div
{
	float: left;
	margin-right: 5px;
	width: inherit;
	min-width: inherit;
}

.tabFields .krmFormTdData div.fiLinkOpener
{
	min-width: 50%;
}

.krmFormSection
{
	width: 100%;
}

.fileUploaderLabel, .filePickerLabel
{
	cursor: pointer;
	font-size: 13pt;
	text-align: left;
	padding: 8px 12px;
	min-height: 25px;
	margin-right: 10px;
	display: flex;
}

.fileUploaderLabel, .filePickerLabel .btnPickFromList
{
}

.filePickerLabel span
{
	font-size: 10pt;
}

.filePickerLabel i
{
	transition: all 0.5s ease-in-out;
}

.filePickerLabel i:hover
{
	color: #3668c9;
}

.filePickerLabel.btnFocused
{
	background-color: var(--krm_col_1);
	border-radius: 4px;
}

.filePickerLabel .listSelFile
{
	display: none;
	font-size: 10pt;
	margin-left: 23px;
}

.filePickerLabel.btnFocused .listSelFile
{
	display: inline-block;
	font-size: 10pt;
}

/* we need this for better displaying of file choose in dep tables */
#depTarget .filePickerLabel
{
	display: block;
}

#depTarget .filePickerLabel i
{
	background-color: #FFFFFFC5;
	padding: 3px;
	border-radius: 50%;
}

#depTarget .filePickerLabel i:hover
{
	background-color: white;
}

#depTarget .hidePicker
{
	display: none;
}

.tabFields .hidePicker
{
	display: none !important;
}

.krmTdFile
{
	position: relative;
}

#depTarget .specLink
{
	/*max-width: 100px;*/
}

#depTarget .hidePicker
{
	display: none;
}

.depEdTable .depImgExt
{
	position: absolute;
	bottom: 3px;
	right: 0px;
	width: 30px;
	opacity: 0.5;
}

.depEdTable .depImgExt:hover {
	opacity: 1;
	transition: all 0.5s ease-in-out;

}

.td_width__80_percent
{
	width: 80%;
}

.td_width__70_percent
{
	width: 70%;
}

.td_width__50_percent
{
	width: 50%;
}

.td_width__40_percent
{
	width: 40%;
}

.td_width__30_percent
{
	width: 30%;
}

.td_width__20_percent
{
	width: 20%;
}

.td_width__15_percent
{
	width: 15%;
}

.td_width__85_percent
{
	width: 85%;
}

/* Autocomplete for search */
.krm_ac1
{
}

.krm_ac2
{
	font-size: 10pt;
	margin: 0px !important;
}

.krm_ac2 table
{
	width: 100%;
}

.krm_ac2 table td.acTd
{
	width: 49%;
	order:99;
}

/*.krm_ac2 table td.acTdMatched*/
/*{*/
/*	background-color: #cacaca;*/
/*}*/

.krm_ac2 table td.acTdRef
{
	order: 1;
}

.krm_ac2 table tr.acTr
{
	display: flex;
	flex-wrap: wrap;
}

.krm_ac2 table .acTd em
{
	font-size: 8pt;
	font-style: normal;
	color: #535353;
}

.krm_ac2 table .acTd img
{
	border: 1px solid grey;
	margin-right: 5px;
}

.krm_ac2 table  .acTd strong
{
	word-break: break-word;

}

.fileNameHolder img.krm_thumbnail
{
	box-shadow: 6px 4px 4px 0px rgba(0,0,0,.3);
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}

.fiUnversioned
{
	font-size: 8pt;
	margin-top: 5px;
	word-break: break-all;
}

.krm_bluify_bkgr
{
	padding: 5px;
	background-color: var(--krm_col_1);
	border-radius: 50%;
	cursor: pointer;
	color: black;
	transition: all 0.5s ease-in-out;
}

.krm_bluify_bkgr:hover
{
	color: #3668c9;
}


/* BEN -> 05/07/2023 -> General Overlay */
#__generalOverlay
{
	position: absolute;
	height: 113vh;
	width: 100%;
	z-index: 9999;
	background-color: rgba(33, 36, 32, 0.85);
	backdrop-filter: blur(4px);
	margin-top: -73px;
	overflow: hidden;
}

.custom-loader, .custom-loader-half-top
{
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background:#C9C37D;
	color: #C9C37D;
	clip-path: inset(-52px);
	animation: d8 2s infinite linear;
	margin: auto;
	margin-top: 200px;
}

.custom-loader-half-top
{
	margin-top: 50px;
}

@keyframes d8 {
	0%  {box-shadow:0 0 0 0   , 80px 0,-80px 0,0 80px,0 -80px}
	10% {box-shadow:0 0 0 0   , 24px 0,-80px 0,0 80px,0 -80px}
	20% {box-shadow:0 0 0 8px , 0px  0,-80px 0,0 80px,0 -80px}
	30% {box-shadow:0 0 0 8px , 0px  0,-24px 0,0 80px,0 -80px}
	40% {box-shadow:0 0 0 16px , 0px  0,  0px 0,0 80px,0 -80px}
	50% {box-shadow:0 0 0 16px , 0px  0,  0px 0,0 24px,0 -80px}
	60% {box-shadow:0 0 0 24px, 0px  0,  0px 0,0  0px,0 -80px}
	70% {box-shadow:0 0 0 24px, 0px  0,  0px 0,0  0px,0 -24px}
	80% {box-shadow:0 0 0 32px, 0px  0,  0px 0,0  0px,0  0px }
	90%,
	100%{box-shadow:0 0 0 0   , 80px 0,-80px 0,0 80px,0 -80px}
}

#ui-id-1.ui-autocomplete
{
	overflow: auto;
	max-height: 70vh;
}

.krmWidth100
{
	flex-basis: 100%;
}

.btn_pantone2021Icon
{
	background-color: var(--krm_col_2);
	color: white;
	border-radius: 5px;
	padding: 10px;
	display: block;
	text-align: right;
	float: right;
	margin-top: 3px;
}

.btn_pantone2021Icon a
{
	color: white !important;
}

.btn_pantone2021Icon i
{
	color: var(--krm_col_1);
	font-size: 12pt;
}

.btn_pantone2021Icon:hover
{
	background-color: rgba(124, 154, 135, 0.78);
}

/* generic margin on all 4 sides of the element */
.krm_m-0
{
	margin: 0;
}

.krm_m-1
{
	margin: calc(var(--spacer) * .25);
}

.krm_m-2
{
	margin: calc(var(--spacer) * .5);
}

.krm_m-3
{
	margin: var(--spacer);
}

/* generic classes that set margin-top */
.krm_mt-0
{
	margin-top: 0;
}

.krm_mt-1
{
	margin-top: calc(var(--spacer) * .25);
}

.krm_mt-2
{
	margin-top: calc(var(--spacer) * .5);
}

.krm_mt-3
{
	margin-top: var(--spacer);
}

/* generic classes that set margin-left */
.krm_ml-0
{
	margin-left: 0;
}

.krm_ml-1
{
	margin-left: calc(var(--spacer) * .25);
}

.krm_ml-2
{
	margin-left: calc(var(--spacer) * .5);
}

.krm_ml-3
{
	margin-left: var(--spacer);
}

/* generic classes that set margin-right */
.krm_mr-0
{
	margin-right: 0;
}

.krm_mr-1
{
	margin-right: calc(var(--spacer) * .25);
}

.krm_mr-2
{
	margin-right: calc(var(--spacer) * .5);
}

.krm_mr-3
{
	margin-right: var(--spacer);
}

/* generic classes that set margin-bottom */
.krm_mb-0
{
	margin-bottom: 0;
}

.krm_mb-1
{
	margin-bottom: calc(var(--spacer) * .25);
}

.krm_mb-2
{
	margin-bottom: calc(var(--spacer) * .5);
}

.krm_mb-3
{
	margin-bottom: var(--spacer);
}

/* generic classes that set both *-left and *-right */
.krm_mx-0
{
	margin-right: 0;
	margin-left: 0;
}

.krm_mx-1
{
	margin-right: calc(var(--spacer) * .25);
	margin-left: calc(var(--spacer) * .25);
}

.krm_mx-2
{
	margin-right: calc(var(--spacer) * .5);
	margin-left: calc(var(--spacer) * .5);
}

.krm_mx-3
{
	margin-right: var(--spacer);
	margin-left: var(--spacer);
}

/* generic classes that set both *-top and *-bottom */
.krm_my-0
{
	margin-top: 0;
	margin-bottom: 0;
}

.krm_my-1
{
	margin-top: calc(var(--spacer) * .25);
	margin-bottom: calc(var(--spacer) * .25);
}

.krm_my-2
{
	margin-top: calc(var(--spacer) * .5);
	margin-bottom: calc(var(--spacer) * .5);
}

.krm_my-3
{
	margin-top: var(--spacer);
	margin-bottom: var(--spacer);
}

/* generic padding on all 4 sides of the element */
.krm_p-0
{
	padding: 0;
}

.krm_p-1
{
	padding: calc(var(--spacer) * .25);
}

.krm_p-2
{
	padding: calc(var(--spacer) * .5);
}

.krm_p-3
{
	padding: var(--spacer);
}

/* generic classes that set padding-top */
.krm_pt-0
{
	padding-top: 0;
}

.krm_pt-1
{
	padding-top: calc(var(--spacer) * .25);
}

.krm_pt-2
{
	padding-top: calc(var(--spacer) * .5);
}

.krm_pt-3
{
	padding-top: var(--spacer);
}

/* generic classes that set padding-left */
.krm_pl-0
{
	padding-left: 0;
}

.krm_pl-1
{
	padding-left: calc(var(--spacer) * .25);
}

.krm_pl-2
{
	padding-left: calc(var(--spacer) * .5);
}

.krm_pl-3
{
	padding-left: var(--spacer);
}

/* generic classes that set padding-right */
.krm_pr-0
{
	padding-right: 0;
}

.krm_pr-1
{
	padding-right: calc(var(--spacer) * .25);
}

.krm_pr-2
{
	padding-right: calc(var(--spacer) * .5);
}

.krm_pr-3
{
	padding-right: var(--spacer);
}

/* generic classes that set padding-bottom */
.krm_pb-0
{
	padding-bottom: 0;
}

.krm_pb-1
{
	padding-bottom: calc(var(--spacer) * .25);
}

.krm_pb-2
{
	padding-bottom: calc(var(--spacer) * .5);
}

.krm_pb-3
{
	padding-bottom: var(--spacer);
}

/* generic classes that set both *-left and *-right */
.krm_px-0
{
	padding-right: 0;
	padding-left: 0;
}

.krm_px-1
{
	padding-right: calc(var(--spacer) * .25);
	padding-left: calc(var(--spacer) * .25);
}

.krm_px-2
{
	padding-right: calc(var(--spacer) * .5);
	padding-left: calc(var(--spacer) * .5);
}

.krm_px-3
{
	padding-right: var(--spacer);
	padding-left: var(--spacer);
}

/* generic classes that set both *-top and *-bottom */
.krm_py-0
{
	padding-top: 0;
	padding-bottom: 0;
}

.krm_py-1
{
	padding-top: calc(var(--spacer) * .25);
	padding-bottom: calc(var(--spacer) * .25);
}

.krm_py-2
{
	padding-top: calc(var(--spacer) * .5);
	padding-bottom: calc(var(--spacer) * .5);
}

.krm_py-3
{
	padding-top: var(--spacer);
	padding-bottom: var(--spacer);
}

/* generic classes for display */
.krm_d-inline-block
{
	display: inline-block;
}

.krm_d-none
{
	display: none !important;
}

.krm_d-block
{
	display: block;
}

.krm_d-flex
{
	display: flex;
}

.krm_d-100
{
	width: 100% !important;
}

.krm-ta-center
{
	text-align: center;
}

.krmSearchBar a span
{
	font-size: 80%;
}

@keyframes d8 {
	0%  {box-shadow:0 0 0 0   , 80px 0,-80px 0,0 80px,0 -80px}
	10% {box-shadow:0 0 0 0   , 24px 0,-80px 0,0 80px,0 -80px}
	20% {box-shadow:0 0 0 8px , 0px  0,-80px 0,0 80px,0 -80px}
	30% {box-shadow:0 0 0 8px , 0px  0,-24px 0,0 80px,0 -80px}
	40% {box-shadow:0 0 0 16px , 0px  0,  0px 0,0 80px,0 -80px}
	50% {box-shadow:0 0 0 16px , 0px  0,  0px 0,0 24px,0 -80px}
	60% {box-shadow:0 0 0 24px, 0px  0,  0px 0,0  0px,0 -80px}
	70% {box-shadow:0 0 0 24px, 0px  0,  0px 0,0  0px,0 -24px}
	80% {box-shadow:0 0 0 32px, 0px  0,  0px 0,0  0px,0  0px }
	90%,
	100%{box-shadow:0 0 0 0   , 80px 0,-80px 0,0 80px,0 -80px}
}

/* Cluster CSS */
.clusterStats
{
	display: flex;
	flex-direction: row;
	line-height: 20px;
	margin-left: 30px;
	padding-left: 0px;
	justify-content: left;
	margin-top: 3px;
	margin-bottom: 3px;
	flex-wrap: wrap;
}

.clusterStats li
{
	list-style-type: none;
	border-radius: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	padding: 2px 5px;
	font-size: 0.75em;
	cursor: pointer;
	background-color: #f0f0f0;
	transition: all 0.5s ease-in-out;
}

.clusterStats li:hover
{
	background-color: white;
	color: rgba(16, 111, 180, 1);
}

.clusterStats li:hover a
{
	text-decoration: none;
	color: rgba(16, 111, 180, 1);
}

.extValNOK, .extValOK
{
	margin:auto;
	width: 50%;
	text-align:center;
	padding: 20px;
	border-radius: 10px;
	background-color: rgba(255, 248, 249, 0.78);
	font-size: 18pt;
	margin-top: 100px;
	line-height: 40px;
}

.extValOK
{
	background-color: #f3fff3;
}

.extValNOK a, .extValOK a
{
	background-color: rgba(75, 74, 74, 0.21);
	color: black;
	padding: 2px 10px;
}

.dataRow .fileInDataRow, .krmFormTdData .fileInForm
{
	margin: 0;
	padding: 1px;
}

.dataRow .fileInDataRow
{
	max-height: 50px;
	overflow: hidden;
}

.dataRow .inActDiv
{
	display: flex;
	justify-content: space-around;
}

.dataRow .inActDiv i
{
	padding: 5px;
	border: 1px solid transparent;
	transition: all 0.5s ease-in-out;
}

.dataRow .inActDiv i:hover
{
	border: 1px solid var(--krm_bor_1);
	color: var(--krm_bor_1);
	opacity: 1;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}


.dataRow:hover
{
	background-color: var(--krm_col_sort_sel) !important;
}

/*.dataRow .fileInDataRow:hover*/
/*{*/
/*	max-height: 1000px;*/
/*	transition: all 0.8s ease-in-out;*/
/*}*/

.krmFormTdData .fileInForm
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex: 1;
}

.dataRow .fileInDataRow li, .krmFormTdData .fileInForm li, #depTarget .fileInForm li
{
	list-style-type: none;
	padding: 3px 5px;
	/*width: 48%;*/
}

.dataRow .fileInDataRow li:hover, .krmFormTdData .fileInForm li:hover
{
	transition: all 0.5s ease-in-out;
	background-color: #f0f0f0;
}

.dataRow .fileInDataRow li a, .krmFormTdData .fileInForm li a
{
	display: flex;
	align-items: center;
	color: rgba(16, 111, 180, 1);
	gap: 10px;
}

.dataRow .fileInDataRow li a:hover, .krmFormTdData .fileInForm li a:hover
{
	color: black;
	transition: all 0.5s ease-in-out;
	text-decoration: none !important;
}

.dataRow .fileInDataRow .fileExtInDataRow, .krmFormTdData .fileInForm .fileExtInForm
{
	width: 18px;
	margin-right: 3px;
}

.krmFormTdData .fileInForm .fileExtInForm
{
	width: 22px;
	max-height: 22px;
}

#depTarget .fileExtInForm
{
	width: 80px;
	max-height: 80px;
}

#depTarget .legacyDepNoThumb
{
	max-width: 180px;
	max-height: 100px;
}

.krmFormTdData .fileInForm .krm_thumbnail
{
	width: 22px;
	max-height: 22px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

.thumbTitle
{
	background-color: aliceblue;
	color: rgba(16, 111, 180, 1);
	padding: 5px;
	border-bottom: 2px dashed #9fa3c0;
	padding-bottom: 4px;
}

.thumbPreview
{
	width: 400px;
}

.fileVerSup
{
	float: right;
	margin-right: 5px;
}

.krm_fi_backtrace
{
	padding: 2px;
	text-align: center;
	background-color: white;
	border-radius: 50%;
	width: 18px;
	display: inline-block;
	float: right;
	margin-left: 10px;
	color: #0056b3;
	opacity: 0.8;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}

.krm_fi_backtrace:hover
{
	opacity: 1;
}

.swal-modal .swalInDiv
{
	text-align: left !important;
	color: #343434;
}

.adHocOverlay
{
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	min-height: 200px;
	text-align: center;
	box-sizing: border-box;
	z-index: 1000;
	opacity: 0.98;
	border: 2px dashed #9fa3c0;
	background-color: rgba(240, 248, 255, 0.90);
	overflow:clip;
}

.adHocOverlay img
{
	box-shadow: 5px 10px 12px #a4a4a4;
	width: 96%;
	margin-top: 10px;
}

.adHocOverlayTitle
{
	background-color: rgba(201, 204, 204, 0.62);
	max-width: 100%;
}

#clf_rightSide .tabContainer input[maxlength='5'] { width: 80px !important;}
#clf_rightSide .tabContainer input[maxlength='10'] { width: 140px !important;}
#clf_rightSide .tabContainer input[maxlength='15'] { width: 200px !important;}

.genericPopupContainerDiv
{
	min-height: 300px;
	max-height: 80vh;
	width: 100%;
	overflow: auto;
}

.pdfParser_container
{
	display: flex;
}

.pdfParser_tabContent
{
	max-width: 40%;
	overflow: auto;
}

.pdfParser_pdfPreview
{
	width: 60%;
	position: relative;
	overflow: hidden;
}

.pdfParser_pdfPreview embed
{
	/*position: fixed;*/
	width: 500px;
	height: 400px;
}

.pdfParser_pdfPreview.ui-tabs .ui-tabs-nav li.ui-tabs-active
{
	background-color: var(--krm_col_2) !important;
	font-weight: bold;
}

#tabs-preview1
{
	padding: 1em 0.5em !important;
}

.pdfParserTable
{
	overflow: auto;
}


.pdfParser_row__BS
{
	background-color: #d7e1eb;
}

.pdfParser_row__BS td
{
	border-top: 3px solid black;
	border-radius: 5px 5px 0px 0px;
}


.pdfParser_row__BE
{
	background-color: #d7e1eb;
}

.pdfParser_row__SUM
{
	background-color: #817373 !important;
	color: white !important;
}

.pdfParser_row__BE td
{
	border-bottom: 3px solid black;
	border-radius: 0px 0px 5px 5px;
}

.trRowDataType__numeric
{
	background-color: #eaeaea;
	color: navy;
}

.trRowDataType__date
{
	background-color: #eaeaea;
	color: #ff9300;
}

#selectionSpace
{
	width: 100%;
}

#selectionSpace .rowSelectItem
{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 5px;
	border-radius: 10px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.53);
	margin: 15px 0px;
	border-top: 1px solid #aeaeae;
	align-items:flex-start;
	align-content:flex-start;
}

#selectionSpace .rowSelectItem div
{
	margin: 0px 5px;
}


#selectionSpace table .rowCssModifier_2
{
	/*background-color: #f6f1db;*/
}

#selectionSpace .selRowSelected
{
	background-color: #e1ebd7 !important;
	font-weight: bold;
}

#selectionSpace table caption
{
	/*background-color: #eaeaeaa3;*/
	text-align: left;
	padding: 5px;
}

#selectionSpace table.rowFwup, #selectionSpace table.rowFwupClients
{
	min-width: 100px;
	width: 100%;
	cursor: pointer;
	background-color: #f3fff3;
	padding: 2px;
}

#selectionSpace table.rowSpec1
{
	background-color: #ffc67d;
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
}

#selectionSpace .rowSelectItem:has(.rowSpec1)
{
	background-color: #ffdfb6 !important;
	opacity: 0.4;
}

#selectionSpace table.rowSpec2
{
	background-color: #a1b8cf;
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
}

#selectionSpace .rowSelectItem:has(.rowSpec2)
{
	background-color: #d7e1eb !important;
	opacity: 0.4;
}

#selectionSpace table.rowSpec3
{
	background-color: #7386cb;
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
}

#selectionSpace .rowSelectItem:has(.rowSpec3)
{
	background-color: #83d2ff !important;
	opacity: 0.4;
}

#selectionSpace table.rowSpec4
{
	background-color: rgba(200, 96, 225, 0.62);
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
}

#selectionSpace .rowSelectItem:has(.rowSpec4)
{
	background-color: #dfc8f6 !important;
	opacity: 0.4;
}

#selectionSpace table.rowSpec5
{
	background-color: rgb(139, 208, 236);
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
}

#selectionSpace .rowSelectItem:has(.rowSpec5)
{
	background-color: #c2ebfd !important;
	opacity: 0.4;
}

#selectionSpace table.rowSpec6
{
	background-color: rgb(227, 221, 131);
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
}

#selectionSpace .rowSelectItem:has(.rowSpec6)
{
	background-color: rgba(248, 243, 182, 0.65) !important;
	opacity: 0.4;
}

#selectionSpace table.rowSpec7
{
	background-color: rgba(200, 96, 225, 0.62);
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
}

#selectionSpace .rowSelectItem:has(.rowSpec7)
{
	background-color: #dfc8f6 !important;
	opacity: 0.4;
}

#selectionSpace .rowSelectItem:has(.rowSpec1):hover,
#selectionSpace .rowSelectItem:has(.rowSpec2):hover,
#selectionSpace .rowSelectItem:has(.rowSpec3):hover,
#selectionSpace .rowSelectItem:has(.rowSpec4):hover,
#selectionSpace .rowSelectItem:has(.rowSpec5):hover,
#selectionSpace .rowSelectItem:has(.rowSpec6):hover,
#selectionSpace .rowSelectItem:has(.rowSpec7):hover,
#selectionSpace .rowSelectItem:has(.rowSpec8):hover,
#selectionSpace .rowSelectItem:has(.rowSpec9):hover
{
	opacity: 1;
}


#selectionSpace table.rowSpec10
{
	background-color: rgb(229, 255, 224);
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
}

#selectionSpace .rowSelectItem:has(.rowSpec10)
{
	background-color: rgba(155, 218, 84, 0.65) !important;
}

#selectionSpace table.rowSpec11
{
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
	background-color: #cacaca;
}

#selectionSpace .rowSelectItem:has(.rowSpec11)
{
	background-color: rgb(157, 157, 157) !important;
}

#selectionSpace table.rowSpec0
{
	width: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	font-size: 120%;
	background-color: #cacaca;
}

#selectionSpace .rowSelectItem:has(.rowSpec0)
{
	background-color: rgba(239, 245, 234, 0.65) !important;
}




#selectionSpace table.rowFwup td:first-child
{
	width: 50px !important;
}

#selectionSpace table.rowFwup td:nth-child(2)
{
	width: 50% !important;
}

#selectionSpace table.rowFwupClients
{
	/*background-color: #f5dbc4;*/
}

/*#selectionSpace .rowFwupItem td.fwupTd*/
/*{*/
/*	!*border-bottom: 2px solid #c5c5c5;*!*/
/*	width: 100%;*/
/*	background-color: #d7e1eb;*/
/*}*/

#selectionSpace .rowSelectItem.rowCssModifier_1 td
{
}

#selectionSpace .rowFwupItem.rowCssModifier_1 td.fwupTd
{
	border-bottom: 1px solid black;
}

#selectionSpace div[data-sel-col='label']
{
	flex: 1;
}

#selectionSpace div[data-sel-col='status']
{
	width: 100% !important;
	/*border-top: 1px solid #eaeaea;*/
	margin-top: 15px;
}

#selectionSpace div[data-sel-col='prefix']
{
	display: none;
	width: 100%;
	margin-bottom: 5px;
}


#selectionSpace div[data-sel-col='sum']
{
	font-size: 16pt;
	font-weight: bold;
	/*margin-top: 10px;*/
	/*float: right;*/
	margin-right: 5px;
	text-align: right;
}

#selectionSpace .rowTrId
{
	background-color: var(--krm_col_2);
	color: white;
	align-content: flex-start;
	text-align: center;
	padding: 5px;
	width: 16px;
	border-radius: 50%;
}

#tabEFactura tr:has( > .applyOnRow--FACTURA_PRIMITA)
{
	color: #0a6aa1;
}

#tabEFactura tr:has( > .applyOnRow--ERORI_FACTURA)
{
	color: #af0a0a;
}

#tabEFactura tr:has( > .applyOnRow--FACTURA_TRIMISA)
{
	background-color: rgba(255, 252, 209, 0.63) !important;
}

.eFacturaSegmentActive
{
	font-weight: bold;
}

#tabEFactura tr:has( > .applyOnRow--KRM)
{
	font-weight: bold;
}

#pageContents .legBtn i.fa-rotate
{
	font-size: 13px;
	color: #104d108f;
	border: 1.5px solid #0e960e8f;
	border-radius: 50%;
	padding: 4px;
	cursor: pointer;
}

#pdfInOptions
{
	padding-bottom: 10px;
	cursor: pointer;
	display: flex;
	width: 100%;
	padding-top: 10px;
	justify-content: center;
}

#pdfInOptions a
{
	color: white;
	margin: 0px 5px;
}

#pdfInOptions a:hover
{
	text-decoration: none;
}

.content__enums table
{
	table-layout: fixed;
	width: 100%;
	/*border-spacing: 0;*/
}

.content__enums table th
{
	color: #ffffff;
}

.content__enums table tr:nth-child(2n)
{
	background-color: #eaeaea;
}

.content__enums table tr:hover
{
	background-color: #eef8f0;
}

.content__enums table tr td
{
	text-align: center;
}

.content__enums table tr td.enums_external_id_holder, .content__enums table tr th.enums_external_id_holder
{
	width: 6%;
}

.content__enums table tr td.enums_external_id_holder input
{
	width: 50%;
}

.content__enums table tr td .enum_desc__actions
{
	padding: 1px 2px;
	margin: 2px 0;
}

.content__enums table tr td .show_item_rich_content textarea
{
	text-align: left;
}

.content__enums table tr td .enum_desc .clf_edit
{
	background-color: #edf8f0;
}

.content__enums table tr td .enum_attr_holder .selectize-input.fiMandatory
{
	border-color: pink;
	color: red;
}

.content__enums table tr td .enum_add_desc_content_clone
{
	display: flex;
	align-items: center;
}

.content__enums table tr td .enum_add_desc_content_clone:hover
{
	background-color: #edf8f0;
}

.content__enums table tr td.active
{
	background-color: var(--krm_col_sort);
}

.content__enums table tr td .enum_desc .rich_content_delete_node
{
	background-color: #fff;
	color: red;
	padding: 4px;
}

.content__enums table tr td .enum_desc .rich_content_delete_node:hover
{
	border-color: pink;
	/*background-color: #f6acac;*/
	color: #ef5a5a;
}

.content__enums table tr td .enum_new_node_content
{
	width: 88%;
}

.content__enums table tr td .enum_new_node_content .selectize-control.single .selectize-input
{
	padding: 2px 4px;
	width: 94%;
	margin-top: 6px;
}

.content__enums table tr td .enum_new_node_content .enum_value_holder
{
	margin-top: 4px;
}

.content__enums table tr td .enum_new_node_actions_holder
{
	width: 12%;
}

.content__enums table tr td p.rich_content_viewer
{
	word-break: break-all;
	text-align: left;
}

.content__enums .enum_attr_table tr:nth-child(even) td
{
	background-color: rgba(229, 233, 255, 0.82)
}

.content__enums .enum_attr_table thead tr:first-child td
{
	background-color: #c9d6d0cc;
}

.content__enums .enum_attr_table tr td
{
	font-size: 8pt;
}

.krm_f-bold
{
	font-weight: bold;
}

.ttGeneric
{
	max-width: 400px;
	background-color: white;
	max-height: 500px;
	overflow: hidden;
}

.ttFixed
{
	position: fixed;
	top: 45px;
	left: 30%;
	max-width: 40vw;
	max-height: 600px;
	border: 1px solid grey;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

.ttFixed img
{
	width: 95%;
}


.ttInherit
{
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	height: auto;
	background-color: green;
}

.ttInherit img
{
	width: 100%;
}

.ui-tooltip:has(.ttInherit) {
	max-width: 50vw;
	max-height: 600px;
}

.ttGeneric.ttInherit
{
	max-width: 50vw;
	max-height: 600px;
}


.text-success
{
	background-color: #0e960e8f !important;
	color: white !important;
}

.text-danger
{
	background-color: #a71e1e  !important;
	color: white !important;
}

#tableFilters .filter-input
{
	width: 100%;
}

#spawned #SubmodulePreloader
{
	position: absolute;
	height: 113vh;
	width: 100%;
	z-index: 9999;
	background-color: rgba(33, 36, 32, 0.85);
	backdrop-filter: blur(4px);
	margin-top: -73px;
	overflow: hidden;
}

/* BEN -> 16/05/2025 -> Moved so we can have them in all modules */
.dialog_buttons_container
{
	display: flex;
	justify-content: space-between;
	background: var(--krm_col_1);
	padding: 4px;
}

.dialog_buttons_container .dialog_btn_import, .dialog_buttons_container .dialog_btn_export
{
	border-radius: 5px;
	background-color: white;
	/*border: 1px solid black;*/
	padding: 4px 6px;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}

.dialog_buttons_container .dialog_btn_import:hover, .dialog_buttons_container .dialog_btn_export:hover
{
	background-color: var(--krm_col_1);
}

.content__enums table
{
	table-layout: fixed;
	width: 100%;
	border-spacing: 0;
}

.content__enums table tr:nth-child(2n)
{
	background-color: #F8F9FA;
}

.content__enums table td input, .content__enums table td textarea
{
	width: 90%;
}

.content__enums .ENUMS_save
{
	margin-right: 5px;
	cursor: pointer;
}

.content__enums .ENUMS_delete
{
	cursor: pointer;
}

.content__enums .ENUMS_save:hover
{
	transition: all 0.7s ease-in-out;
	color: #3668c9;
}

.content__enums .ENUMS_delete:hover
{
	transition: all 0.7s ease-in-out;
	color: #c31a1a;
}

#enumsLine__emptyRow
{
	display: none;
}


.dialog_btn_add
{
	transition: all 0.5s ease-in-out;
	padding: 4px 6px;
	cursor: pointer;
}

.kIdx_options
{
	display: flex;
	margin-bottom: 10px;
	justify-content: space-between;
	padding: 2px 5px 12px 0px;
	border-bottom: 1px solid #80808057;
}

.eFact_Filters
{
	margin-top: 10px;
}

.eFact_Filters ul
{
	margin: 0px;
	background-color: #ffffff7a;
	padding: 0px;
}

.eFact_Filters ul li
{
	padding: 5px 0px 3px 10px;
	list-style-type: none;
}


.eFact_Filters li:nth-child(odd)
{
	background-color: white;
}

.eFact_Filters .eFactura_selItem
{
	font-weight: bold;
}

#tabPNRRArticles tr[id*="Abandonat"]
{
	color: red;
	opacity: 0.5;
}

.tabDepContainer tr.rowWithCKOn .ck-editor
{
	position: fixed !important;
	left: 5%;
	right: 5%;
	bottom: 5%;
	width: 90% !important;
	height: 85% !important;
	z-index: 9999;
	top: 45px;
	border: 3px solid #c71f1f;
	background-color: white;
	border-radius: 5px;
	overflow: auto;
}

.tabDepContainer tr.rowWithCKOn .ck-editor__editable {
	/*height: calc(100vh - 100px) !important;*/
	zoom: 1.40;
}

.tabDepContainer tr.rowWithCKOn .ck-editor__top
{
	position: fixed !important;
	top: 17px !important;
	left: 5%;
	width: 90%;
	z-index: 10000 !important;
	background: white !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	border-radius: 6px 6px 0px 0px;
	border: 3px solid #c71f1f;
	border-bottom: none;

}

.tabDepContainer .closeZoomedCK
{
	position: sticky;
	bottom: 0;
	left: 0;
	padding: 15px 10px;
	border-top: 1px solid #ccc;
	color: black;
	background-color: #eaeaea;
}

.tabDepContainer .closeZoomedCK span
{
	margin-left: 10px;
	margin-right: 10px;
	background-color: var(--krm_col_1);
	padding: 10px;
	cursor: pointer;
	min-width: 30%;
	border-radius: 5px;
}