/* singleDoc */

.sd_jumpToDate
{
	display: none;
}


.sd_leftBox
{
	float: left;
	background-color: #FFF;
	width: 100%;
	flex: 0 0 230px;
	max-width: 230px;
	border: 1px solid #E0E1E3;
	border-radius: 15px;

}

.sd_calHeader
{
	background: #B4EBD6;
	height: 65px;
	width: 100%;
	border-radius: 15px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	display: flex;
	justify-content: space-between;
}

.sd_appointmentsLoading
{
	background: white;
	/*margin: 115px 0 0 255px;*/
	text-align: center;
	width: 706px;
}

.sd_appointmentsLoadingContent
{
	width: 200px;
	margin: 50px 0 0 255px;
	text-align: center;
	padding: 10px;
	background: #f6f6f6;
	border-radius: 15px;
}

.sd_appointmentsLoadingImg
{
	margin-bottom: 10px;
}

.sd_noAppointment
{
	margin-top: 50px;
	height: 190px;
	width: 220px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
	background: #f6f6f6;
	display: none;
}
.sd_appointmentsLoading,
.sd_nextAvailableAppointment{
	width: 100%;
}

.sd_na_text
{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 4px;
}

.sd_tooFarInFuture
{
	margin-top: 50px;
	height: 190px;
	width: 220px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
	background: #f6f6f6;
	display: none;
}

.sd_tfif_text
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 4px;
}

.sd_nextAvailableAppointment
{
	display: none;
	background: white;
	/*margin: 115px 0 0 255px;*/
	text-align: center;
	width: 706px;
}

.sd_nextAppointmentLink
{
	height: 55px;
	line-height: 55px;
	width: 220px;
	margin: 50px 0 0 245px;
	background: #f6f6f6;
	text-align: center;
}

.sd_nextAvailableAppointmentDate
{
	font-weight: bold;
	cursor: pointer;
	color: #118eef;
}

.sd_table
{
	width: 100%;
	background-color: #FFF;
	border: 1px solid #E0E1E3;
	border-radius: 15px;
	flex: 1 1 auto;
	max-width: none;
	min-width: 0;
}

.sd_examReasonWarning
{
	display: none;
	margin: 50px auto 0 auto;
	padding: 10px;
	width: 100%;
	max-width: 500px;
}

.sd_examReasonWarningText
{
	height: auto;
	line-height: 100px;
	text-align: center;
	letter-spacing: 0.3px;
	color: #153B3E;
	font-weight: 600;
}

.sd_otherExamReasonsWarning
{
	border: none;
	margin: 0px auto 0 auto;
	width: 100%;
	max-width: 250px;
	position: relative;
}

.sd_examReasonWarningAttention
{
	height: 40px;
	width: 40px;
	vertical-align: middle;
	margin-right: 10px;
}

.sd_calScroll
{
	float: left;
	width: 50px;
	text-align: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	opacity: 0.8;
}

.sd_calScroll:hover
{
	opacity: 1;
}

.sd_calDate
{
	float: left;
	color: #153B3E;
	text-align: center;
	width: 100%;
	display: flex;
	align-content: center;
	height: 45px;
	flex-wrap: wrap;
	max-width: calc((100% - 0px) / 7);
}

.sd_today
{
	color: #0C0C0C;
	background-color: #7AD2B8;
	border-radius: 10px;
	align-items: center;
}

#sd_calHeaderDatesWrapper{
	width: 100%;
	display: flex;
	align-items: center;
}
#sd_calHeaderDates {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: stretch;
}

.sd_calDateName
{
	letter-spacing: 0.25px;
	font-weight: 600;
	display: flex;
	line-height: 16px;
	width: 100%;
	font-size: 13px;
	justify-content: center;
}

.sd_calDateDate
{

	display: flex;
	width: 100%;
	font-size: 13px;
	letter-spacing: 0.25px;
	font-weight: 400;
	justify-content: center;
	line-height: 16px;
	flex: 1 1 0;
	max-width: none;
}
.sd_calTable
{
	border-collapse: collapse;
	font-size: 12px;
}

#sd_calTable{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.sd_calTable td
{
	border-bottom: 1px solid #E6E6E6;
}

