#spawned body {
	margin: 40px 10px;
	padding: 0;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
}

#spawned 
{
	background-color: white;
}

#spawned table td:first-child
{
	font-weight: normal !important;
	padding-top: 0px !important;
}

#krmCalendar {
	max-width: 90%;
	min-width: 50%;
	height: 300px;
	margin: 0 auto;
	background-color: white;
	/*display:none;*/
	opacity: 1;
	padding: 5px;
	border-radius: 10px;
	box-shadow: 5px 10px 12px #a4a4a4;
	border-top: 1px solid #e0e0e0;
}

.krmCal_addNew
{
	display: flex;
	justify-content: space-between;
}



/* Event and Agenda colours */
.mod_agenda__pink
{
	background-color: pink !important;
	color: black !important;
}

.mod_agenda__blue
{
	background-color: #99b3cc !important;
	color: white !important;
}

.mod_agenda__green
{
	background-color: #b0ccbd !important;
	color: black !important;
}

.mod_agenda__orange
{
	background-color: #ff5500 !important;
	color: white !important;
	opacity: 0.85;
}

.mod_agenda__yellow
{
	background-color: var(--krm_col_1);
	color: black !important;
}

.mod_agenda__violet
{
	background-color: #8359a3 !important;
	color: white !important;
}

.mod_agenda__grey
{
	background-color: #343434 !important;
	color: white !important;
}

.mod_agenda__lime
{
        background-color: lime !important;
        color: black !important;
}

.mod_agenda__cyan
{
        background-color: cyan !important;
        color: black !important;
}

.mod_agenda__red
{
        background-color: #c62121 !important;
        color: white !important;
}

/* BEN -> 27/09/2023 -> New colors, more adapted to the theme of KRM pantone 2021 */
.mod_agenda__p1
{
	background-color: #7986cb !important;
	color: white  !important;
}

.mod_agenda__p2
{
	background-color: #33b679  !important;
	color: white  !important;
}

.mod_agenda__p3
{
	background-color: #8e24aa !important;
	color: white !important;
}

.mod_agenda__p4
{
	background-color: #e67c73 !important;
	color: white !important;
}

.mod_agenda__p5
{
	background-color: #f6c026 !important;
	color: white  !important;
}

.mod_agenda__p6
{
	background-color: #f5511d !important;
	color: white !important;
}

.mod_agenda__p7
{
	background-color: #039be5 !important;
	color: white !important;
}

.mod_agenda__p8
{
	background-color: #616161  !important;
	color: white !important;
}

.mod_agenda__p9
{
	background-color: #3f51b5  !important;
	color: white !important;
}

.mod_agenda__p10
{
	background-color: #0b8043  !important;
	color: white !important;
}

.mod_agenda__p11
{
	background-color: #d60000  !important;
	color: white !important;
}

/* <---- EO Colours */

#krmCalendar a:hover
{
	/*color: black;*/
	text-decoration: inherit !important;
	cursor: pointer;
}

.fc-unthemed .fc-list-item:hover td {
	background-color: inherit !important;
}

#krmCal_addEvent table
{
	width: 100%;
}

#krmCal_addEvent table td
{
	padding:5px;
}

#krmCal_addEvent table .tr_evName
{
	font-size: 15pt;
}

#krmCal_addEvent table .tr_evName input[type='text']
{
	width: 99%;
	border: 1px solid #cacaca;
	padding-left: 5px;
}

#krmCal_addEvent table .tr_evDesc
{
	font-size: 10pt;
}

#krmCal_addEvent table .tr_evDesc textarea
{
	width: 99%;
	resize: none;
	min-height: 60px;
	border: 1px solid #cacaca;
	padding: 0px 0px 0px 5px;
}

#krmCal_addEvent table .tr_sep
{
	font-size: 1pt;
}

#krmCal_addEvent table .tr_sep hr
{
	border: 1px solid #d7e1eb
}

#krmCal_addEvent table .tr_evLocation input[type='text']
{
	width: 99%;
	border: 1px solid #cacaca;
	padding-left: 5px;
}

#krmCal_addEvent .tr_options1 input[type='text']
{
	width: 130px;
	text-align: center;
	border: 1px solid #cacaca;
	padding: 1px;
	height: 23px;
	font-size: 10pt;
}

