.subGeneric
{
	background-color: white;
}

.subGeneric .ui-dialog-titlebar
{
	/*background-color: #ff9300 !important;*/
	/*border: 1px solid #ff9300 !important;*/
}

#spawned textarea, #spawned select, #spawned input, #spawned button 
{ 
	outline: none; 
}

#spawned .ui-widget.ui-widget-content 
{
	background-color: white;
}

#spawned #GenericWorkflow
{
	background-color: white !important;
	padding-bottom: 10px;
	min-height: 95%;
	overflow: auto;
}

#spawned #GenericWorkflow .ui-state-active
{
	background-color: #555 !important;
	border: 1px solid #99b3cc;
}

#spawned .genHeader
{
	background-color: #d7e1eb;
	padding: 5px;
	overflow: auto;
}

#spawned .genBody
{
	margin-top: 1px;
	padding: 7px 0px;
	overflow: auto;
}

#subGeneric_footer
{
	background-color: #e9e9e9 !important;
}

#spawned #contactActions
{
	width: 100%;
	position: relative;
	min-height: 350px;
	overflow: auto;
}

#spawned #contactActions .trHeader
{
}

#spawned #contactActions .trHeader td
{
	padding: 10px;
	text-align : center;
	font-size: 12pt;
}

#spawned #contactActions .trActions td
{
	text-align: center;
	font-size: 12pt;
}

#spawned #contactActions .trBody td
{
	text-align: center;
	width: 50%;
	min-height: 200px;
}

#spawned #contactActions .tdLeft
{
	width: 25%;
	height: 200px;
	border-right: 2px solid #d7e1eb;
	background-color: #d7e1eb;
	text-align: center;
	border-radius: 5px;
	vertical-align: middle;
}

#spawned #contactActions .tdRight
{
	/*width: 75%;*/
	padding: 10px;
	position: relative;
}

#spawned #contactActions #gwNote
{
	border: 2px dashed #aaa;
	color: #353535;
	height: 100px;
	border-radius: 5px 0px 0px 5px;
	resize: none;
	width: 68%;
	padding-left: 10px;
	padding-right: 88px;
	padding-top: 10px;
	background: url("/MODULES/GenericWorkflow/IMGS/notes_2.png") no-repeat 50% 50%/30%;
	float: left;
	margin: 0px;
	background-color: aliceblue;
	transition: all 0.5s ease-in-out;
	background-position: 100% 50%;
}

#spawned #contactActions .tdRight #gwNote:focus
{
	background-position: 100% 50%;
}

#spawned #contactActions .tdRight #gwNote:focus
{
	/*border: 2px dashed #d7e1eb;*/
}

/* DEPRECATED */
#spawned #contactActions .tdRight #fakeDiv
{
	opacity: 0.2;
	background: url("/MODULES/GenericWorkflow/IMGS/notes.png") no-repeat left 13px/24%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
}

/*
#spawned #contactActions .trBody td:first-child
{
	text-align: right;
	background-color: #d7e1eb;
	width: 30%;
	font-weight: bold;
	padding: 4px;
}
*/


#spawned #contactActions td img
{
}