.sd_calTableTime
{
	height: 28px;
	vertical-align: middle;
	width: 35px;
	padding: 0 5px 0 5px;
}

.sd_calTableTimeDiv
{
	height: 42px;
	width: 100%;
}


.sd_calTableSpaceCell
{
	width: 4px;

}

.sd_calTableLastSpaceCell
{
	width: 44px;
}

.sd_appSpanAvailable
{
	background: #7AD2B8;
}

.sd_appSpanAvailable .sd_calTableTimeDiv
{
	cursor: pointer;
}
.sd_calTableCell { position: relative; }
.sd_timeSelector
{
	position: absolute;
	margin-top: -15px;
	/*margin-left: 15px;*/
	z-index: 9;
}
.sd_timeSelector.sd_positionLeft {
	left: auto;
	margin-left: 0;
	right: 15px;
}
.sd_timeSelector.sd_positionLeft .sd_timeSelectorBottom {

	left: auto;
	right: 15px;
}
.sd_timeSelectorTop
{

	background: #ffffff;
	border-top: 1px solid #cecccc;
	border-right: 1px solid #cecccc;
	border-left: 1px solid #cecccc;
	max-width: 250px;
	text-align: center;
	cursor: default;
	padding: 10px;
	width: 100vw;
	border-radius: 8px;
	border: 1px solid #cecccc;
}

.sd_timeSelectorClose
{
	background: url('../img/status/close.svg');
	background-size: 24px auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	height: 24px;
	width: 24px;
	cursor: pointer;
	right: -11px;
	top: -10px;
}

.sd_timeSelectorClose:hover
{
	background-position: 0 -147px;
}

.sd_timeSelectorBottom
{
	height: 16px;
	width: 33px;
	background-image: url('../img/tooltip/docInfoTooltip_arrow_down.svg');
	cursor: default;
	position: absolute;
	bottom: -15px;
	left: 10px;
}

.sd_dismissTimeSelector
{
	position: absolute;
	margin: 0 0 0 160px;
	height: 20px;
	width: 20px;
	background: #f6f6f6;
}

.sd_docInfo
{
	width: 100%;
}

.sd_docInfoPic
{
	width: 100%;
	max-height: 230px;
	max-height: 250px;
	overflow: hidden;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.sd_docInfoPic img
{
	width: 100% !important;
}


.sd_docInfoText
{
	width: 100%;
	padding: 15px 12px 15px 12px;
	letter-spacing: 0.3px;
	color: #153B3E;
	line-height: 21px;
}

.sd_docInfoName
{
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sd_docInfoSpecialities
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sd_singleSpeciality
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style: italic;
}

.sd_docInfoCity
{

}

.sd_more
{
	cursor: pointer;
	margin-top: 10px;
	background-color: #30B693;
	border-radius: 5px;
	color:#FFF;
	max-width: fit-content;
	padding:0 5px;
	height: 25px;
	display: flex;
	align-content: center;
	font-size: 13px;
	letter-spacing: 0.4px;
}
.sd_more a{
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	color: #FFF;
	text-decoration: none;
}

.sd_docInfoTooltip
{
	display: none;
	position: absolute;
	z-index: 9999;
	font-size: 13px;
}

.sd_dit_content
{
	overflow-x: hidden;
	float: left;
	border: 1px solid #cecccc;
	padding: 10px;
	max-width: 245px;
	border-radius: 8px;
	background-color: #fff;
}

.sd_dit_arrow
{
	background: url('../img/tooltip/docInfoTooltip_arrow.svg');
	height: 32px;
	width: 16px;
	float: left;
	margin-left: -1px;
}

.sd_dit_infoSection
{
	margin-top: 10px;
}

.sd_dit_is_first
{
	margin-top: 0;
}

.sd_dit_infoSection a, .sd_dit_infoSection a:visited, .sd_dit_infoSection a:link
{
	color: #282828;
	border-bottom: 1px dashed #282828;
}

.sd_dit_infoSection a:hover
{
	color: #118eef;
}

.sd_dit_is_header
{
	text-transform: uppercase;
	font-weight: bold;
	color: #8e8e8e;
	margin-bottom: 1px;
}

.sd_docInfoOpeningHours
{
	padding: 0;
	margin-left: -2px;
}

.sd_dit_weekday
{
	font-weight: bold;
}

.sd_dit_openingHoursContent
{
	text-align: center
}

.sd_dit_byArrangementText
{
	font-style: italic;
	text-align: center;
	display: none;
}

.sd_timeSelectorTimeSelected
{
	width: 100%;
	height: 45px;
	padding: 0 3px 0 10px;
	line-height: 30px;
	cursor: pointer;
	max-width: calc(100% - 15px);
	display: flex;
	align-items: center;
	font-size: 14px;
}

.sd_timeSelectorTimeOtherTimes
{
	width: 136px;
}

.sd_otherTime
{
	font-size: 12px;
	padding: 0;
}

.sd_timeSelectorCommentDiv
{
	width: 100%;
	margin-top: 8px;
	text-align: left;
	max-width: calc(100% - 10px);
}

.sd_timeSelectorComment
{
	width: 100%;
	font-size: 12px;
	resize: none;
	border: 1px solid #cecccc;
	background: white;
	font-family: 'Outfit';
	padding: 5px;
	z-index: 1;
}

input.sd_timeSelectorButton
{
	width: 100%;
	float: left;
	border-radius: 8px;
}
input.sd_timeSelectorButton.ho_highlightShadow {
	box-shadow: 0px 0px 0px 0px transparent;
	border-radius: 8px;
}
.sd_cmdToday
{
	max-width: calc(100% - 24px);
	display: none;
	border-radius: 5px;
	height: 20px;
	background-color: #C5C5C5;
	width: 100%;
	margin: 0 auto 30px auto;
}
input#sd_cmdToday {
	background-color: #30B693;
}
input#sd_cmdToday.buttonDisabled {
	background-color: #acabab;
	cursor: default;
}