#krmCal_addEvent .tr_options2 select
{
	width: 134px;
	text-align: center;
	border: 1px solid #cacaca;
	padding: 1px;
	height: 25px;
	margin-top: 2px;
	font-size: 10pt;
}

#krmCal_addEvent .tr_save
{
	background-color: #cecece;
}

#krmCal_addEvent #optionsTable td
{
}

#krmCal_addEvent .eventColor
{
	float: left;
	width: 15px;
	border-radius: 35%;
	border: 2px solid white;
	margin-right: 2px;
	margin-bottom: 3px;
}

#krmCal_addEvent .eventColor:hover
{
	border: 2px solid black;
	cursor: pointer;
}

#krmCal_addEvent .eventColorSelected
{
	border: 2px solid red;
}

#krmCal_addEvent #ID_MOD__CALENDAR__AGENDAS
{
	max-width: 380px;
}

#SubmodulePreloader
{
	position: absolute;
	opacity: 0.9;
	width: 100%;
	margin-top: 100px;
	background-color: white;
}

.evtHide
{
	display: none;
}

#krmCalendar .fc-h-event .fc-event-main
{
	color: inherit !important;
	padding: 1px 4px 1px 4px !important;
}

#krmCalendar div.krmEventTitle
{
}

#krmCalendar .initialsObjSml
{
	display: block;
	padding: 4px;
	width: 21px;
	height: 20px;
	background-color: white;
	color: black;
	border-radius: 50%;
	text-align: center;
	font-weight: normal;
	font-size: 7pt;
	word-break: keep-all;
	margin: auto;
	position: absolute;
	right: 2px;
	top: 2px;
}

#krmCalendar .fc-daygrid-dot-event
{
	padding: 2px 0px;
	display: flex;
	flex-flow: column wrap;
}

#krmCalendar .krmEventDate
{
	font-size: 8pt;
}

#krmCalendar .treePfx
{
	font-size: 9pt !important;
	background-color: #343434;
	border-radius: 5px;
	text-align: center;
	padding: 1px;
	color: white;
	width: 18px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	margin-left: -2px;
}

.fc .fc-list-event td
{
	opacity: 0.7;
}

.fc .fc-list-event:hover td
{
	background-color: inherit !important;
	opacity: 1;
	cursor: pointer;
}

.fc-timegrid-event-short .krmWrapper
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.fc-timegrid-event-harness-inset .krmWrapper .krmAgItem
{
	margin-right: 10px;
}

.fc-event:has(.applyOpacity)
{
	opacity: 0.25;
}

.fc-event:has(.applyOpacity):hover
{
	opacity: 1;
	transition: all 0.5s ease-in-out;
}


.fc-v-event .fc-event-main
{
	color: inherit !important;
	overflow: hidden;
}

.fc-daygrid-dot-event .krmWrapper
{
	padding: 1px 4px 1px 4px !important;
	width: 100%;
}

.krmEventHr
{
	border: 0px;
	border-bottom: 1px solid #aeaeae;
}

.krmEventClick
{
	color: #3668c9;
}

.krmEventTitleTable td
{
	padding: 1px 4px;
}

.krmEventTitleTable td.onLeft
{
	background-color:#f1f1f1;
	text-align: right;
	white-space: nowrap;
	font-size: 8pt;
}

/* By default, these fragments are not shown */
.krmAgClient, .krmAgDesc, .krmAgLocation, .krmAgAddedBy, .krmAgAgenda
{
	display: none;
}

.fc-dayGridMonth-view .krmAgClient,
.fc-dayGridMonth-view .krmAgDesc,
.fc-timeGridDay-view .krmAgClient,
.fc-timeGridDay-view .krmAgDesc,
.fc-listWeek-view .krmAgClient,
.fc-listWeek-view .krmAgDesc,
.fc-listWeek-view .krmAgLocation
{
	display: block !important;
	overflow: hidden;
}

.fc .fc-timegrid-slot
{
	cursor: crosshair;
}

.fc .fc-timegrid-slot:hover
{
	background-color: #d7e1eb;
}

