@use "../../../010-settings/" as *;
@use "../../../050-layout/basics" as *;

/* Services/Calendar */

// relies on dependency bootstrap datetimepicker imported in dependency layer

td.even {
	color: $il-text-color;
	background-color: $il-main-dark-bg;
	padding: 3px;
}

td.uneven {
	color: $il-text-color;
	background-color: $il-main-darker-bg;
	padding: 3px;
}

td.today {
	background-color: $il-main-darker-bg;
}


td.date {
	background-color: $il-main-dark-bg;
}

td.prevMonth {
	background-color: $il-main-dark-bg;
}

div#block_cal_sel_0 div.ilBlockContent {
	padding: 0;
}

div.ilCalSelAct {
	font-size: $il-font-size-small;
	padding: 2px 2px 3px 0;
}

div.ilCalSelSelAll {
	font-size: $il-font-size-xsmall;
	padding: 3px 2px 2px 0;
}

div.ilCalSelList {
	max-height: 300px;
	overflow: auto;
}

.ilCalSelList img {
	width: 20px;
	height: 20px;
}

ul.ilCalSel {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.ilCalSel li {
	margin: 0;
	/* padding: 0 0 0 48px; */
	margin: 0;
	border-bottom: 1px solid $il-main-darker-bg;
	/* min-height: 25px; */
}

ul.ilCalSel li > div {
	display:table-row;
}

ul.ilCalSel li > div > div {
	display:table-cell;
	padding: 2px;
}

ul.ilCalSel li > div > div.ilCalColSpan {
	border-left: 5px solid;
	padding: 2px 5px;
}

ul.ilCalSel li img {
}

div.ilCalSelList h6 {
	padding-left: 5px;
	font-size: $il-font-size-small;
	margin-top: 16px;
	margin-bottom: 8px;
}

div.ilCalSelTitle {
	padding: 5px 3px 3px;
	font-size: $il-font-size-small;
}

table.calmini {
	width: 100%;
	font-size: $il-font-size-small;
	//border-spacing: 2px;
	//border-collapse: separate;
	border-collapse: collapse;
	background-color: $il-main-dark-bg;
	border: none;
	margin-bottom: $il-margin-xxlarge-vertical;
	tr, td, th {
		border: none;
		padding: 5px 3px;
		@media only screen and (max-width: 991px) {padding: 5px 1px;}
		text-align: center;
		vertical-align: middle;
		color: $il-text-color;
		background-color: transparent;
	}
	tr {
		background-color: $il-main-bg;
	}
	th.calmini, th.calminiweek {
		font-weight: $il-font-weight-bold;
		font-size: $il-font-size-small;
	}
	td.calministd > .il_calmini_monthday > a {
	}
	td.calminitoday {
		background-color: $il-warning-color;
		> .il_calmini_monthday > a {
			color: white;
		}
	}
	td.calminiprev > .il_calmini_monthday > a,
	td.calmininext > .il_calmini_monthday > a {
		color: $il-text-color;
		display:none;
	}
	a {
        display: block;
        width: 100%;
    }
}

a.callink:link, a.callink:visited {
	color: inherit;
	cursor: pointer;
}
a.callink:hover {
}
.il_calevent > .btn.btn-link {
	color:inherit;
	vertical-align: inherit;
	font-size: $il-font-size-base;
}
.cal_modal_infoscreen .il_InfoScreenPropertyValue .btn-link {
	text-align:left;
	vertical-align: top;
	font-size: $il-font-size-base;
}

//** Moved from Services/Calendar/templates/calendar.css
table.calstd {
	margin-top: $il-margin-large-vertical;
	color: $il-text-color;
	width:100%;
	border: none;
	font-size: $il-font-size-base;
}

.calheader {
	color: $il-text-color;
	font-weight: $il-font-weight-base;
	background-color: $il-main-dark-bg;
}


th.calstd {
	text-align: center;
	background-color: $il-main-dark-bg;
	font-weight: $il-font-weight-base;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
}

.calheadertime {
	background-color: $il-main-dark-bg;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
	line-break: auto;
	vertical-align: top;
}

td.calheadertime {
	width: 6em;
	text-align: center;
	background-color: $il-main-darker-bg;
	font-size: $il-font-size-base;
	padding: 3px;
}

tr.calstdtime:first-of-type td{
	background-color: black;
}
.calstdtime td {
	border-spacing: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: $il-main-border-color;
}

td.calempty,  th.calempty{
	background-color:white;
}

td.calempty_border {
	background-color:white;
	border-spacing:0px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:$il-main-border-color;
}

tr.calstd{
	/*background-color: inherit;*/
	background-color:white;
	height: 6em;
}

table.il-cal-day tr.calstd + tr.calstdtime td.calempty,
table.il-cal-week  tr.calstd + tr.calstdtime td.calempty{
	background-color: $il-main-bg;
}

table.il-cal-day tr.calstd , table.il-cal-week tr.calstd {
	border-collapse:collapse;
	border-color:$il-main-border-color;

	border-bottom-width:2px;
	border-bottom-style:solid;

	border-top-width:2px;
	border-top-style:solid;
}

table.il-cal-week {
	table-layout: fixed;
	width: 100%;
	white-space: nowrap;
}

table.il-cal-week td.calevent {
	overflow: hidden;
}

tr.calstdtime {
	height: 1.2em;
	background-color: inherit;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:$il-main-border-color;
}


td.calstd {
	vertical-align: top;
	background-color: $il-main-bg;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
	padding: 2px 0px;
}

td.caltoday {
	vertical-align: top;
	background-color:#FFE79C;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
}


td.calnow {
	vertical-align: top;
	background-color:#FFF0C4;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
}

td.calnext {
	vertical-align: top;
	background-color: $il-main-dark-bg;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
}

td.calprev {
	vertical-align: top;
	background-color: $il-main-dark-bg;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
}

p.il_calevent {
	color:white;
	margin: 2px 0 0 0;
	padding: 2px;
	border-spacing: 0px;
	font-size: $il-font-size-base;

	.btn-link{
		margin:0 auto;
		width: 100%;
		text-align: center;
	}
}

div.il_calevent {
	font-size:$il-font-size-base;
}

td.calevent {
	//color:white;
	vertical-align: top;
	/*padding: 3px;*/
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style: solid;
	border-color: $il-main-border-color;
	font-size:$il-font-size-base;
	/*background-color:white;*/
}

div.calevent {
	font-size:$il-font-size-base;
	padding: 3px;
	margin: 3px;
}

div.calfullcontent {
	padding:4px;
	height:100%;
}

p.il_cal_monthday {
	padding: 2px;
	margin: 0px;
	font-weight: $il-font-weight-base;
}

p.il_cal_navigation {
	padding: 0px 3px 0px 0px;
	margin: 0px;
}


table.calmini
{
	width:100%;

}

.calminiheader {
	color:$il-text-color;
	background-color: $il-main-dark-bg;
}

th.calmini {
	text-align: center;
	font-size: $il-font-size-small;
	font-weight: $il-font-weight-base;
	background-color: $il-main-bg;
}

tr.calmini {
}

a.calminiapp {
	font-weight: $il-font-weight-xbold;
}

p.il_calmini_monthday, div.il_calmini_monthday {
	margin: 1px;
	text-align:center;
}

td.calministd {
	vertical-align: top;
	border-collapse:collapse;
	background-color:$il-main-bg;
	border-spacing:0px;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
	font-size:$il-font-size-small;
	text-align:center;
	vertical-align:middle;
}

td.calminitoday {
	vertical-align: top;
	background-color:#FFE79C;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
	font-size:$il-font-size-small;
	text-align:center;
	vertical-align:middle;
}

td.calmininow {
	vertical-align: top;
	background-color:#FFF0C4;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
	font-size:$il-font-size-small;
	text-align:center;
	vertical-align:middle;
}

td.calmininext {
	vertical-align: top;
	background-color: $il-main-dark-bg;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
	font-size:$il-font-size-small;
	text-align:center;
	vertical-align:middle;
}

td.calminiprev {
	vertical-align: top;
	background-color: $il-main-dark-bg;
	border-width:1px;
	border-style:solid;
	border-color:$il-main-border-color;
	font-size:$il-font-size-small;
	text-align:center;
	vertical-align:middle;
}

td.calminiweek, th.calminiweek {
	vertical-align: top;
	background-color: $il-main-bg;
	font-size:$il-font-size-xsmall;
	text-align:center;
	vertical-align:middle;
}

span.calminiinactive {
	color: $il-neutral-light-color;
}
.calnewapplink {
	float: right;
	visibility:hidden;
}

span.ilIcalIcon .btn {
	text-align: initial;
	margin-top: $il-margin-large-vertical;
}

.il_InfoScreenSection {
	padding: 10px 10px 0;
	> .ilFloatRight {
		padding-bottom: 4px;
		padding-right: 4px;
	}
}

// Hacky solution to make legacy recurrence inputs look okay, #42329

.calrecurrenceinput.form-inline label {
	padding-right: unset;
	vertical-align: unset;
}

.calrecurrenceinput.form-inline .form-control {
	vertical-align: middle;
}