/* OLD */

#singleDoctorHeader
{
	margin: 0 0 40px 0;
}

#singleDoctorImg
{
	float: left;
	height: 55px;
	width: 50px;
}


#singleDoctorText
{
	float: left;
	height: 55px;
	line-height: 55px;
	margin-left: 10px;
}

#singleSearchParameter
{
	margin-top: 10px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#sd_examReason
{
	margin: 0 0 12px 0;
	padding: 0px 12px 0px 12px;
	width: 100%;
}

#sd_otherExamReasons
{
	width: 100%;
	height: 150px;
}

#sd_examReasonSelected
{
	height: 45px;
	line-height: 45px;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 5px 0 10px;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
	max-width: calc(100% - 20px);

}

#sd_selectExamReason
{
	margin-top: 10px;
	position: relative;
}

.sd_examReason
{
	font-size: 12px;
}

#singleDatepickerInput
{
	height: 30px;
	line-height: 30px;
	width: 90px;
}

#calendar
{
	float: left;
	background: #f6f6f6;
	/* border: 1px solid #cecccc; */
	width: 715px;
	height: 535px;
}

#calendarTable
{
	color: #8e8e8e;
	border-collapse: collapse;
}

#calendarTable td
{
	border-bottom: 1px solid #cecccc;
}

#calendarHeader
{
	background: #282828;
	height: 100px;
}

.calendarScroll
{
	min-width: 48px;
	max-width: 48px;
}

.calendarItem
{
	min-width: 97px;
	max-width: 97px;
}

.calendarSpace
{
	border: none;
	min-width: 18px;
	max-width: 18px;
}

.calendarSpaceRow
{
	height: 10px;
	border-bottom: 1px solid #cecccc;
}

.calendarRow
{
	vertical-align: top;
}

.calendarTime
{
	height: 28px;
}

.calendarAvailable
{
	background: #6ac368;
}






/* SMART-CALENDAR */

.smartCalendar
{
	width: 100%;
	display: none;
	padding: 0 10px;
}

.sc_header
{
	height: 30px;
	width: 100%;
	display: flex;
	margin-bottom: 5px;
}

.sc_prevMonth
{
	background: url('../img/status/arrowLeft15x15.svg');
	background-size: 9px auto;
	background-position: 7px 5px;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin: 0;
	cursor: pointer;
	opacity: 0.8;
	border-radius: 100%;
	display: flex;
}

.sc_prevMonth:hover
{
	background-color: #eee;
	opacity: 1;
}

.sc_showActual
{
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 100%;
	max-width: calc(100% - 50px);
	font-weight: 500;
	color: #153B3E;
}

.sc_nextMonth
{
	background: url('../img/status/arrowRight15x15.svg');
	background-size: 9px auto;
	background-position: 9px 5px;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin: 0;
	cursor: pointer;
	opacity: 0.8;
	border-radius: 100%;
	display: flex;
}

.sc_nextMonth:hover
{
	opacity: 1;
	background-color: #eee;
}

.sc_dayAbbreviations
{
	display: none;
}

.sc_dayAbbreviationsItem
{
	float: left;
	width: 24px;
	height: 40px;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	cursor: pointer;
}

/*
DEPRECATED:
.sc_dayAbbreviationsItem:hover
{
    background: url('../img/status/cancel.png');
    background-repeat: no-repeat;
    background-position: 0 3px;
}
*/

.sc_dayAbbreviationsItem_selected
{
	background: url("../img/status/checked.svg");
	background-repeat: no-repeat;
	background-position: 4px 25px;
}

.sc_dayAbbreviationsItem_selected:hover
{
	background-image: url("../img/status/checked.svg");
	background-repeat: no-repeat;
	background-position: 4px 25px;
}

.sc_dayAbbreviationsItem_deselected
{
	background-image: url("../img/status/unchecked.svg");
	background-repeat: no-repeat;
	background-position: 4px 25px;
}

.sc_dayAbbreviationsItem_deselected:hover
{
	background-image: url("../img/status/unchecked.svg");
	background-repeat: no-repeat;
	background-position: 4px 25px;
}

.sc_item
{
	width: 27px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	border-radius: 4px;
}

.sc_itemUnavailable
{
	background: #EBF6F2;
	color: #C7C7C7;
}

.sc_itemAvailable
{
	background: #EBF6F2;
	color: #153B3E;
	border-radius: 4px;
	cursor: pointer;
}
.sd_sc_itemAvailable {
	background: #CCEDE5;
	border:1px solid #8BC7B9;
}

.sc_itemAvailable:hover
{
	background: #6ac368;
	color: #ffffff;
}

.sc_itemIgnored
{
	background: #dddddd;
	color: #888888;
}

.sc_itemIgnored:hover
{
	background: #dddddd;
	color: #888888;
	cursor: default;
}

.sc_daysLoading
{
	width: 168px;
	height: 149px;
	line-height: 149px;
	text-align: center;
	background: #f6f6f6;
	display: none;
	border-right: 1px solid #cecccc;
	border-left: 1px solid #cecccc;
	margin-left: -1px;
}

.scTmpHeight
{
	height: 178px;
}

.sc_itemPlaceholder
{
	color: #888888;
	opacity: 0.4;
	filter: alpha(opacity=40);
}




.sd_sp_s_tempToGetWidth
{
	visibility: hidden;
}

.sd_wordsRemaining
{
	float: right;
	font-size: 10px;
}

.sd_stepNumbers
{
	position: relative;
	display: none !important;
}


#sd_sc_itemBox_error
{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	display: none;
}

.sd_isNhsDoctor
{
	font-style: italic;
}

.sd_hintTextWrapper {
	display: none;
}

#sd_smartCalendar .sc_itemBox{
	display: grid !important;
	grid-template-columns: repeat(7, 1fr);
	gap: 2px;
	place-items: center;
}