#dropZone
{
	/*float:right;*/
	min-height: 108px;
	/*max-height: 270px;*/
	/*width: 98%;*/
	border: 2px dashed #aaa;
	border-radius: 0px 5px 5px 0px;
	background-image: url("/IMGS/dropIt.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15%;
	background-color: #9cbc911a;
	margin: auto;
	padding-top: 5px;
	cursor: pointer;
}



#dropZone:hover
{
	background-size: 19%;
}

#dropZone.hasItems
{
	/*background-image: none !important;;*/
}

#dropZone.hasItems:hover
{
	/*background-image: none !important;;*/
}

#dropZone:hover
{
	left: 0px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	background-image: url("/IMGS/dropped.svg");
}

#dropZone img
{
}

#dropZoneUl
{
	padding: 0px;
	margin: 0px;
	display: inline-flex;
	justify-content: left;
	flex-wrap: wrap;
	list-style-type: none;
	width: 100%;
	flex-direction: column;
}


#dropZoneUl li
{
	padding-top: 3px;
	padding-bottom: 5px;
	position: relative;
	margin-left: 4px;
	display: flex;
	flex: 1;
}

#dropZoneUl li:nth-child(odd)
{
	background-color: #d7e1eb;
}

#dropZoneUl div
{
	float: left;
	width: 20%;
	text-align: center;
}

#dropZoneUl li img
{
	border-radius: 3px;
	/*margin-bottom: 2px;*/
	max-width: 48px;
	max-height: 100px;
	margin: auto;
}

#dropZoneUl li textarea
{
	width: 96%;
	min-height: 10px !important;
	resize: none;
	height: 25px;
	margin-right: 4px;
	padding-top: 10px;
	font-size: 13px;
	margin-left: 14px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
	border-radius: 3px;
	margin-top: 0px;
}

#spawned #gwExistingNotes, #spawned #gwExistingFiles
{
	background-color: #eaeaea;
	padding:10px 0px;
}

#spawned #gwExistingNotes table, #spawned #gwExistingFiles table
{
	width: 100%;
	text-align: center;
}

#spawned .gwExFi
{
	min-height: 120px;
	overflow: auto;
}

#spawned .gwExFi.exNotes
{
	display: flex;
	flex-flow: wrap;
	transition: all 0.5s ease-in-out;
}


#spawned .tdLeft .smlPicFlex
{
	display: inline-flex;
	flex-wrap: wrap;
}

#spawned .tdLeft .smlPic
{
	width: 33px;
	cursor: pointer;
}

#dropZoneUl .c1
{
	width: 60px;
	float:left;
}

#dropZoneUl .c1 span
{
	font-size: 8pt;
}

#dropZoneUl .c11
{
	font-size: 8pt;
	flex: 1;
}

#dropZoneUl .c11 aside
{
	display: flex;
	width: 100%;
}

#dropZoneUl .c31
{
	display: flex;
	justify-content: space-evenly;
	width: 100%;
}

#dropZoneUl .c2
{
	margin-left: 1px;
	width: 75%;
	text-align: left;
	word-break: break-all;
}

#dropZoneUl .c3
{
	float: right;
}

#dropZoneUl .c4
{
	float: left;
	width: 65px;
	margin-top: -6px;
}

#dropZoneUl .c4 img
{
	width: 50px;
	height: 10px;
}

#dropZoneUl .c5
{
	float: right;
	width: 40px;
}

#dropZoneUl .c12
{
	float: right;
	width: 18px;
}

#dropZoneUl .c12 img
{
	width: 16px;
	cursor: pointer;
}


.c1 img
{
	margin-top: 5px;
}

#dropZoneUl #dropExplain
{
	text-align: center;
	background-color: white;
	color: #ff9300;
	border: 1px solid #dadada;
	border-radius: 5px;
	font-size: 10pt;
	padding-top: 8px;
	width: 48.5%;
	margin-bottom: 3px;
	background-image: url("/IMGS/dropIt.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35px;
	height: 60px;
	transition: all 0.5s ease-in-out;
}

#dropZoneUl #dropExplain:hover, #dropZoneUl #imageUploaderBtnV2:hover
{
	cursor: pointer;
	/*background-image: url("/IMGS/dropped.svg");*/
}

.genWkf_upload, #spawned .genWfk_save
{
	text-align: right;
	overflow: auto;
}

.genWfk_save img.imgSave
{
	width: 25px;
	cursor: pointer;
}

.genWfk_save img.imgPlus
{
	width: 16px;
	cursor: pointer;
}

.genWfk_save img
{
	width: 30px;
	cursor: pointer;
}

#clf_dialog_footer span
{
	/*color: #353535;*/
}

#spawned .wkNs 
{
	background-color: #ff9;
	float: right;
	color: white;
}

#spawned .wkNs:hover
{
	background-color: #d8f0d4;
}

#spawned .wkNs a
{
	color: #353535 !important;
	font-weight: bold;
	display: flex;
	align-items: center;
}

#spawned .wkOth
{
	background-color: #8A8A8a;
	color: black;
}

#spawned .wkAct a
{
	color: black !important;
}

#spawned .ui-tabs-nav li b
{
	padding: 3px;
	background-color: white;
	border: 1px solid black;
	text-align:center;
	border-radius: 50%;
	color: black !important;
	width: 19px;
	display: inline-block;
}

#spawned .ui-tabs-nav li img
{
	padding: 3px;
        background-color: white;
        border: 1px solid #ff9300;
        text-align:center;
        border-radius: 50%;
        color: black !important;
        width: 16px;
}

#spawned .ui-tabs-nav li img.wkfSpecIcon
{
	width: 25px;
        border: none;
        border-radius: 5px;
}

#spawned .ui-tabs-nav li .div_floated
{
	margin-left: 5px;
}

#spawned .tabs-hist
{
	display: flex;
	align-items: center;
}

#spawned .genWkf_headerNote
{
	text-align: left;
	padding: 10px 0px 5px 0px;
	display: flex;
	justify-content: space-between;
}

#spawned .genWkf_headerNote .btn_blackForeground
{
	font-size: 10pt;
}

#spawned .genWkf_headerFiles
{
	/*width: 60%;*/
	text-align: left;
	/*float: left;*/
	padding: 10px 0px 0px 3px;
	font-size: 12pt;
}


#spawned .exNotes
{
	/*width: 38%;*/
	/*float: left;*/
}

#spawned .exFiles
{
	/*width: 60%;*/
	display: flex;
	flex-flow: wrap;
	margin-left: auto;
	margin-right: 2px;
	justify-content: space-between;
	transition: all 0.5s ease-in-out;
}

#spawned .exFiles .gwFileList
{
	display: none;
}

.gwOneNote
{
	background-color: aliceblue;
	padding: 4px;
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
	opacity: 0.8;
	width: 100%;
}

.gwOneNote b.noteIdxDel
{
	position: absolute;
	padding: 3px;
	width: 14px;
	height: 13px;
	background-color: white;
	color: black;
	border-radius: 50%;
	text-align: center;
	font-weight: normal;
	border: 1px solid var(--krm_col_2);
	margin-top: 4px;
	font-size: 8pt;
	margin-left: 2px;
	transition: all 0.5s ease-in-out;
}

.gwOneNote b.noteIdxDel:hover
{
        background-color: red;
	border: 1px solid red;
	border-radius: 2px;
        color: white;
}

.gwDiv span
{
	/*font-size: 8pt;*/
}

.gwImap .dateImap
{
	margin-right: 20px;
	font-size: 9pt;
	margin-left: 8px;
}



.gwImapContent
{
	max-height: 300px;
	overflow: hidden;
}

.gw_imapToCc .subjectImap
{
	font-size: 120%;
}

.gw_imapBody
{
	color: var(--krm_col_2_sel);
	padding-left: 3px;
}

.gw_imapBody p
{
	margin: 2px 0px;
}


.gwOneMail .gw_imapSubject
{
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px dotted grey;
	margin-bottom: 5px;

}

.gwOneMail .gw_imapToCc
{
	adding-bottom: 3px;
	border-bottom: 1px dotted grey;
	margin-bottom: 5px;
	line-height: 22px;
	margin-top: 3px;
	padding-left: 2px;
}

.gwImap .statusImap
{
	margin-left: auto;
	margin-right: 10px;
}

.gwImap .subjectImap
{
	font-weight: bold;
}

.gwDiv .mail_direction
{
	margin-left: 25px;
}

.gwOneNote p.noteTextHolder
{
	padding-left: 5px;
	display: table-cell;
}

#spawned .gwOneNote div.full
{
	color: black;
	padding: 6px;
	width: 96%;
	align-items: center;
	text-align: left;
	font-size: 8pt;
	border-top: 1px dotted #aeaeae;
	display: flex;
	flex-direction: row;
}

#spawned .gwOneNote div.full img
{
	width: 18px;
}

#spawned .gwOneNote div.full span
{
	margin-top: 2px;
}

.gwOneNote a:hover
{
	text-decoration: none;
}

.gwOneNote a.full
{
	width: 97%;
}

.gwOneNote:hover
{
	opacity: 1;
}

.gwOneNote .gwDiv
{
	background-color: #b2defe;
	overflow: auto;
	padding: 3px;
	border-top: 2px solid #99b3cc;
	display: flex;
	align-items: center;
}


#spawned .gwOneNote div.wkfStatus
{
	margin-left: 5px;
}

#spawned .gwOneNote div.gwNoteContent
{
	overflow: auto;
	word-break: break-word;
}

#spawned .gwOneNote div.gwNoteContent p
{
	overflow: auto;
	word-break: break-word;
	margin: 1px;
}

/*#spawned .gwOneNote div.gwNoteContent strong*/
/*{*/
/*	font-size: 20pt;*/
/*	font-weight: normal;*/
/*	display: table-cell;*/
/*	padding-left: 5px;*/
/*}*/


/*FILES*/
#spawned .gwOneFile
{
	width: 32%;
	max-width: 270px;
	background-color: #9cbc911a;
	padding: 4px;
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 210px;
	transition: all 0.5s ease-in-out;
	word-break: break-word;
}

#spawned .gwOneFile:hover
{
}

#spawned .gwOneFile a img
{
	max-height : 100px;
	margin-top: 1px;
	border: 1px solid #cacaca;
	max-width: 100%;
}

#spawned .gwOneFile b
{
	position: absolute;
	padding: 3px;
	width: 14px;
	height: 13px;
	font-size: 8pt;
	background-color: white;
	color: black;
	border-radius: 50%;
	text-align: center;
	left: 7px;
	font-weight: normal;
	border: 1px solid #cacaca;
	margin-top: 2px;
}

#spawned .gwOneFile b:hover
{
	background-color: red;
	color: white;
	border: 1px solid red;
	border-radius: 2px;
}


#spawned .gwOneFile .gwDiv
{
	background-color: #e8e8e8;
	overflow: auto;
	padding: 3px;
	text-align: left;
	/*border-top: 2px solid #9a9a9a;*/
	display: flex;
        align-items: center;
	min-height: 20px;
}

#spawned .gwOneFile .gwSel
{
        background-color: #eee072 !important;
        overflow: auto;
        padding: 3px;
        text-align: left;
        /*border-top: 2px solid #9a9a9a;*/
        display: flex;
        align-items: end;
        min-height: 20px;
}


#spawned .gwOneFile a
{
	color: black;
	padding: 2px;
	display: inline-block;
	text-align: center;
	font-size: 8pt;
}


#spawned .gwOneFile a:hover
{
	text-decoration: none;
}

#spawned .gwOneFile div.full
{
	width: 97%;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: left;
        color: black;
        padding: 6px;
        align-items: center;
        font-size: 8pt;
	border-top: 1px dotted #cacaca;
}

#spawned .gwOneFile div.full img
{
	border: none;
        width: 18px;
	margin-top: 0px;
}

#spawned .gwOneFile .gwDiv span
{
	font-size: 8pt;
}

#spawned .gwOneFile p
{
	margin-top: 10px;
	font-size: 9pt;
}

#spawned .gwOneFile p em
{
	word-wrap: anywhere;
}

#spawned .gwOneFile em, #spawned .gwOneNote em
{
	font-size: 80%;
}

#spawned .clSubBtns
{
	margin-top: 2px;
	margin-left: 4px;
}

#spawned .gwOneFile div.wkfStatus
{
	margin-left: 5px;
}

#GenericWorkflow a[href="#tabs-ns"]
{
	transition: all 0.5s ease-in-out;
}

#spawned .gwFileHiglighted
{
	background-color: #b2defe;
}

#spawned .gwFileLowlighted
{
	opacity: 0.1;
}

#spawned .gwOneNote.gwFileLowlighted
{
	opacity: 0.3 !important;
}
#spawned #imgRel
{
	width: 100%;
	background-color: #eadfcc;
	text-align: center;
	padding-top: 10px;
	height: 40px;
	font-weight: bold;
}

#spawned #imgRel.variant
{
	background-color: #e6b879 !important;
}

#spawned #imgRel a
{
	color: navy !important;
	font-size: 80%;
	font-weight: normal;
}

#spawned #tabs-notes #modalOverlay
{
	position: absolute;
	min-height: 89px;
	background-color: white;
	width: 99%;
	opacity: 0.9;
	text-align: center;
	padding-top: 100px;
	padding-right: 3px;
	z-index: 9999;
}

#spawned .wkfEmpty
{
	margin: auto;
	margin-top: auto;
	padding: 10px;
	/*background-color: #ffc0cb38;*/
	text-align: center;
	font-style: italic;
	width: 92%;
	border-radius: 0px 0px 5px 5px;
	margin-top: 4px;
	/*border-top: 2px solid pink;*/
}

#spawned .trNotifications 
{
	text-align: center;
	font-size: 12pt;
}

#spawned .trNotifications td
{
	height: 20px;
}

#spawned .trNotificationsHighlight
{
	display: table-row !important;
}

#spawned .trNotificationsHighlight td
{
	height: 35px !important;
}

#spawned .trNotifications div
{
	background-color: #ff930021;
	color: black;
	padding: 7px 7px 7px 37px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid gray;
	background-image: url("/IMGS/save_must_3.png");
	background-repeat: no-repeat;
	background-position: 7px 50%;
	background-size: 25px 25px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	box-sizing: border-box;
	border-top: 1px solid #cecece;
	font-size: 10pt;
	margin-bottom: 6px;
}

#spawned .gwSpecFile {
	float: right;
	background-color: #f6f6f6;
	border-radius: 5px;
	padding: 1px 5px 1px 5px;
	border: 1px solid #ff9300;
	margin-bottom: 5px;
	width: 280px;
	text-align: center;
}

#spawned .gwSpecFile select{
	width: 200px;
	font-size: 80%;
}

