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;
}

: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;
}
.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: #e3e41b;
	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;
}

#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
{
	max-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;
	/*padding: 5px 10px 5px 10px;*/
	margin-top: 72px;
}

#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;
}


.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%;
	max-width: 400px;
}

#clf_dialog .txt_w0
{
	width: 50px;
}

#clf_dialog .txt_num
{
	width: 80px;
}

#clf_dialog .txt_calendar
{
	width: 80px;
}

#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;*/
}

.fileOptions
{
	margin-left: 20px;
}

#depTarget .fileOptions
{
	margin-left: 5px;
}

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

.fileOptions label
{
	display: block;
}

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

#depTarget .specLink.fileInForm
{
	flex-direction: column;
}

.specLink a, .specLink img
{
	min-height: 20px;
}

.specLink img
{
	/*width: 95%;*/
	max-width: 200px !important;
	max-height: 100px;
}

.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 #3668c9;
	color: #3668c9;
	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: #F2E65C;*/
	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: #F2E65C;
	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;
}

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

}


#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;*/
}

.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 #F2E65C;*/
	display: none;
	width: 100%;
	box-sizing: border-box;
	/*border-top: 2px solid #F2E65C;*/
}

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

.subDialog
{
        /* background : #A4D166 none repeat scroll 0% 0%;*/
        opacity: 0.94;
	border: 15px solid #F2E65C !important;
	border-radius: 10px;
	opacity: 0.95;
}

#spawned .ui-state-active
{
	background-color: #8d9a93;
	border: 1px solid #8d9a93;
}

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

.subDialog .saveDraft
{
	color: black;
	text-decoration: none;
	background-color: #F2E65C;
	border: 1px solid #F2E65C;
	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: #F2E65C;*/
/*	!*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: 60px;
	max-height: 60px;
        /*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;*/
}

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


.clSub th
{
	background-color: #8d9a93;
	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: #8d9a93;
	font-weight: normal;
	position: relative;
}

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

.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:first-child
{
	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: #8d9a93;
        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;	
}

.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: #bfcdc6;*/
	color: #0e960e8f;
}

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

#pageContents .legBtn a i:hover, #pageContents .legRight a i:hover
{
	color: #bfcdc6;
	/*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: #8d9a93;
	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;
}

.clDep .depOpt
{
	width: 70px;
}

.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: #bfcdc6 !important;
        transition: all 0.5s ease-in-out;
}

.clSub2 .highlightTdSortDir
{
	background-color: #bfcdc6 !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
{
	height: 100vh;
	display: flex;
}

#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: #8d9a93;*/
/*	--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: #8d9a93;*/
/*	color: #F2E65C;*/
/*	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 #F2E65C !important;
	border-radius: 10px;
	opacity: 0.95;
}

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

.bht_Edit:hover {
	background-color: #ffec00;
	border-radius: 50%;
	border: 1px solid #8d9a93;

}

.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: #8d9a93;
	color: white;
	font-size: 13pt;
}

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

.autoComplete_noHover.ui-state-active
{
	background-color: #8d9a93 !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;
	border-radius: 5px;
	/*border: 1px solid #acacac;*/
	/*font-size: 90%;*/
	/*box-shadow: 2px 2px #eaeaea;*/
}

.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%;
	/*background-color: #F2E65C3B;*/
}

.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 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;
}

.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: #77f29c30 !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;
	float:right;
}

/* 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: #F2E65C;
	/*color: #B1ABAF;*/
	color: #353435;
}

.pantone2021_reversed
{
	color: #F2E65C;
	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;
}


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

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

#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: center;
}

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

.botPad_10
{
	padding-bottom: 10px;
}


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

.pantone2021_var1
{
	background-color: #f9f19a;
	color: #8d9a93;
}

.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;
}

.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: #bfcdc6 !important;
}

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

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

#tabList .totRow td.groupTotal.grTotalCounter_2
{
	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 .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: 30px;
	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: #b0ccbd;
	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;
	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: #F2E65C;
	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
{
	margin-top: 10px;
	padding: 3px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#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

{
	width: 48%;
	padding: 0;
}

#fieldSelector .fsUl li
{
	width: 100%;
	padding: 6px;
	overflow: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#fieldSelector .swNum
{
	float: left;
	width: 20px;
	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;
}

#clf_leftSide.recordDeleted
{
	/*background-color: pink !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: #F2E65C;
	color: black;
	padding: 5px;
	border-radius: 5px;
}

.krm_thumbnail
{
	transition: all 0.3s ease-in-out;
	border: 1px solid transparent;
}

.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: #8d9a93;
	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: #8d9a93;
	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: #8d9a93;
	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: #F2E65C;
	transition: all 0.5s ease-in-out;
	border: 1px solid #F2E65C;
}

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

#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: #F2E65C;
	transition: all 0.5s ease-in-out;
	border: 1px solid #F2E65C;
	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: #F2E65C;
	transition: all 0.5s ease-in-out;
	border: 1px solid #F2E65C;
	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 #F2E65C;
	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;
}

.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;
	padding: 3px;
}

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

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

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

.filePickerLabel.btnFocused
{
	background-color: #F2E65C;
	border-radius: 4px;
}

.filePickerLabel .listSelFile
{
	display: none;
}

.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 .hidePicker
{
	display: none;
}

.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.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 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;
}

.krm_bluify_bkgr
{
	padding: 5px;
	background-color: #F2E65C;
	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: #8d9a93;
	color: white;
	border-radius: 5px;
	padding: 10px;
}

.btn_pantone2021Icon a
{
	color: white !important;
}

.btn_pantone2021Icon i
{
	color: #F2E65C;
	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;
}

.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;
}

.clusterStats li
{
	list-style-type: none;
	border-radius: 5px;
	margin-right: 5px;
	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;
}