#sd_smartCalendar .sc_dayAbbreviations {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 2px;
	margin: 4px 0 6px;
}

#sd_calTable .sd_calTableTimeDiv{ width: 100%; }

#sd_calHeaderDates{
	justify-content: stretch;
}

.sd_appointmentsLoading,
.sd_nextAvailableAppointment{
	width: 100%;
	max-width: none;
}

/* --- FIX: rechte Spalte darf wachsen --- */
#singleDoctorBox {
	display: flex;
	gap: 5px;
}

.sd_leftBox{
	flex: 0 0 230px;
	max-width: 230px;
}

.sd_table{
	flex: 1 1 auto;
	max-width: none;
	min-width: 0;
}


#sd_calTable tr.sd_calTableSpaceRow{
	display: none;
}


#sd_calTable tr.sd_calTableRow > td.sd_calTableSpaceCell{
	width: 1px;
	padding: 0;
	border: 0;
}

#sd_calTable tr.sd_calTableRow > td.sd_calTableCell{
	width: calc((100% - 35px) / 7);

}

.filterDates {
	display: none !important;
}

@media only screen
and (max-width : 900px) {
	.sd_leftBox {
		flex: 0 0 100%;
		max-width: 100%;
		display: flex;
	}
	.sd_docInfo {
		width: 100%;
		display: flex;
	}
	.sd_docInfoPic {
		max-width: 230px;
		max-height: 230px;
		border-top-right-radius: 0;
		border-bottom-left-radius: 15px;
		border-bottom-left-radius: 0px;
	}
	.sd_docInfoText {
		width: 100%;
		padding: 15px 12px 15px 12px;
		letter-spacing: 0.3px;
		color: #153B3E;
		line-height: 21px;
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		max-height: 230px;
		background-color: #fafafa;
		border-left: 1px solid #fff;
		border-top-right-radius: 15px;
	}

	.sd_docInfoText div{
		width: 100%;
	}

	#singleSearchParameter {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	#singleSearchParameter #sd_examReason {
		margin-top: auto;
		margin-bottom: 20px;
	}
	#singleDoctorBox {
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
	}
	.sd_examReasonWarning {
		margin: 15px auto 40px auto;
	}
	.sd_examReasonWarningText {
		line-height: 15px;
		margin-bottom: 20px;
	}
	.sd_examReasonWarningAttention {
		height: 30px;
		width: 30px;
		margin-right: 8px;
	}
	.sd_table {
		border-top-right-radius: 0;
	}

}