/* 10/08/2023 -> DELETED */
/*#spawned #modalPDF*/
/*{*/
/*	position: absolute;*/
/*	margin-top: -48px;*/
/*	min-height: 600px;*/
/*	background-color: white;*/
/*	width: 99%;*/
/*	opacity: 0.93;*/
/*	!*text-align: center;*!*/
/*	padding-right: 3px;*/
/*	z-index: 9999;*/
/*}*/

#spawned #modalPDF #modalPdfClose
{
	background-color: #fb5a5a;
	color: white;
	padding: 5px;
	float: right;
	width: 20px;
	cursor: pointer;
	text-align: center;
	margin-top: 9px;
	font-weight: bold;
	font-size: 10pt;
}

#spawned #modalPDF #workZone
{
	display: flex;
	height: max-content;
	min-height: 230px;
	margin-top: 0px;
	flex-direction: column;
}

#spawned #modalPDF #workZoneLeft
{
	width: 100%;
	padding-top: 3px;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: var(--krm_col_1);
}

#spawned #modalPDF #workZoneLeft .divWithVar
{
	margin: 3px 5px;
	background-color: #cacaca;
	padding: 4px 5px;
	box-shadow: 2px 2px 3px #604444;
	border-radius: 3px;
	min-width: 23%;
}

