.zfDateWrapper {    position: relative;}.calIconWrapper {    position: absolute;    right: 15px;    top: 11px;    color: var(--value-txt-clr);    display: none;}.ui-datepicker {    width: 350px !important;    padding: 10px 20px;    border-radius: 3px;}.ui-datepicker table {    margin: 20px 0px;}.ui-datepicker td a, .ui-datepicker td span {    display: block;    padding: 8px 7px;    text-align: center;    text-decoration: none;    background: none !important;    border: none !important;    font-size: var(--date-picker-txt-size) !important;}.ofSubformWrapper .ui-datepicker td a, .ofSubformWrapper .ui-datepicker td span, .ofSubformWrapper .ui-datepicker th span {    font-size: var(--sf-date-picker-txt-size) !important;}.ui-datepicker th span {    font-size: var(--date-picker-txt-size);    opacity: 0.8;}.ui-widget-header {    background: none;    border: none;}.ui-datepicker td a:hover, .ui-datepicker td a.ui-state-active {    background-color: var(--elements-highlight-clr) !important;    font-weight: normal;    color: var(--value-txt-clr) !important;    border-radius: 50px;}.ui-datepicker-title {    font-size: var(--date-picker-txt-size);    color: var(--value-txt-clr);}.ui-datepicker-title select {    height: 30px;    width: 37% !important;}.ui-datepicker-title select:first-child {    margin-right: 10px !important;}.ui-datepicker select {    width: 70px;    border-radius: 3px;    height: 30px;    background: var(--elements-highlight-clr) !important;    border: 1px solid rgba(var(--elements-clr)) !important;    color: var(--value-txt-clr) !important;    text-align: center;}.ui-widget input {    font-size: var(--date-picker-txt-size);    height: 30px;    border-radius: 3px;    box-sizing: border-box;    background: rgba(var(--elements-clr)) !important;    border: 1px solid var(--value-txt-clr) !important;    color: var(--value-txt-clr) !important;  font-family: var(--body-font), var(--body-font-fallback);}.ofSubformWrapper .ui-widget input {    font-size: var(--sf-date-picker-txt-size);}.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {    top: 4px;	border: 1px solid var(--value-txt-clr) !important;	height: 27px;	width: 27px;	border-radius: 4px;	cursor: pointer;}.ui-widget-header .ui-icon-circle-triangle-e {    content: " ";    border-right: 2px solid var(--value-txt-clr);    border-top: 2px solid var(--value-txt-clr);    width: 11px;    height: 11px;    transform: rotate(45deg);    cursor: pointer;    display: block;    background: none;    margin-top: -5px !important;    opacity: 0.4;}.ui-widget-header .ui-icon-circle-triangle-w {    content: " ";    border-left: 2px solid var(--value-txt-clr);    border-bottom: 2px solid var(--value-txt-clr);    width: 11px;    height: 11px;    transform: rotate(45deg);    cursor: pointer;    display: block;    background: none;    margin-top: -5px !important;    opacity: 0.4;}.ui-state-hover {    background: none !important;    border: none !important;    border-radius: 30px;}.ui-state-hover:hover .ui-icon-circle-triangle-e, .ui-state-hover:hover .ui-icon-circle-triangle-w {    opacity: 1;}.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {    color: var(--value-txt-clr) !important;}.zfDateWrapper .calIconWrapper img {    display: none;}.select2-container--default .select2-search--dropdown .select2-search__field {    background-position: 98% 13px;    background-color: transparent;}.select2.select2-container.select2-container--default.liveDateTimeDropdown.liveTimeRange.dropdownNew {    position: relative;    width: 70px !important;}.dropdownNew .select2-results__option {   font-size: 13px;}.livedatechange .icon.icon-Time{    width: 15px;    height: 15px;    position: relative;    top: 3px;    fill: #333;    left: 37px;    z-index: 1;}.select2.select2-container.select2-container--default.liveDateTimeDropdown.liveTimeRangeWidth.dropdownNew {     position: relative !important;     width: 150px !important;     margin-left: 0 !important;}.rtl .select2.select2-container.select2-container--default.liveDateTimeDropdown.liveTimeRangeWidth.dropdownNew {    margin-left: 10px !important;}.liveDateTimePicker .icon.icon-Time{    width: 15px;    height: 15px;    position: relative;    top: 4px;    fill: #333;    left: 40px;    z-index: 1;}.rtl .livedatechange {    display: inline-block;    position: relative;}.rtl .liveDateTimePicker .icon.icon-Time {    position: absolute;    top: 9px;    left: 16px;}.liveTimeRangeWidth.select2-container--default .select2-selection--single .select2-selection__arrow b{    top: 59% !important;}.liveTimeRangeWidth.select2-container--default .select2-selection--single .select2-selection__rendered{    text-align: center;    line-height: 33px;    height: 33px;    padding-left: 25px;}.dateTimePopupDiv .popUpOuter {	background: rgb(var(--elements-clr));	left: 50% !important;	 	 transform: translateX(-50%);	border-radius: 6px;		width: auto !important;/* 	top: 50% !important; */}/* .dateTimePopupDiv .ofPopCloseIcn {	right: -15px;	top: -15px;} */.rtl .dateTimePopupDiv .ofPopCloseIcn {	left: -15px;	right: auto;}.dateTimePopupDiv .popUpOuter svg.icon.delete_icon {	position: revert;	opacity: 9;	transform: revert;	cursor: pointer;}.dateTimePopupDiv .popUpOuter .popUpInner {	padding: 16px 0;	padding-bottom: 0;	box-shadow: none;}.dateTimePopupDiv .popupTemFot {	padding: 16px 24px;	text-align: right;	margin: 0;	position: relative;}.dateTimePopupDiv .popupTemFot:after {	position: absolute;	width: 100%;	height: 1px;	content: "";	background: var(--value-txt-clr);	display: inline-block;	left: 0;	top: 0;	opacity: 0.1;}.rtl .dateTimePopupDiv .popupTemFot {	text-align: left;}.dateTimePopupDiv.datePopupDIv .popupTemFot {	margin: 0;	position: relative;	padding: 22px 20px;}.dateTimePopupDiv .popupTemFot a.pop_Okaybtn {	margin: 0;	padding: 8px 24px;	background: var(--value-txt-clr);	border-color: var(--value-txt-clr);	color: rgb(var(--elements-clr));	transition: 0.3s linear; 	transform: scale(1);    max-width: 310px;    display: inline-block;    box-sizing: border-box;    }.dateTimePopupDiv .popupTemFot a.pop_Okaybtn:hover {    transition: 0.3s linear;    transform: scale(1.03)}.dateTimePopupDiv.dateTimeAvailability .popupTemFot a.pop_Okaybtn {	max-width: max-content;}.dateTimePopupDiv .ui-datepicker table {    margin: 10px;	width: 95%;	}.dateTimePopupDiv .ui-widget-content {	background: transparent;	border: none;	padding: 0;	width: 400px !important;}.dateTimePopupDiv .ui-widget-content .ui-state-highlight {	border-radius: 8px;}.dateTimePopupDiv .ui-datepicker td a:hover,.dateTimePopupDiv .ui-datepicker td a.ui-state-active {	border-radius: 8px;}.dateTimePopupDiv .fieldtext {	padding: 0;}.dateTimePopupDiv .ui-datepicker td a,.dateTimePopupDiv .ui-datepicker td span {	padding: 10px 5px;}.dateTimePopupDiv .select2.select2-container.select2-container--default.liveDateTimeDropdown.liveTimeRange.dropdownNew {	width: 90px !important;}.dateTimePopupDiv .ui-datepicker td {	padding: 5px;}.dateTimePopupDiv .ui-datepicker .ui-datepicker-prev,.dateTimePopupDiv .ui-datepicker .ui-datepicker-next {	top: 0;}.ui-datepicker .ui-datepicker-next span {	margin-left: -5px;	margin-top: -4px !important;}.ui-datepicker .ui-datepicker-next-hover {	right: 2px !important;}.ui-datepicker .ui-datepicker-prev-hover {	left: 2px !important;}.ui-widget-header .ui-icon-circle-triangle-e,.ui-widget-header .ui-icon-circle-triangle-w {	opacity: 9;	width: 8px;	height: 8px;}.dateTimePopupDiv .ui-widget-header .ui-icon-circle-triangle-w {	margin-top: -4px !important;}.dateTimePopupDiv .ui-datepicker .ui-datepicker-prev {	left: auto !important;}.rtl .dateTimePopupDiv .ui-datepicker .ui-datepicker-prev {	right: auto !important;	left: 20px !important;}.dateTimePopupDiv .ui-datepicker .ui-datepicker-next {	right: 20px !important;}.dateTimePopupDiv .ui-datepicker .ui-datepicker-header {	padding: 0 20px 16px 20px;	position: relative;}.dateTimePopupDiv .ui-datepicker .ui-datepicker-header:after,.dateTimeAvailability .timeandDateSlotHead:after,.dateTimeAvaliHead:after {	position: absolute;	width: 100%;	height: 1px;	content: "";	background: var(--value-txt-clr);	display: inline-block;	left: 0;	bottom: 0;	opacity: 0.1;}.datetime-tiemvalueDiv {	padding: 16px 20px 16px 43px;	position: relative;	box-sizing: border-box;	width: 100%;	display: inline-block;}.datetimeSlotvalueDiv {    border-top: 1px solid rgb(var(--value-txt-clr), var(--opacity-1)) !important;    padding: 16px 20px 16px 1px;    position: relative;    box-sizing: border-box;    width: 100%;    display: inline-block;}.datetime-tiemvalueDiv:after, .datetimeSlotvalueDiv:after {	position: absolute;	width: 100%;	height: 1px;	content: "";	background: var(--value-txt-clr);	display: inline-block;	left: 0;	top: 0;	opacity: 0.1;}svg.icon_Date_Img {	padding-left: 10px;	opacity: 5;	top: 50%;	left: 8px;	transform: translateY(-50%);	width: 18px;	height: 18px;	position: absolute;	fill: var(--value-txt-clr);	display: none;}.rtl svg.icon_Date_Img {	left: 8px;	right: auto;}.dateTimePopupDiv svg.icon_Date_Img {	display: block;}.btn_Disable a.pop_Okaybtn {	pointer-events: none;	opacity: 0.4;}.rtl .fieldtypeText .zfDateWrapper input[ui_type="textbox"] {    direction: ltr;    text-align: right;}.rtl .fieldtypeText .dateSlotInfo span, .rtl .dateInterval-text span,.rtl .dateTimeAvaliHead, .rtl  .dateTimeAvaliTimeSlot ul li{    direction: ltr;    text-align: right;}.zfTimeContainer .customDropDown {    width: 32%;    float: left;    margin-left: 2%;    position: relative;}.zfTimeContainer .customDropDown:first-child {    margin-left: 0;}.rtl .zfTimeContainer .customDropDown:first-child {    margin-left: 2%;}.rtl .zfTimeContainer .customDropDown {    float: right;    text-align: right;}.rtl .zfTimeContainer .customDropDown:last-child {    margin-left: 0;}.session-card h2 {	font-size: 18px;	font-weight: 600;	color: #1d2433;	margin-bottom: 16px;}.dateAvailsessionContent {	display: flex;	justify-content: space-between;	align-items: center;	padding: 16px;	background: rgba(var(--input-bg-clr), var(--input-bg-opacity));	border: 1px dashed rgb(var(--input-bdr-clr));	border-radius: var(--input-radius);}.dateAvailsessionContent.disDuration {	justify-content: start;	align-items: center;	border: none;	padding: 0;	background: transparent;}.dateInterval-text {	line-height: 150%;	max-width: 50%;}.dateInterval-text em {  	font-size: var(--instruction-txt-size);	color: var(--value-txt-clr);	line-height: 150%;}.dateInterval-text span {	display: block;	font-size: var(--value-txt-size);	font-weight: 600;	color: var(--value-txt-clr);	margin-top: 5px;}.dateAvailability-link {	display: inline-flex;	align-items: center;	padding: 10px 24px;	text-decoration: none;	transition: 0.2s;	max-width: 50%;	position: relative;	border: 1px solid rgba(var(--input-bdr-clr), var(--input-bdr-opacity));	border-radius: var(--input-radius);}.dateAvailsessionContent .dateAvailability-link:hover {    border: 1px solid rgba(var(--input-bdr-clr), var(--input-bdr-opacity));}.disDuration .dateAvailability-link {	background: rgba(var(--input-bg-clr), var(--input-bg-opacity));	max-width: 350px;}.dateAvailability-link:hover {	text-decoration: none !important;}.dateAvailability-link em {	color: var(--value-txt-clr);	font-size: var(--instruction-txt-size);	letter-spacing: 0.3px;}.dateAvailability-link .icon-DateTime,.dateSlotInfo .icon-DateTime {	width: 20px;	height: 20px;	position: revert;	transform: none;	fill: var(--value-txt-clr);	opacity: 1;	margin-right: 8px;	flex: none;}.rtl .dateAvailability-link .icon-DateTime,.rtl .dateSlotInfo .icon-DateTime {	margin-right: 0;	margin-left: 8px;}.DateSelectedSlot {	border: 1px dashed rgba(var(--input-bdr-clr), var(--input-bdr-opacity));	padding: 16px 16px;	border-radius: 6px;	background: rgba(var(--input-bg-clr), var(--input-bg-opacity));	display: flex;	justify-content: space-between;	align-items: center;}.slot-info {	display: flex;	align-items: center;	gap: 12px;	font-size: 16px;	font-weight: 500;	color: #1d1d1f;}.slot-info i {	font-size: 20px;	color: #000;}.dateAvilaRemoveBtn {	display: flex;	align-items: center;	justify-content: center;	width: 20px;	height: 20px;	cursor: pointer;	transition: 0.1s linear;	transform: scale(1);	flex: none;	position: relative;	border: 1px solid var(--value-txt-clr);	border-radius: 4px;	opacity: 0.5;}.dateAvilaRemoveBtn svg.icon.delete_icon {	width: 10px;	height: 10px;	transform: none;	fill: var(--value-txt-clr);	opacity: 0.9;	position: revert;}.dateAvilaRemoveBtn:hover {	transform: scale(1.1);	transition: 0.1s linear;	opacity: 0.7;}.dateSlotInfo {	display: flex;	align-items: center;}.dateSlotInfo span {	font-size: var(--value-txt-size);	font-weight: 500;	color: var(--value-txt-clr);	line-height: 150%;	margin-right: 8px;}.rtl .dateSlotInfo span {    margin-left: 8px;  	margin-right: 0;         }.gridFieldContainer .dateAvailsessionContent {	flex-direction: column;	align-items: start;}.gridFieldContainer .dateInterval-text {	margin-bottom: 20px;}.gridFieldContainer .dateAvailability-link {	box-sizing: border-box;	width: 100%;}.gridFieldContainer .dateSlotInfo {	flex-direction: column;	align-items: start;	padding: 10px 0;}.gridFieldContainer .dateAvilaRemoveBtn {	position: absolute;	right: 10px;	top: 10px;}.rtl .gridFieldContainer .dateAvilaRemoveBtn {	left: 10px;	right: auto;}.gridFieldContainer .DateSelectedSlot {	position: relative;}.gridFieldContainer .dateSlotInfo span {	padding-top: 18px;}.gridFieldContainer .dateSlotInfo .icon-DateTime {	width: 24px;	height: 24px;}.dayAvailability .popUpOuter {	width: 400px !important;    margin: 0 auto;}.dateTimeAvailability .popUpOuter{	width: 780px !important;    margin: 0 auto;}.dateTimeAvailability .fieldtext {	width: 400px;}.dateTimeAvailability .popUpFields {	display: flex;	position: relative;	}/* .type3 .dateTimeAvailability .popUpFields {	height: 430px;}.type4 .dateTimeAvailability .popUpFields {	height: 470px;}.type5 .dateTimeAvailability .popUpFields, .type6 .dateTimeAvailability .popUpFields {	height: 500px;} *//* .type3 .dateTimeAvaliTimeSlot {    height: calc(100% - 105px);}.type4  .dateTimeAvaliTimeSlot, .type5  .dateTimeAvaliTimeSlot {    height: calc(100% - 117px); } */.dateTimeAvalibilyInner {	width: 380px;	padding-top: 14px;	display: none;	position: relative;}.dateTimeAvalibilyInner:after {	position: absolute;	width: 1px;	height: 100%;	content: "";	background: var(--value-txt-clr);	display: inline-block;	left: 0;	bottom: 0;	opacity: 0.1;}.dateTimeAvaliHead {	 padding: 2px 20px 16px 20px;    height: 29px;    position: relative;}.dateTimeAvailability span {	font-size: var(--value-txt-size);	color: var(--value-txt-clr);	font-weight: 500;}.dateTimeAvailability .ui-widget-content {	padding-top: 16px;}/* .date_Picker_SlotElem {	height: calc(100% - 10px);} */.dateTimeAvaliTimeSlot {		overflow: hidden;	/* overflow-y: auto;	margin-bottom: 22px;	padding-bottom: 10px; */}.dateTimeAvaliTimeSlot ul {	align-items: start;	display: grid;	grid-gap: 16px;	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));	padding: 24px;	box-sizing: border-box;	padding-bottom: 16px;    max-height: 300px;    min-height: 300px;    grid-auto-rows: min-content;    overflow: hidden;    overflow-y: auto;}.dateTimeAvaliTimeSlot ul li {	list-style: none;	width: 100%;	font-size: var(--elements-h6-txt-size);	padding: 8px 10px;	box-sizing: border-box;	border: 1px solid var(--value-txt-clr);	border-radius: 6px;	text-align: center;	color: var(--value-txt-clr);	cursor: pointer;	float: left;}.dateTimeAvaliTimeSlot ul li.select {	border: 1px solid var(--elements-highlight-clr);	background: var(--elements-highlight-clr);	color: var(--value-txt-clr);}.dateTimeAvaliTimeSlot ul li:hover {	background: var(--elements-highlight-clr);	border: 1px solid var(--elements-highlight-clr);}.dateTimeAvaliTimeSlot ul li.select:hover {	background: var(--elements-highlight-clr);}.dateTimeAvaliTimeSlot ul li.disableDateTIme:hover {	background: transparent;	pointer-events: none;}.dateTimeAvaliTimeSlot ul li.disableDateTIme {	pointer-events: none;	background: var(--elements-highlight-clr);	border: 1px solid var(--elements-highlight-clr);	opacity: 0.3;	cursor: not-allowed;}.dateTimePopupDiv .timeZoneDiv {	font-size: calc(var(--instruction-txt-size) - 1px);    box-sizing: border-box;    padding: 14px 24px;    color: var(--value-txt-clr);    display: flex;    margin-top: 0;    margin-bottom: 0;    position: relative;    line-height: 140%;    bottom: 0;}.dateTimePopupDiv .timeZoneDiv:after {    position: absolute;    width: 100%;    height: 1px;    content: "";       top: 0;    left: 0;    opacity: 0.1;}.type3 .dateTimePopupDiv .timeZoneDiv {    font-size: calc(var(--instruction-txt-size) - 4px);}.type4 .dateTimePopupDiv .timeZoneDiv {    font-size: calc(var(--instruction-txt-size) - 5px);}.type5 .dateTimePopupDiv .timeZoneDiv {    font-size: calc(var(--instruction-txt-size) - 6px);}/* .dateTimePopupDiv .timeZoneDiv.dateSticky:after {    border-top: 1px solid var(--value-txt-clr);} */.dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {	width: 16px;	height: 16px;	margin-right: 6px;	flex: none;	fill: var(--value-txt-clr);	stroke-width: 0.2;	stroke: var(--value-txt-clr);    position: relative;    top: 2px;}.type3 .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {    top: 4px;}.type4 .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {    top: 3px;}.type5 .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime,.type6 .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {    top: 5px;}.dateTimePopupDiv .timeZoneDivDay{	position: relative;    margin-top: 0;    padding: 5px 20px;    margin-bottom: 10px;    border: none;}.dateTimePopupDiv .timeZoneDivDay:after {    display: none;}.rtl .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {	margin-left: 8px;	margin-right: 0;}.dateTimeAvailability .popUpInner.ofErrorPopupDiv {	padding-top: 0;}.timeandDateSlotHead {	padding: 16px;	display: none;	position: relative;}.timeandDateSlotHead span {	font-size: var(--label-txt-size);}.dateTimeAvailability .timeandDateSlotHead,.dateTimeAvailability .dateTimeAvalibilyInner {	display: block;}.btn_Disable a.pop_Okaybtn {	pointer-events: none;	opacity: 0.4;}.noSlotsAvailible {	display: flex;	flex-direction: column;	justify-content: center;	align-items: center;    min-height: 300px;}.noSlotsAvailible svg.icon.icon-DateTime {	width: 32px;	height: 32px;	position: revert;	transform: none;	fill: var(--value-txt-clr);	opacity: 1;	margin-right: 8px;	flex: none;	margin-bottom: 8px;}.noSlotsAvailible em {	font-size: var(--instruction-txt-size);	box-sizing: border-box;	padding: 5px 22px;	line-height: 150%;	text-align: center;	color: var(--value-txt-clr);}.dateAvailaError {	margin: -8px 0 12px 0;	float: left;}.rtl .dateAvailaError {	float: right;}.dateTimePopupDiv .ui-datepicker td.dateAvailSlotBooked {    pointer-events: none;    position: relative;	opacity: 1 !important;}.dateAvailSlotBooked .ui-state-default:after {    content: "";    position: absolute;    width: 1.3px;    height: 30px;    background: var(--value-txt-clr);    transform: rotate(45deg) translate(-50%, -50%);    top: 40%;    left: 31%;    margin: 0;}.noSlotsAvailible button {    border: 1px solid var(--value-txt-clr);    border-radius: 6px;    color: var(--value-txt-clr);    background: transparent;    margin: 10px 28px;    letter-spacing: 0.1px;    cursor: pointer;    padding: 8px 24px;    line-height: 150%;    position: relative;    padding-right: 35px;    font-size: var(--instruction-txt-size);	text-align: left;}.noSlotsAvailible button:after {    content: " ";    border-right: 2px solid var(--value-txt-clr);    border-top: 2px solid var(--value-txt-clr);    width: 7px;    height: 7px;    cursor: pointer;    display: block;    background: none;    position: absolute;    right: 17px;    top: 50%;    transform: translateY(-50%) rotate(45deg);}.noSlotsAvailible button:hover {    border: 1px solid var(--value-txt-clr);}.commonCircleRotate {	display: flex;	padding: 30px 40px;	box-sizing: border-box;	align-items: center;	justify-content: center;	flex-direction: column;	grid-gap: 20px;	min-height: 376px;}.commonCircleRotate .zfNewLoader {	width: 40px;	height: 40px;	border: 4px solid var(--submit-txt-clr);	border-bottom-color: rgba(var(--submit-bg-clr));	border-radius: 50%;	display: inline-block;	box-sizing: border-box;	animation: rotation 1s linear infinite;}.commonCircleRotate p {	font-size: var(--label-txt-size);	color: rgb(var(--value-txt-clr));	font-weight: 400;}.dateAvailabiFreezDiv {	position: absolute;	width: 100%;	height: 100%;	z-index: 9999;	top: 0;	display: none;}.dateAvailabiFreezDiv .commonCircleRotate {	min-height: 330px;	background: rgb(var(--elements-clr));	position: relative;	margin-top: 62px;}@keyframes rotation {	0% {		transform: rotate(0deg);	}	100% {		transform: rotate(360deg);	}}.dateTimeAvalibilyInner.dateAvaliNone {	display: flex;	align-items: center;	justify-content: center;	padding: 0;}.dateTimeAvalibilyInner.dateAvaliNone .dateTimeAvaliHead,.dateTimeAvalibilyInner.dateAvaliNone p {	display: none;}.dateTimeAvalibilyInner.dateAvaliNone .dateTimeAvaliTimeSlot {	margin: 0;	padding: 0;	height: 100%;}.dateTimeAvalibilyInner.dateAvaliNone .noSlotsAvailible {	padding: 0;}.dateheaderShowing .popUpOuter .popUpInner {	padding-top: 0;}.dateheaderShowing .timeandDateSlotHead {	display: block;}.dateTimePopupDiv.datePopupDIv.dateheaderShowing .ui-widget-content {	padding-top: 16px;}.dateheaderShowing .timeandDateSlotHead:after {	position: absolute;	width: 100%;	height: 1px;	content: "";	background: var(--value-txt-clr);	display: inline-block;	left: 0;	bottom: 0;	opacity: 0.1;}.dateheaderShowing span {	font-size: var(--label-txt-size);	color: var(--value-txt-clr);	font-weight: 500;}/* .dateheaderShowing .fieldtext {	padding-top: 12px;} */.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {	pointer-events: none;}.loadDivCircle {	width: 35px;	height: 34px;	border-radius: 8px;	position: relative;	overflow: hidden;}.loadDivCircle::after {	content: "";	position: absolute;	z-index: 9;	top: 0;	right: 0;	bottom: 0;	left: 0;}.loadDivCircle.clarge {	width: 260px;	height: 16px;	border-radius: 3px;	margin-left: 16px;	margin-bottom: 12px;}.loadDivCircle.cmedium {	width: 161px;	height: 8px;	margin-left: 16px;}.loadDivCircle:before {	content: "";	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	background: var(--value-txt-clr);	opacity: 0.1;}.loadDivCircle::after {	animation: loadDivCircleDiv 1.2s linear 0.5s infinite normal none running;	background-image: linear-gradient(-90deg, transparent, var(--value-txt-clr), var(--value-txt-clr), transparent);	opacity: 0.1;}@keyframes loadDivCircleDiv {	0% {		transform: translate(-100%) skew(155deg);	}	100% {		transform: translate(100%) skew(155deg);	}}.dateTimeAvaliLoadModel1 {	display: flex;    align-items: center;    justify-content: space-between;    padding: 16px 20px 16px 20px;    position: relative;    border-radius: 0px;    box-sizing: border-box;    height: 60px;}.dateTimeAvaliLoadModel1:after {	border-bottom: 1px solid var(--value-txt-clr);	height: 100%;	width: 100%;	content: "";	left: 0;	top: 0;	position: absolute;	opacity: 0.1;}.loadCircleDivition {	display: flex;	grid-gap: 0 10px;}.dateTimeAvaliLoadModel4 .loadDivCircle {	width: 152px;}.dateTimeAvaliLoadModel4 {	display: grid;	grid-gap: 16px 16px;	margin-top: 16px;	flex-wrap: wrap;	padding: 0 20px;	min-height: 285px;    grid-auto-rows: min-content;   	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));}.dateTimeAvaliLoadModel3 {	margin-top: 4px;	}.dateTimeAvaliLoadModel3 .loadDivCircle {	width: 150px;	height: 12px;}.dateTimeAvaliLoadModel1 .zfCircleTwo {	width: 105px;	height: 30px;}.dateTimeAvaliLoadModel1 .loadDivCircle {	height: 30px;}.dteTimeAvaiLoadPickerInner .oneRowLoading {	display: flex;	justify-content: end;	grid-gap: 20px;}.dteTimeAvaiLoadPickerHead {	width: 100%;}.dateTimeAvaliLoadModel2 {	padding: 3px 20px;}.dteTimeAvaiLoadPickerHead .loadDivCircle {	height: 11.11px;	border-radius: 50px;}.dteTimeAvaiLoadPickerInner {	display: flex;	justify-content: end;	flex-direction: column;	grid-gap: 12px;}.dteTimeAvaiLoadPickerInner .oneRowLoading:last-of-type {	justify-content: start;}.dateTimePopupDiv .dateTimeAvaliLoadModel2 table {	width: 100%;	margin: 0;}.dateTimePopupDiv .dateTimeAvaliLoadModel2 table thead th {	padding: .3em 0.3em;}.dateTimePopupDiv .dateTimeAvaliLoadModel2 td {	padding: 3px;}.fieldtext.loadWidthLarge {    width: 400px;	height: 363px;}.dteAvailSesionCrdDis {	background: rgba(190, 190, 190, .5);    border-color: #bfbfbf !important;	cursor: not-allowed;	opacity: .6;}.dteAvailSesionCrdDis .dateAvailability-link {	background: rgba(190, 190, 190, .5);    border-color: #bfbfbf !important;	cursor: not-allowed;	pointer-events: none;}.dateAvailsessionContent.dteAvailSesionCrdDis.disDuration {    border: none !important;	display: inline-flex;	opacity: .6;}.dteAvailSesionCrdDis .dateAvilaRemoveBtn {	border-color: var(--disabled-bdr-clr) !important;	display: none;}.dateFieldSmall .zfErrorParentDiv {    justify-content: start;}.dateFieldSmall .zfErrorParentDiv .zfErrorDiv {    margin: 0;}/* .datePopupDIv .popUpOuter {    width: 400px !important;} */.monthYearSelect {	position: absolute;	z-index: 999;}.datePopupDIv .monthYearSelect {    position: relative;}.monthandYearPicker {    position: relative;    width: 350px;    height: auto;    border-radius: 6px;    background: #FFF;    background-color: rgb(var(--elements-clr));    color: var(--value-txt-clr) !important;    border: 1px solid var(--value-txt-clr);    z-index: 999 !important;}.datePopupDIv .monthandYearPicker {    border: none;}.yearValue {    padding: 12px 10px;    display: flex;    align-items: center;    justify-content: center;    border-bottom: 1px solid var(--value-txt-clr);}.datePopupDIv .yearValue {    padding: 0 10px 16px;    border-bottom: 1px solid rgb(var(--value-txt-clr), var(--opacity-1)) !important;    position: relative;}.datePopupDIv .yearValue:after {    position: absolute;    width: 100%;    height: 1px;    content: "";    background: var(--value-txt-clr);    display: inline-block;    left: 0;    bottom: 0;    opacity: 0.1;}.monthListCont {    padding: 12px 10px 0;}.monthListCont ul {    display: flex;    justify-content: start;    flex-wrap: wrap;}.monthListCont ul li {    border-radius: 4px;    padding: 10px 15px;    min-width: 45px;    color: var(--value-txt-clr) !important;    font-size: 14px;    cursor: pointer;    margin-bottom: 12px;    margin-right: 4px;    text-align: center;    border:1px solid transparent;    list-style: none;}.monthListCont ul li:hover {  background: var(--elements-highlight-clr) !important;}.monthListCont ul li.select, .yearValueDropDown ul li.select {    background: var(--elements-highlight-clr) !important;    color: var(--value-txt-clr) !important;}.monthListCont ul li.currentMnth {    background: transparent !important;    border: 1px solid var(--value-txt-clr) !important;}.yearValueDropDown {    z-index: 1;}.yearSearch {    padding: 0 8px;}.yearSearch input[type="text"] {    padding: 6px 5px;}.yearValueDropDown span.select2-selection.select2-selection--single {    border: 1px solid var(--value-txt-clr) !important;    outline: none;    background-color: rgb(var(--elements-clr)) !important;    height: auto;}.yearValueDropDown span.select2.select2-container.select2-container--default {    width: 90px !important;}.select2-container--default.select2MonthYear .select2-search--dropdown .select2-search__field {    background: none !important;    padding-right: 0 !important;    padding: 5px 4px !important;    text-align: left;}.select2-container--default.select2MonthYear .select2-results__option[aria-selected=true] {    background-color: var(--elements-highlight-clr);    color: var(--value-txt-clr);}.yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__rendered {    line-height: 30px;    font-weight: bold;    color: var(--value-txt-clr) !important;    font-size: var(--date-picker-txt-size);}.rtl .yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__arrow {    left: 2px;}.select2-container--default.select2MonthYear .select2-results .select2-results__options {    max-height: 130px;}.formFieldWrapper .tempFrmWrapper.monthYearContDiv {    overflow: visible;}.monthListCont ul li.disabledMonth {    opacity: 0.4;    pointer-events: none;}.select2MonthYear .select2-search__field{    border-radius:3px;    border: 1px solid #ededed !important;}.select2MonthYear .select2-dropdown .select2-results__option--highlighted[aria-selected] {    color: var(--value-txt-clr);    background: var(--elements-highlight-clr);    font-weight: normal;}.select2MonthYear .select2-dropdown{    border: 1px solid #ededed !important;    box-shadow: 0px 11px 15px rgb(22 29 45 / 9%), 0px 3px 5px rgb(22 29 45 / 4%);}.select2-container--default.select2MonthYear .select2-selection--single .select2-selection__arrow b,.select2-container--default.select2MonthYear.select2-container--open .select2-selection--single .select2-selection__arrow b {	border-color: var(--value-txt-clr) transparent transparent transparent;	border-style: solid;	border-width: 5px 4px 0 4px;	height: 0;	left: 50%;	margin-left: -4px;	margin-top: -2px;	position: absolute;	top: 50%;	width: 0;}.rtl .yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__rendered {    text-align: right;    padding-left: 20px;    padding-right: 8px;}.monthAnimateDiv {    transition: left 0.2s linear;}.select2MonthYear .select2-results__option {    font-size: var(--date-picker-txt-size);}