@media only screen
and (max-width : 700px) {
	#sd_cal{
		overflow-x: auto;
		overflow-y: visible;
		/*-webkit-overflow-scrolling: touch*/
	}
	#sd_calTable{
		table-layout: fixed;
		border-collapse: collapse;
		min-width: 800px;
		width: max-content;
	}


	#sd_calTable td.sd_calTableTime{
		position: sticky;
		left: 0;
		z-index: 5;
		background: #fff;

	}


	#sd_calHeader #sd_calScrollLeft {
		position: absolute;
		top:5px;
		right: 40px;
		z-index: 6;
		background: transparent;
		height: 25px;
		width: 25px;
	}
	#sd_calHeader #sd_calScrollRight {
		position: absolute;
		top:5px;
		right: 0px;
		z-index: 6;
		background: transparent;
		height: 25px;
		width: 25px;
	}
	#sd_calHeader #sd_calScrollLeft img,
	#sd_calHeader #sd_calScrollRight img{
		width: 100%;
		height: auto;
		display: block;
	}
	#sd_calTable,
	#sd_calHeaderDates{
		min-width: 800px;
	}
	#sd_calHeaderDatesWrapper {
		min-width: 800px;
	}
	.sd_calHeader {
		min-width: 800px;
	}
	.sd_table {
		position: relative;
		margin-top: 55px;
	}
	.sd_timeSelector {
		margin:auto !important;
		left: 0;
		right: 0;
		max-width: calc(100vw - 30px);
		position: fixed;
		top: 0;
		bottom: 0;
		max-height: 200px;
		z-index: 10;
	}
	.sd_timeSelector.sd_positionLeft {
		left: 0;
		margin-left: 0;
		right: 0;
	}
	.sd_timeSelector::after {
		position: fixed;
		left: 0;
		right: 0;
		max-width: calc(100vw - 0px);
		content: '';
		background-color: #000000ab;
		top: 0;
		bottom: 0;
		z-index: -1;
		height: 300vh;
		-webkit-backdrop-filter: blur(5px);
		-moz-backdrop-filter: blur(5px);
		-o-backdrop-filter: blur(5px);
		-ms-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}
	.sd_timeSelectorTop {
		max-width: 100%;
	}
	.sd_timeSelectorComment {
		min-height: 75px;
	}
	.otherItem {
		height: 30px;
		line-height: 30px;
	}
	.otherItem.sd_examReason {
		font-size: 15px;

	}
	.sd_timeSelector .sd_timeSelectorBottom {
		display: none;
	}
	.sd_timeSelectorComment {
		font-size: 16px;
	}
	#sd_calHeader #sd_calScrollLeft {
		position: absolute;
		top: -30px;
		left: 0px;
		z-index: 6;
		background: transparent;
		height: 25px;
		width: 25px;
	}
	#sd_calHeader #sd_calScrollLeft::after {
		position: absolute;
		top: 0px;
		left: 25px;
		z-index: 6;
		background: transparent;
		height: 25px;
		width: 125px;
		content: 'vorherige Woche';
	}
	#sd_calHeader #sd_calScrollRight {
		position: absolute;
		top: -30px;
		right: 0px;
		z-index: 6;
		background: transparent;
		height: 25px;
		width: 25px;
	}
	#sd_calHeader #sd_calScrollRight::after {
		position: absolute;
		top: 0px;
		left: -125px;
		z-index: 6;
		background: transparent;
		height: 25px;
		width: 125px;
		content: 'nächste Woche';
	}

	.sd_calDate {
		max-width: calc((800px - 45px - 45px) / 7);
	}
	#sd_calHeaderDates > div:first-child {
		margin-left: 45px;
	}
	.sd_examReasonWarningAttention {
		display: block;
		margin: 0 auto 10px auto;
	}


	#sd_cal.activeTable .sd_calTable::before {
		background-image:url('../img/tooltip/icon_slide.svg');
		background-position: right center;
		background-size: 100% auto;
		background-repeat: no-repeat;
		content:'';
		position: absolute;
		display: block;
		z-index: 2;
		height: 25px;
		width: 25px;
		right: 0;
		top: 2px;
		animation-name: sliderIcon;
		animation-duration: 1.8s;
		animation-delay: 0s;
		animation-iteration-count: 4;
		animation-fill-mode: forwards;
	}

	@keyframes sliderIcon {
		from {
			transform: translateX(-100%);
			opacity: 1;
		}
		to {
			transform: translateX(0%);
			opacity: 0;
		}
	}

	.sd_calHeader {
		min-width: 800px;
		opacity: 0.2;
	}
	#sd_cal.activeTable .sd_calHeader {
		opacity:1;
	}
	.sd_leftBox {
		flex-wrap: wrap;
	}
	#singleSearchParameter {
		display: flex;
		flex-direction: unset;
		height: unset;
		width: 100%;
		max-width: 270px;
		margin: 20px auto 0px auto;
	}
	.sd_cmdToday {
		max-width:100%;
	}
	#sd_smartCalendar {
		max-height: 35px;
		overflow: hidden;
		margin-bottom: 10px;
		transition: 0.2s;
	}
	#sd_smartCalendar.active {
		max-height: 500px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.filterDates {
		background: url('../img/status/calendarFilter_w.svg');
		background-size: 24px auto;
		background-position: 7px 3px;
		background-repeat: no-repeat;
		margin: 0;
		display: flex !important;
		cursor: pointer;
		background-color: #585f68;
		border-radius: 5px;
		color: #FFF;
		width: 100%;
		height: 30px;
		align-content: center;
		font-size: 13px;
		letter-spacing: 0.4px;
		padding: 4px 10px 4px 40px;
		flex-wrap: wrap;
	}
	#sd_smartCalendar.active .filterDates  {
		margin-bottom: 10px;
	}
	.sd_otherTime {
		font-size: 14px;
	}

	#sd_calTable tr.sd_calTableRow:last-of-type .sd_calTableTime{
		border-bottom-left-radius: 15px;
	}
	.sd_docInfoTooltip {
		margin: auto !important;
		width: 100vw;
		left: 0;
		right: 0;
		max-width: calc(100vw - 30px);
		position: relative;
		top: 0;
		bottom: 0;
		max-height: 350px;
		z-index: 10;
		border:none;
	}
	.sd_dit_content {
		border: none;

		max-width: 100% !important;
		width: 100%;
	}
	.sd_dit_arrow {
		display: none !important;
	}
}




@media only screen and (max-width: 500px) {
	.sd_docInfoText {

		font-size: 13px;
	}
}