#spawned #modalPDF #workZoneLeft .divWithVar input, #spawned #modalPDF #workZoneLeft .divWithVar select
{
	width: 96%;
	border: 1px solid white;
}


#spawned #modalPDF #workZoneRight {
	flex: 1;
	padding: 3px;
	text-align: left;
	/*border: 3px dotted #99b3cc;*/
}

#spawned #modalPDF #genWkfVars
{
	text-align:left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	display: none;
}

#spawned #modalPDF #genWkfVars input {
	text-align:center;
	padding: 1px;
	cursor: help;
}

#spawned #modalPDF #workZoneRight blockquote
{
	width: 50% !important;
	background-color: #e0f2f1 !important;
}

#spawned #modalPDF #modalTitle
{
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
}

#spawned #modalPDF #modalTitle em
{
	font-size: 80%;

}

#spawned #modalPDF #modalSavePdf1,#spawned #modalPDF #modalSavePdf2
{
	margin-left: 20px;
	float: right;
	margin-top: -4px;
}

#spawned #modalEml #modalSaveEmail
{
	padding: 0px 0px;
	float: right;
	margin-right: 5px;
}

#spawned .wkActEml
{
	display: flex;
	width: 450px;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-basis: 100%;
}

#spawned .wkActEml i
{
	font-size: 20pt;
	width: 70px;
}

#spawned .wkActEml i.fa-check-to-slot, #spawned .krmFa-green
{
	color: #282;
}

#spawned .wkScheduleEml
{
	width: 100px;
}


#spawned #modalPDF #modalSaveEmail .wkAct:hover
{
	text-decoration: none;
}

#spawned #modalPDF #modalResetEmail
{
	padding: 11px 0px;
	float: left;
}

#spawned #modalPDF #modalResetEmail.default
{
	display:none;
}

#spawned #modalPDF #modalResetEmail.active
{
	display: block;
}

#spawned #modalPDF #modalSaveEmail.default
{
	background-color: white;
}

#spawned #modalPDF #modalSaveEmail.active
{
	background-color: #A4D166;
}

#spawned #modalPDF #modalResetPdf
{
	padding: 3px 0px;
}

#spawned #modalPDF #modalSavePdf1 a,
#spawned #modalPDF #modalSavePdf2 a,
#spawned #modalPDF #modalSaveEmail a,
#spawned #modalPDF #modalResetEmail a,
#spawned #modalPDF #modalResetPdf a
{
	padding: 6px;
}


#spawned #modalPDF .wkAct
{
	border-radius: 4px;
	border: 1px solid var(--krm_col_1);
	width: 30px;
	display: block;
	float: right;
	text-align: center;
	background-color: var(--krm_col_1);
	transition: all 0.5s ease-in-out;
	font-size: 12pt;
	color: black;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	cursor: pointer;
}

#spawned #modalPDF .wkAct:hover
{
	color: #3668c9;
	border: 1px solid #3668c9;
}

#spawned #modalPDF #modalFileName
{
	/*background-color: #cacaca;*/
	padding: 3px 6px;
	/*border-radius: 5px;*/
	text-align: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-top: 5px solid var(--krm_col_1);
	border-right: 5px solid var(--krm_col_1);
	border-left: 5px solid var(--krm_col_1);
}

#spawned #modalPDF #genWkfProposedFileName
{
	text-align: right;
}

#spawned #modalPDF #modalFileName input[type='text']
{
	width: 200px;
	background-color: #e9e9ed;
	border: 1px solid #cecece;
	padding: 3px 1px;
}

#spawned #modalPDF #modalFileName textarea
{
	width: 300px;
	resize: none;
	height: 24px;
	font-size: 10pt;
}

#spawned #modalPDF #modalFileName div.flexStretched
{
	padding: 3px;
}

#spawned #modalPDF .mfnButtons
{
	width: 130px;
	text-align: right;
	padding-top: 3px;
}

#spawned #modalPDF .mfnDesc
{
}

#spawned #modalPDF .pdfOptions
{
	display: none;
}

#spawned #modalPDF #modalOptions
{
	width: 100%;
	overflow: auto;
}

#spawned #modalPDF #modalSelPdfHistory
{
	margin-right: 10px;
}