.fc .fc-button-primary
{
	background-color: var(--krm_col_2);
	border-color: var(--krm_col_2);
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active
{
	background-color: #535b57;
	border-color: #535b57;
}


/* This is the definition of slots as seen through KRM. The V1.css theme will overwrite some of these values */
.reserved_slot, .unconfirmed_slot, .owned_by_me_slot
{
	display: flex;
	color: white;
	font-size: 0.8em;
}

.disabled_slot
{
	background-color: white;
	color: black;
}

.disabled_slot .krmWrapper
{
	height: 100%;
}

.krmWrapper
{
	overflow: hidden;
}

.owned_by_me_slot
{
	background-color: #ddfcdd;
	color: #000;
}

.swal-content span table th
{
	padding: 5px !important;
}

.swal-content span table tr:nth-child(even)
{
	background-color: inherit !important;
}

.fc .fc-timegrid-col.fc-day-today {
	background-color: #fcf7ef;
}

.krmCal_googleSynced, .krmCal_googleUnSynced, .krmCal_googleConnect
{
	display: flex;
	margin-top: 10px;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	background-color: #edffd8;
	padding: 4px;
	border-radius: 5px;
}

.krmCal_googleSynced img, .krmCal_googleUnSynced img, .krmCal_googleConnect img
{
	width: 25px;
	margin-right: 15px;
}

.krmCal_googleConnect
{
	background-color: white;
	color: #e12647;
	width: 280px;
}

.krmCal_googleConnect a
{
	font-weight: bold;
	text-decoration: underline;
}


.disable_ev_btn
{
	background-color: #fff;
	box-shadow: 0 2px 4px 1px rgba(255,0,0,.3);
	border: 2px solid white;
	transition: all 0.5s ease-in-out;
	padding: 3px;
	border-radius: 5px;
}

.disable_ev_btn:hover
{
	cursor: pointer;
	color: #c31a1a;
	border: 2px solid rgba(247, 93, 93, 0.55);
}

.btn_save, .btn_other
{
	background-color: var(--krm_col_1);
	transition: all 0.5s ease-in-out;
	border: 1px solid var(--krm_col_1);
	min-width: 150px;
	padding: 4px 3px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	border-radius: 5px;
}

.btn_save:hover, .btn_other:hover
{
	transition: all 0.5s ease-in-out;
	border: 1px solid #3668c9;
	color: #3668c9;
}

.btn_other
{
	color: rgba(255, 255, 255, 0.85);
	background-color: var(--krm_col_2);
	border: 1px solid var(--krm_col_2);
}

.btn_other:hover
{
	border: 1px solid black;
	color: white;
}

#optionsTable
{
	/*background-color: #d7e1eb;*/
	background-color: #edf8f0;
	color: black;
}

#optionsTable.mod_agenda__colorApplied
{
	color: black !important;
}


.ui-widget.ui-widget-content.genDialog
{
	border: 8px solid var(--krm_col_1);
	border-radius: 10px;
	opacity: 0.95;
}

.tr_evStatus .td_evStatusIcon icon
{
	font-size: 1.5em;
}

.krmAgDateStatus
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.krm_eventStatus
{
	font-size: 1.2em;
}

#krmCalendarHeader
{
	padding: 10px;
	background-color: var(--krm_col_2);
	color: white;
	display: flex;
	justify-content: space-around;
}

.kal_filterGroup
{
	display: flex;
	flex-direction: column;
	text-align: center;
	width: 43%;
	flex:1;
	max-width: 80%;
}

.kal_filterHeader
{
	font-weight: bold;
	background-color: #fff6;
	font-size: 16px;
	color: black
}

.kal_evtFilters
{
	display: flex;
	list-style-type: none;
	justify-content: start;
	margin: 0px;
	padding: 0px;
	flex-flow: wrap;
}

.kal_evtFilters li
{
	padding: 4px;
	border-radius: 5px;
	width: 166px;
	text-align: left;
	margin: 2px;
	cursor: pointer;
	flex-grow: 1;
}

#kal_crPopup
{
	float: right;
	width: 470px;
	padding: 10px;
	background-color: #fff;
	min-height: 2vw;
	border: 1px solid #eaeaea;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 61px;
	box-shadow: 5px 10px 12px #a4a4a4;
}

.kal_crTitle
{
	padding: 3px;
	text-align: center;
	background-color: #f3ffff;
	font-weight: bold;
	margin-top: 10px;
	font-size: 13pt;
}