#spawned #modalPDF .pdfHistory
{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: 6px;
	margin-bottom: 8px;
}

#spawned #modalPDF .pdfHistory #generatedFile
{
	margin-left: 4px;
	flex: 1;
}

#spawned #modalPDF .pdfHistory #generatedFile a
{
	color: rgba(16, 111, 180, 1);
}

#spawned #modalPDF .pdfHistory #modalResetPdf
{
	margin-left: 10px;
}

#spawned #modalPDF .pdfHistory .genFileTab
{
}

#spawned #modalPDF .pdfHistory .genFileTab td
{
	padding: 0px 5px;
}


#spawned #selPdfVersions
{
	max-width: 220px;
	font-size: 9pt;
}

/* grid */
/*
.pageContentsFlex .gwFileGrid
{
	display: grid;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}

#spawned .gwFileGrid a
{
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}
*/
/*#spawned #modalPDF #genWkfVars input:focus {*/
/*	background-color: cyan;*/
/*	border: 1px solid white;*/
/*}*/

#spawned #modalPDF #modalEmail
{
	background-color: #eaeaea;
	padding: 3px;
}

#spawned #modalPDF #modalEmail table
{
	width:100%;
}

#spawned #modalPDF #modalEmail table td:first-child
{
	width: 8%;
	min-width: 64px;
}

#spawned #modalPDF #modalEmail input[type='text']
{
	width: 99%;
}

#spawned #modalPDF .genWkf_emailValid
{
	text-align: center;
	background-color: white;
	border: 1px solid #ff9300;
	border-radius: 5px;
	width: 50%;
}

#spawned .tdWithVar
{
	word-break: break-all;
	font-size: 7pt;
	font-weight: bold;
	/*background-color: #0c0c0c;*/
	/*color: white;*/
	padding: 1px;
}

#spawned .notifTab1
{
	/*margin: auto;*/
	padding: 2px;
	background-color: white;
	width: 50%;
}

#spawned .notifTab2
{
	/*margin: auto;*/
	padding: 2px;
	background-color: white;
	margin-left: 10px;
	max-width: 48%;
	width: 48%;
}

#spawned .notifTab2 img
{
	width: 25px;
}

#spawned .notifTab1 th
{
	font-size: 12pt;
	font-weight: normal;
}

#spawned .notifTab1 tr.notifNormal td:first-child, #spawned .notifTab2 tr.notifNormal td:first-child
{
	background-color: lightgrey;
	text-align: right;
	width: 30%;
}

#spawned .notifOpt1
{

}

#spawned .notifTab1 td:nth-child(2) {
	text-align: left;
}

#spawned .notifTab1 a, #spawned .notifTab2 a
{
	background-color: #A4D166;
	padding: 5px;
	float:right;
	color: black;
	border-radius: 3px;
}

#spawned .notifTab2 a
{
	float: left;
	width: 97%;
}

#spawned .notifTab2 a.wkfMandatory
{
	background-color: #ff5500;
	color: white;
}

#spawned .notifTab2 a.wkfMandatoryHighlight
{
	background-color: pink;
	color: black;
}

#spawned .genWkf_divFlex
{
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}


#spawned .genWkf_divFlex .wkfTitle
{
	width: 100%;
	text-align:left;
	font-size: 110%;
	padding-bottom: 13px
}

#spawned #genWkf_attList
{
	text-align: left;
	width: 90%;
}

#spawned #genWkf_attList em
{
	/*font-size: 80%;*/
	font-style: normal;
}

#spawned #genWkf_attList ol
{
	padding: 0px;
	padding-left: 15px;
	margin: 0px;
	/*font-size: 80%;*/
}
#spawned .wkfLiRemover
{
	font-size: 8pt;
	background-color: red;
	color: white;
	padding: 1px 2px 3px 2px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	width: 13px;
	cursor: pointer;
	float: left;
	margin-right: 5px;
}

.selectize-dropdown [data-selectable]
{
	padding-left: 10px;
}

#spawned .genWkf_sendFilesList
{
	list-style-type: none;
}

#spawned .genWkf_sendFilesList li
{
	padding: 2px;
	margin-bottom: 2px;
}

#spawned .gwSeparator
{
	width: 32%;
	max-width: 270px;
}

#spawned #wkfAttList
{
	color: rgba(16, 111, 180, 1);
}

#spawned .gwFileGrid .gwDiv
{
	cursor: copy;
}

/* Selectize of emails override */
.selectize-control.multi .selectize-input [data-value]
{
	background-color: var(--krm_col_1);
	color: black !important;
	background-image: inherit !important;
	border: 1px solid #e2dfb8 !important;
}

.selectize-control.multi .selectize-input [data-value]
{
	text-shadow: inherit !important;
}

.selectize-input span[class='name'], .selectize-dropdown-content span[class='label']
{
}

.selectize-input span[class='email'], .selectize-dropdown-content span[class='caption']
{
	font-weight: bold;
}

.selectize-input span[class='email']:before
{
	content: "<";
}

.selectize-input span[class='email']:after
{
	content: ">";
}



.fileRow:hover
{
	background-color: #F2E65C3B !important;
	transition: all 0.5s ease-in-out;
	cursor: pointer;
}

#spawned #wkfEmailContainer
{
	margin-top: 12px;
}

#spawned #wkfEmailContainer article
{
	width: 100%;
}

#spawned .emlPreview
{
	text-align: left;
	padding: 3px;
	font-weight: bold;
	margin-bottom: 3px;
	float:left;
}


#spawned #selEmlTemplate
{
	max-width: 50%;
}

#spawned .emlTplInvisible
{
	display: none;
}

#spawned .notifNormal section.modMiniContent
{
	height: 100px;
	overflow: auto;
	border-top: 1px dotted gray;
	font-size: 90%;
	color: #343434;
}

#spawned .notifNormal section.modMiniContent img
{
	width: 50px;
}

#spawned #contactActions .wkfTitle
{
	background-color: white;
	display: block;
	padding: 3px;
	box-shadow: 2px 2px 2px gray;
	border-radius: 3px;
}

#spawned .notifAssignment
{
	border-bottom: 1px dotted grey;
	text-align:left;
	padding: 10px 0px !important;
}

#spawned .notifAssignmentImg
{
	text-align: center;
}

#spawned .notifAssignment .wkfChangeAssignment
{
	color: #3668c9;
	font-style: normal;
}

#spawned .notifAssignment .wkfChangeAssignment:hover
{
	cursor: pointer;
	text-decoration: underline;
}

#spawned #tabs-notes
{
}

#spawned #tabs-notes .noteContainer
{
	margin: auto;
	overflow: auto;
	display: flex;
	justify-content: space-between;
}

#spawned #tabs-notes .note_div
{
	float: left;
	width: 48%;
	padding: 10px;
	min-height: 55vh;
	border-radius: 5px;
}

#spawned #tabs-notes .note_add
{
	/*background-color: #eaeaea70;*/
}

#spawned #tabs-notes .note_existing
{
	margin-top: 32px;
}

#spawned #tabs-notes .note_add  .ck-editor__editable
{
	background: url("/MODULES/GenericWorkflow/IMGS/notes_2.png");
	background-repeat: no-repeat;
	background-position: 99% 99%;
	background-size: 20%;
}


#spawned #tabs-notes #gwNote
{
	min-height: 200px;
	width: 90%;

}

/* The PDF templates list */
#spawned #modalPDF .pdfSelector, #spawned #modalEml .emlSelector
{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 10px 0px;
}

#spawned #modalPDF .pdfSelector .pdfModel:last-child, #spawned #modalEml .emlSelector .emlModel:last-child
{
}

#spawned #modalPDF .pdfModel, #spawned #modalEml .emlModel
{
	width: 49%;
	border-radius: 5px;
	background-color: #eaeaea;
	align-items: center;
	justify-content: left;
	margin-bottom: 5px;
	transition: all 0.5s ease-in-out;
	margin-right: 5px;
	flex-wrap: wrap;
	min-width: 200px;
	border: 2px solid #cecece;
	order: 999;
	display: flex;
}

/*#spawned #modalPDF .pdfModel {*/
/*	background-image: url(/IMGS/extensions/pdf-transparency.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 100% 100%;*/
/*	background-size: 60px;*/
/*}*/

#spawned .wkf_invisibleFlexItem
{
	width: calc(100%/5);
	order: 100;
}

#spawned .wkf_linkedFilter
{
	order: 25;
}

#spawned .wkf_linkedPartialId
{
	border: 2px dashed var(--krm_col_1) !important;
}

#spawned .wkf_noLinkedFilter
{
	/*display: none !important;*/
	/*opacity: 0.5;*/
}

#spawned .wkf_noLinkedFilter:hover
{
	opacity: 1;
}

#spawned .pdfOrder1 .pdfIcon, #spawned .pdfOrder1 .pdfDetails
{
	/*display: none !important;*/
}

#spawned #modalPDF .pdfNeutral, #spawned #modalEml .emlNeutral
{
	width: 40%;
	margin-bottom: 10px;
	font-size: 13pt;
	color: #727272;
}

#spawned #modalEml .emlModel
{
	width: 49%;
	min-width: 300px;
}

#spawned .tplClassicSelector
{
	width: 50%;
	display: flex;
	padding: 5px 5px 5px 20px;
	border-radius: 5px;
	background-color: white;
	align-items: center;
	justify-content: left;
	margin-bottom: 5px;
	transition: all 0.5s ease-in-out;
	margin-right: 5px;
	border: 2px solid var(--krm_col_2);
	order: 1;
}

#spawned .tplClassicSelector #emlSelClassic, #spawned .tplClassicSelector #pdfSelClassic
{
	width: 100%;
	align-self: normal;
	border: transparent;
	background-color: white;
}

#spawned .tplClassicSelector .selectize-control,
#spawned .tplClassicSelector .selectize-input {
	width: 100%;
}


#spawned #modalPDF .pdfModel:hover, #spawned #modalEml .emlModel:hover
{
	background-color: #e7f4f9;
	cursor: pointer;
}

#spawned #modalPDF .pdfModel span, #spawned #modalEml .emlModel span
{
	font-weight: bold;
	font-size: 10pt;
}

#spawned #modalPDF .pdfCounter span, #spawned #modalEml .emlCounter span
{
	font-size: 18pt;
	background-color: white;
	width: 30px;
	color: black;
	border-radius: 50%;
	margin: auto;
	margin-top: 3px;
	float:left;
}


#spawned #modalPDF .pdfIcon, #spawned #modalEml .emlIcon
{
	max-width: 100px;
	text-align: center;
	margin-right: 10px;
	font-size: 28pt;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 auto;
}

#spawned #modalEml .emlIcon i
{
	font-size: 34pt;
}

#spawned #modalPDF .pdfIcon img
{
	width: 53px;
}

#spawned #modalPDF .pdfDetails, #spawned #modalEml .emlDetails
{
	display: flex;
	justify-content: inherit;
	width: 100%;
}

#spawned #modalEml .emlDetails
{
	flex: 1;
}

#spawned #modalPDF .pdfOrigin, #spawned #modalEml .emlOrigin
{
	/*flex: 1;*/
	padding: 5px;
	width: 40%;
	align-self: center;
}

#spawned #modalPDF .pdfDetails p, #spawned #modalEml .emlDetails p
{
	margin: 3px 0px !important;
}

#spawned #modalPDF .pdfDetails i, #spawned #modalEml .emlDetails i
{
	/*color: #a47e0b;*/
}

#spawned #modalPDF .pdfFwup
{
	display: none;
}

#spawned #modalPDF .pdfOrder1 .pdfFwup
{
	display: flex;
	flex: 0 0 100%;
	margin-top: 5px;
}

#spawned #modalPDF .pdfOrder1 .pdfFwup i
{
	color: #098409a1;
	font-size: 36pt;
}

#spawned #modalPDF .initialsObj
{
	display: inline-block;
	font-weight: normal !important;
	font-size: 8pt !important;
}

#spawned .pdfAlready_fwup
{
	font-size: 7pt;
}

#spawned .pdfAlready_fwup .pa_user
{
	font-weight: normal !important;
	font-size: 7pt !important;
	margin-top: 1px;
}

#spawned .pdfAlready_fwup .pa_date
{
	font-size: 9pt;
	margin-top: 5px;
}

#spawned .pdfAlready_fwup .pa_date:hover
{
	text-decoration: none;
}


#spawned #modalPDF .pdfCounter, #spawned #modalEml .emlCounter
{
	width: calc(100%/6);
	padding: 10px 20px;
	margin-bottom: 5px;
	font-size: 12pt;
	text-align: center;
	border-radius: 5px;
	background-color: var(--krm_col_2);
	color: white;
	display: flex;
	align-items: center;
}

#spawned #modalEml .emlCounter
{
	width: calc(100%/4 - 10px);
}

#spawned #modalPDF .pdfCounter i, #spawned #modalEml .emlCounter i
{
	color: var(--krm_col_1);
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}

#spawned #modalPDF .pdfCounter i:hover, #spawned #modalEml .emlCounter i:hover
{
	color: white;
}

#spawned #modalPDF .pdfCounter:hover, #spawned #modalEml .emlCounter:hover
{

}

#spawned #modalPDF .pdfLoaded, #spawned #modalEml .emlLoaded
{
	background-color: var(--krm_col_1);
	border-radius: 5px;
	display: flex !important;
}

#spawned .note_div .ck-editor__editable_inline
{
	min-height: 400px;
}

#spawned table.detFileTable tr.gallery_tr_column
{
	width:calc(100% / 3 - 18px);
	min-width: 180px;
}

#spawned #workZoneLeft_eml
{
	display: none;
}

#spawned #MOD_SUBJECT
{
	border: 1px solid #d0d0d0;
	padding: 8px 8px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
	border-radius: 3px;
	width: 100%;
}

#spawned .emlHeader
{
	width: 60%;
}

#spawned .emlHeader td:first-child
{
	width: 100px;
}

#spawned #workZoneHeader_eml
{
	display: flex;
	justify-content: space-between;
	color: #595656;
	flex-wrap: wrap;
	width: 100%;
}

#spawned #workZoneReset_eml
{
	width: 100%;
	padding-top: 3px;
	background-color: var(--krm_col_1);
}

#spawned #emlToFrom
{
	background-color: #f2f2f2;
	padding: 5px 10px;
	width: 100%;
	display: flex;
}

#spawned #emlReset
{
	background-color: #f2f2f2;
	padding: 5px 0px 5px 12px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	min-height: 29px;
	align-items: center;
	border-top: 3px solid #fff;
	margin-bottom: 3px;
}

#spawned #emlReset.active
{
	/*background-color: #cacacaa3;*/
}

#spawned #modalValidateEmail
{
	margin-right: 10px;
	background-color: #fac7c7;
}

#spawned .default #modalValidateEmail
{
	text-align: center;
	border-radius: 3px;
	padding: 5px 10px;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}

#spawned .active #modalValidateEmail, #spawned .warning #modalValidateEmail
{
	text-align: center;
	border-radius: 3px;
	padding: 5px 10px;
	cursor: pointer;
	background-color: #edffd8;
	transition: all 0.5s ease-in-out;
}

#spawned .warning #modalValidateEmail
{
	background-color: #eee3bb;
}

#spawned #modalValidateEmail:hover
{
	color: rgba(16, 111, 180, 1);
}

#spawned #modalScheduleMail
{
	display: flex;
	align-items: stretch;
}

#spawned #modalScheduleMail .wkScheduleEml
{
	display: flex;               /* lets the icon center inside */
	justify-content: center;
	align-items: center;
	width: 50px;                 /* your previous size */
	font-size: 15pt;
	border-radius: 3px;
	cursor: pointer;
	align-self: stretch;
}

#spawned .wkBadge
{
	background-color: red;
	color: white;
	width: 23px;
	display: block;
	float: right;
	text-align: center;
	border-radius: 50%;
	margin-top: -6px;
	font-size: 12pt;
	margin-left: -10px;
	cursor: help;
}

#spawned .emlFiles
{
	margin-top: 2px;
	margin-left: 40px;
	width: 45%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#spawned .modalFake
{
	flex: 1;
}

#spawned #modalEml .emlOrder1, #spawned #modalPDF .pdfOrder1
{
	order: 1 !important;
}

#spawned #modalEml .emlOrder2, #spawned #modalPDF .pdfOrder2
{
	order: 20;
}

#spawned #modalEml .emlOrder3, #spawned #modalPDF .pdfOrder3
{
	order: 30;
}

#spawned #modalPdf
{

}

#spawned .pdfVariant__preview
{
	color: var(--krm_col_preview);
}

#spawned .pdfVariant__publish
{
	color: var(--krm_col_publish);

}

#spawned .pdfProduced, #spawned .emlProduced
{
	display: flex;
	flex: 1;
	justify-content: space-evenly;
	margin-left: 10px;
	border-left: 1px dashed gray;
}

#spawned .pdfProduced .producedPLeft, #spawned .emlProduced .producedPLeft
{
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	flex-direction: column;
	padding: 2px;
	border-radius: 5px;
	font-size: 9pt;
	justify-content: space-evenly;
}

#spawned .emlProduced
{
	justify-content: center;
	min-width: 230px;
	flex-direction: column;
	align-items: end;
}

#spawned .pdfProduced .producedPRight
{
	width: 70% !important;
	text-align: left;
	border-right: 1px dashed gray;
	padding: 0px 5px;
}

.parentDisplay
{
	text-align: right;
}

#spawned .pdfProduced:not(:has(.parentDisplay[data-has-filters='true'])) .producedPRight, #spawned .emlProduced:not(:has(.parentDisplay[data-has-filters='true'])) .producedPRight
{
	border-right: 0px !important;
}

#spawned .pdfProduced:not(:has(.parentDisplay)), #spawned .emlProduced:not(:has(.parentDisplay))
{
	display: none !important;
}

#spawned .pdfModel:has(.setDefaultHidden), #spawned .emlModel:has(.setDefaultHidden)
{
	display: none !important;
}


#spawned .pdfModel:not(:has(.parentDisplay)), #spawned .emlModel:not(:has(.parentDisplay))
{
	display: none !important;
}

#spawned .pdfModel:has(.setOrder40), #spawned .emlModel:has(.setOrder40)
{
	order: 40 !important;
}

#spawned .pdfModel:has(.setOrder30), #spawned .emlModel:has(.setOrder30)
{
	order: 30 !important;
}

#spawned .pdfModel:has(.setOrder20), #spawned .emlModel:has(.setOrder20)
{
	order: 20 !important;
}

#spawned .pdfModel:has(.setOrder10), #spawned .emlModel:has(.setOrder10)
{
	order: 10 !important;
}

#spawned .pdfModel:has(.setOrder5), #spawned .emlModel:has(.setOrder5)
{
	order: 5 !important;
}

.producedPLeft em
{
	padding: 1px;
	border-radius: 5px;
	font-style: normal;
	text-align: right;
}

.producedPLeft:has(.setHighlightLevel0)
{
	background-color: #7bdd90;
}

.producedPLeft:has(.setHighlightLevel1)
{
	background-color: rgba(154, 241, 186, 0.62);
	color: black;
}

.producedPLeft:has(.setHighlightLevel2)
{
	background-color: #f8e156;
	color: black;
}

.producedPLeft:has(.setHighlightLevel3)
{
	background-color: rgba(255, 238, 155, 0.84);
	color: black;
}

.producedPLeft:has(.setHighlightLevel4)
{
	background-color: rgba(255, 248, 209, 0.34);
	color: black;
}



#spawned .pdfAlready
{
	color: var(--krm_bor_1);
	flex: 0 0 85%;
	margin-left: 12px;
	text-align: left;
	font-size: 10px;
}

#spawned .pdfAlready .parentDisplay
{
	font-size: 9pt !important;
}


#spawned .separator-block
{
	width: 100%;
	border-bottom: 2px dashed #aaa;
	margin: 10px 0;
	order: 80;
	padding-bottom: 5px;
}

#spawned #modalEml .emlIcon a
{
	border-radius: 50%;
	background-color: red;
	width: 19px;
	display: block;
	text-align: center;
	font-size: 11pt;
	margin-top: 5px;
	font-weight: normal;
	color: white;
}

#spawned #modalEml a:hover
{
	text-decoration: none;
}


#spawned #modalEml .emlOptions
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#spawned #modalEml #fileGallery_eml
{
	display: none;
	width: 50%;
	background-color: #f2f2f2;
}

#spawned #modalEml #fileGallery_eml_source
{
	display: none;
}

#spawned #modalEml .ck.ck-editor
{
	width: 100%;
}

#spawned .fileIdxDel
{
	display: block;
	padding: 3px;
	width: 14px;
	height: 13px;
	background-color: white;
	color: black;
	border-radius: 50%;
	text-align: center;
	font-weight: normal;
	border: 1px solid var(--krm_col_2);
	font-size: 8pt;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	margin: auto;
}

#spawned .fiAlready
{
	margin-top: 10px;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	display: block;
	margin-left: auto;
	margin-right: 94px;
}

/*#spawned .emlFiles .fiAlready:hover*/
/*{*/
/*	color: rgba(16, 111, 180, 1);*/
/*}*/

#spawned #fileGallery_eml .wkFileHolder
{
	order: 99;
}

#spawned #fileGallery_eml .wkFileSelected
{
	/*order: 1;*/
	background-color: #F2E65C52;
	box-shadow: 6px 4px 4px 0px rgba(41, 74, 153, 0.5);
}

#spawned .emlAttachments
{
	margin-left: 5px;
}

#spawned .wkAddModel
{
	text-align: center;
	margin-left: auto;
	font-size: 11pt;
	order: 999;
}

#spawned .fileSource-global, #spawned .fileSource-parents
{
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 15px;
	cursor: pointer;
}

#dropZoneUl div.file_tag
{
	float: left;
	width: 97.7%;
	text-align: initial;
}

#dropZoneUl div.file_tag div.selectize-control, #dropZoneUl div.file_tag div.selectize-control div.selectize-input
{
	width: 100%;
	text-align: justify;
	min-height: 40px;
}

#dropZoneUl div.file_tag div.selectize-control div.item
{
	width: auto;
}

.redClassT1
{
	font-weight: normal;
	font-size: 8pt;
	background-color: #fe5131 !important;
	color: white;
}

#spawned #SubmodulePreloader
{
	position: absolute;
	opacity: 0.90;
	width: 100%;
	background-color: white;
	height: 313vh;
	z-index: 9999;
}

#emlSchedulingOptions .emlSch_mainTable
{
	width: 100%;
	text-align: center;
}

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

#emlSchedulingOptions .emlSch_mainTable input
{
	width: 30px;
	text-align: center;
}

#emlSchedulingOptions .emlSch_mainTable .disabledLine
{
	color: #a41e1e;
	font-style: italic;
}

#emlSchedulingOptions .emlSch_mainTable .scheduledLine .emlSch_status
{
	color: green;
	font-weight: bold;
}


#emlSchedulingOptions .emlSch_mainTable th
{
	background-color: var(--krm_col_2);
	color: white;
	padding: 5px;
}