@charset "UTF-8";.zfDateWrapper {	position: relative;}.calIconWrapper {	display: none;}.rtl .calIconWrapper {	right: auto;	left: 15px;}.ui-datepicker {	width: 355px !important;	padding: 10px 10px;	border-radius: 3px;}.miniCont480 .ui-datepicker {	width: 260px !important;}.ui-datepicker .ui-datepicker-title {	margin: 0 35px;}.miniCont480 .ui-datepicker .ui-datepicker-title {	margin: 0 18px;}.ui-datepicker .ui-datepicker-title .select2-container {	width: 110px !important;}.miniCont480 .ui-datepicker .select2-container {	width: 80px !important;}.ui-datepicker table {	margin: 20px 0px;}.ui-datepicker td a,.ui-datepicker td span {	padding: 6px 5px;	background: none !important;	font-size: var(--date-picker-txt-size) !important;}.fullPage_subfrmInner .ui-datepicker td a,.fullPage_subfrmInner .ui-datepicker td span,.fullPage_subfrmInner .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;	font-weight: 500;}.ui-datepicker td a:hover,.ui-datepicker td a.ui-state-active {	background-color: rgba(var(--value-txt-clr), .1) !important;	font-weight: normal;	color: rgb(var(--value-txt-clr)) !important;	border-radius: 50px;}.ui-datepicker td a.ui-state-active {    border: 1px solid rgb(var(--value-txt-clr)) !important;    background: rgb(var(--value-txt-clr)) !important;    color: rgb(var(--elements-clr)) !important;}.ui-datepicker-title {	font-size: var(--date-picker-txt-size);	color: rgb(var(--value-txt-clr));}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {	top: 3px;	border: 1px solid rgb(var(--value-txt-clr), var(--opacity-2)) !important;	height: 27px;	width: 27px;	border-radius: var(--input-radius);	cursor: pointer;}.ui-state-disabled.ui-state-hover:hover .ui-icon-circle-triangle-w {       opacity: .32 ; }.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;}.ui-datepicker .select2-container--default .select2-selection--single {	border: 1px solid rgb(var(--value-txt-clr), var(--opacity-2)) !important;	outline: none;	background-color: rgb(var(--elements-clr)) !important;	height: auto;	border-radius: var(--input-radius);	text-align: left;}.ui-datepicker .select2-container--default .select2-selection--single .select2-selection__rendered {	color: rgb(var(--value-txt-clr)) !important;	font-size: var(--date-picker-txt-size);	font-weight: 500;}.fullPage_subfrmInner .ui-datepicker .select2-container--default .select2-selection--single .select2-selection__rendered {	font-size: var(--sf-date-picker-txt-size);}.ui-datepicker .select2-container--default .select2-selection--single .select2-selection__arrow b {	border-color: rgb(var(--value-txt-clr)) transparent transparent transparent;}.ui-datepicker .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {	border-color: transparent transparent rgba(var(--value-txt-clr)) transparent !important;}.ui-datepicker .select2-container--default .select2-selection--single .select2-selection__arrow {	right:8px;}.of-ui-datepicker .select2-results__option {	font-size: var(--date-picker-txt-size);}.fullPage_subfrmInner .of-ui-datepicker .select2-results__option {	font-size: var(--sf-date-picker-txt-size);}.ui-datepicker .select2-container {	margin-right: 10px;	margin-left: 10px;}.miniCont480 .ui-datepicker .select2-container.liveTimeRange.dropdownNew {	margin-right: 5px;	margin-left: 5px;}.ui-widget-content .ui-state-highlight {	border: 1px solid rgb(var(--value-txt-clr)) !important;	border-radius: 50px;	background: transparent !important;}.select2-container--default .of-ui-datepicker .select2-results__option[aria-selected=true] {	padding-right: 25px;}.rtl .select2-container--default .of-ui-datepicker .select2-results__option[aria-selected=true] {	padding-left: 25px !important;	padding-right: 10px !important;}.select2-container--default .of-ui-datepicker .select2-results__option[aria-selected=true]:after {	right: 8px;	top: 50%;	transform: translateY(-60%) rotate(45deg);}.rtl .select2-container--default .of-ui-datepicker .select2-results__option[aria-selected=true]:after {	left: 8px;	right: auto;}.select2.select2-container.select2-container--default.liveDateTimeDropdown.liveTimeRange.dropdownNew {	width: 70px !important;}.type5 .select2.select2-container.select2-container--default.liveDateTimeDropdown.liveTimeRange.dropdownNew,.type6 .select2.select2-container.select2-container--default.liveDateTimeDropdown.liveTimeRange.dropdownNew {	width: 75px !important;}.select2.select2-container.select2-container--default.liveDateTimeDropdown.liveTimeRangeWidth.dropdownNew {	 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: rgb(var(--value-txt-clr));	left: 30px;	z-index: 1;}.rtl .liveDateTimePicker .icon.icon-Time {	position: absolute;	top: 9px;	left: 16px;}.rtl .livedatechange {	display: inline-block;	position: relative;}.liveDateTimePicker {	z-index: 999 !important;}.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;}.select2-container--default.liveTimeRange .select2-results__option[aria-selected=true]:after {	left: auto;	right: 8px;	top: 50%;	transform: translateY(-60%) rotate(45deg);}.rtl .select2-container--default.liveTimeRange .select2-results__option[aria-selected=true]:after {	right: auto;	left: 8px;}.miniCont480 .datetime .fieldtypeText {	width: 100%;}.miniCont480 .date .fieldtypeText {	width: 100%;}.miniCont580 .leftAlign .datetime .fieldtypeText, .miniCont580 .rightAlign .datetime .fieldtypeText {	width: 100%;}.miniCont580 .leftAlign .date .fieldtypeText, .miniCont580 .rightAlign .date .fieldtypeText {	width: 100%;}.date .fieldtypeText {    width: 50%;}.fullPage_subFrmWrap .date .fieldtypeText {    width: 100%;}.datetime .fieldtypeText {    width: 50%;}.fullPage_subFrmWrap .datetime .fieldtypeText {    width: 100%;}.rtl .leftAlign .date .zfFieldDiv_cont, .rtl .rightAlign .date .zfFieldDiv_cont {    float: right;}.rtl .leftAlign .datetime .zfFieldDiv_cont, .rtl .rightAlign .datetime .zfFieldDiv_cont {    float: right;}.dateTimePopupDiv .popUpOuter {	background: rgb(var(--elements-clr));	left: 50%;		transform: translateX(-50%);	border-radius: 6px;	border: 1px solid rgb(var(--value-txt-clr));/* 	top: 50% !important; */}/* .dateTimePopupDiv .ofPopCloseIcn {	right: -15px;	top: -15px;} */.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 20px;	border-top: 1px solid rgb(var(--value-txt-clr), var(--opacity-1)) !important;	text-align: right;	margin: 0;}.rtl .dateTimePopupDiv .popupTemFot {	text-align: left;}.dateTimePopupDiv.datePopupDIv .popupTemFot {	margin: 0;}.dateTimePopupDiv .popupTemFot a.pop_Okaybtn {	margin: 0;	padding: 8px 24px;	background: rgb(var(--value-txt-clr));	color: rgb(var(--elements-clr));    max-width: 310px;    display: inline-block;    box-sizing: border-box;    transition: 0.3s linear;    transform: scale(1);}.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 10px 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: 86px !important;}.dateTimePopupDiv .ui-datepicker td {	padding: 5px;}.dateTimePopupDiv .ui-datepicker .ui-datepicker-prev,.dateTimePopupDiv .ui-datepicker .ui-datepicker-next {	top: 0;}.fieldtext.loadWidthLarge {    width: 400px;}.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.datePopupDIv .ui-widget-content {    width: 440px !important;}.dateTimePopupDiv.datePopupDIv .ui-datepicker table {    margin: 16px 31px 16px;    width: 86%;}.dateheaderShowing .ui-widget-content {   padding-top: 12px;} */.dateTimePopupDiv .ui-datepicker .ui-datepicker-header {	border-bottom: 1px solid rgb(var(--value-txt-clr), var(--opacity-1)) !important;	padding: 0 20px 14px 20px;	position: relative;	border-radius: 0px;}.datetime-tiemvalueDiv {	border-top: 1px solid rgb(var(--value-txt-clr), var(--opacity-1)) !important;	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;}svg.icon_Date_Img {	padding-left: 10px;	opacity: 5;	top: 50%;	left: 8px;	transform: translateY(-50%);	width: 18px;	height: 18px;	position: absolute;	fill: rgb(var(--value-txt-clr));	display: none;}.rtl svg.icon_Date_Img {	left: 8px;	right: auto;}.dateTimePopupDiv svg.icon_Date_Img {	display: block;}.dayAvailability .popUpOuter {	width: 400px !important;}/* .dayAvailability.datePopupDIv .popUpOuter {    margin: 0 auto;} */.dateTimeAvailability .popUpOuter {    width: 780px !important;    margin: 0 auto !important;}.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;} */.dateTimeAvalibilyInner {	width: 380px;	padding-top: 11px;	display: none;	border-left: 1px solid rgb(var(--value-txt-clr), var(--opacity-1));}.dateTimeAvaliHead {	padding: 4px 20px 12px 20px;	border-bottom: 1px solid rgb(var(--value-txt-clr), var(--opacity-1));	min-height: 29px;}.dateTimeAvailability span {	font-size: var(--label-txt-size);	color: rgb(var(--value-txt-clr));	font-weight: 500;}.dateTimeAvailability .ui-widget-content {	padding-top: 13px;}/* .date_Picker_SlotElem {	height: calc(100% - 10px);} */.dateTimeAvaliTimeSlot {	overflow: hidden;		/* 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 rgb(var(--value-txt-clr), var(--opacity-3));	border-radius: 6px;	text-align: center;	color: rgb(var(--value-txt-clr));	cursor: pointer;	float: left;}.dateTimeAvaliTimeSlot ul li.select {	border: 1px solid rgb(var(--value-txt-clr));	background: rgb(var(--value-txt-clr));	color: rgb(var(--elements-clr));}.dateTimeAvaliTimeSlot ul li:hover {	background: rgb(var(--elements-clr));	border-color: 1px solid rgb(var(--value-txt-clr));}.dateTimeAvaliTimeSlot ul li:focus {    border-color: rgb(var(--value-txt-clr));}.dateTimeAvaliTimeSlot ul li.select:hover {	background: rgb(var(--value-txt-clr));	border: 1px solid rgb(var(--value-txt-clr));}.disableDateTIme {	background: rgba(var(--value-txt-clr), .1);	pointer-events: none;	opacity: .4;}.disableDateTIme:hover {	pointer-events: none;}.dateTimePopupDiv .timeZoneDiv {	font-size: calc(var(--instruction-txt-size) - 1px);    box-sizing: border-box;    padding: 14px 24px;    color: rgb(var(--value-txt-clr), var(--opacity-7));    display: flex;    margin-top: 0;    margin-bottom: 0;    position: relative;    line-height: 140%;    bottom: 0;	 	}/* .dateTimePopupDiv .timeZoneDiv.dateSticky {    border-top: 1px solid rgb(var(--value-txt-clr), var(--opacity-1));} */.type3 .dateTimePopupDiv .timeZoneDiv {    font-size: calc(var(--instruction-txt-size) - 2px);}.type4 .dateTimePopupDiv .timeZoneDiv {    font-size: calc(var(--instruction-txt-size) - 3px);}.type5 .dateTimePopupDiv .timeZoneDiv {    font-size: calc(var(--instruction-txt-size) - 4px);}.type6 .dateTimePopupDiv .timeZoneDiv {    font-size: calc(var(--instruction-txt-size) - 5px);}.dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {	width: 16px;	height: 16px;	margin-right: 6px;	flex: none;	fill: rgb(var(--value-txt-clr), var(--opacity-6));	stroke-width: 0.2;	stroke: rgb(var(--value-txt-clr), var(--opacity-6));	position: relative;	top: 1px;}.type3 .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {    top: 2px;}.type4 .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {    top: 3px;}.type5 .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime,.type6 .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {    top: 4px;}.dateTimePopupDiv .timeZoneDivDay{	position: relative;    margin-top: 0;    padding: 5px 20px;    margin-bottom: 10px;    border: none;}.rtl .dateTimePopupDiv .timeZoneDiv svg.icon.icon-DateTime {	margin-left: 8px;	margin-right: 0;}.dateTimeAvailability .popUpInner.ofErrorPopupDiv {	padding-top: 0;}.timeandDateSlotHead {	padding: 16px;	border-bottom: 1px solid rgb(var(--value-txt-clr), var(--opacity-1)) !important;	display: none;}.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: rgb(var(--value-txt-clr), var(--opacity-8));	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;	color: rgb(var(--value-txt-clr), var(--opacity-8));	line-height: 150%;	text-align: center;}.dateAvailaError {	float: left;	padding: 5px 0;}.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: rgb(var(--value-txt-clr)) !important;    transform: rotate(45deg) translate(-50%, -50%);    top: 40%;    left: 31%;    margin: 0;}.noSlotsAvailible button {    border: 1px solid rgb(var(--value-txt-clr), var(--opacity-6));    border-radius: 6px;    color: rgb(var(--value-txt-clr)) !important;    background: transparent;    margin: 10px 24px;    letter-spacing: 0.1px;    cursor: pointer;    padding: 8px 24px;    line-height: 150%;    position: relative;    padding-right: 35px;    font-size: calc(var(--value-txt-size) + -1px);	text-align: left;}.noSlotsAvailible button:after {    content: " ";    border-right: 2px solid rgb(var(--value-txt-clr));    border-top: 2px solid rgb(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 rgb(var(--value-txt-clr), var(--opacity-8));}.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 rgb(var(--value-txt-clr), var(--opacity-2));	border-bottom-color: rgba(var(--submit-bg-clr), var(--submit-bg-opacity));	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 !important;}.dateheaderShowing .timeandDateSlotHead {	display: block;}.dateheaderShowing span {	font-size: var(--label-txt-size);	color: rgb(var(--value-txt-clr));	font-weight: 500;}.dateheaderShowing .ui-widget-content {	padding-top: 12px;}.loadDivCircle {	width: 30px;	height: 30px;	border-radius: 8px;	position: relative;	background: rgb(var(--value-txt-clr), var(--opacity-1));	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::after {	animation: loadDivCircleDiv 1.2s linear 0.5s infinite normal none running;	background-image: linear-gradient(-90deg, transparent, rgb(var(--value-txt-clr), var(--opacity-1)), rgb(var(--value-txt-clr), var(--opacity-1)), transparent);}@keyframes loadDivCircleDiv {	0% {		transform: translate(-100%) skew(155deg);	}	100% {		transform: translate(100%) skew(155deg);	}}.dateTimeAvaliLoadModel1 {	display: flex;	align-items: center;	justify-content: space-between;	border-bottom: 1px solid rgb(var(--value-txt-clr), var(--opacity-1)) !important;	padding: 15px 20px 16px 20px;	position: relative;	border-radius: 0px;	box-sizing: border-box;	height: 62px;}.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: 284px;    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: 0px 20px;}.dteTimeAvaiLoadPickerHead .loadDivCircle {	height: 12px !important;	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: .59em 0.3em;}.dateTimePopupDiv .dateTimeAvaliLoadModel2 td {	padding: 9.4px 7px;}@charset "UTF-8";.zfTimeContainer .customDropDown {    width: 25%;    float: left;    position: relative;    margin-right: 14px;}.rtl .zfTimeContainer .customDropDown {	float: right;	text-align: right;	margin-right: 0;	margin-left: 14px;}.miniCont480 .zfTimeContainer .customDropDown {    width: 25%;    margin-right: 2%;}.zfTimeContainer .customDropDown:last-of-type {    margin-right: 0;}.rtl .zfTimeContainer .customDropDown:last-of-type {    margin-left: 0;}.fieldContainer.time .fieldtypeText {	width: 285px;}.rtl .leftAlign .time .zfFieldDiv_cont, .rtl .rightAlign .time .zfFieldDiv_cont {    float: right;}.fullPage_subFrm .fullPage_subfrmInner .zfTimeContainer .customDropDown {    width: 32%;    margin-right: 2%;}.rtl .fullPage_subFrm .fullPage_subfrmInner .zfTimeContainer .customDropDown {    margin-left: 2%;    margin-right: 0;}.fullPage_subFrm .fullPage_subfrmInner .zfTimeContainer .customDropDown:last-of-type {    margin-right: 0;}.rtl .fullPage_subFrm .fullPage_subfrmInner .zfTimeContainer .customDropDown:last-of-type {    margin-left: 0;}.fullPage_subFrm .fullPage_subfrmInner .sfTime24hrs .zfTimeContainer .customDropDown {    width: 49%;    margin-right: 2%;}.rtl .fullPage_subFrm .fullPage_subfrmInner .sfTime24hrs .zfTimeContainer .customDropDown {    margin-left: 2%;    margin-right: 0;}.fullPage_subFrm .fullPage_subfrmInner .sfTime24hrs .zfTimeContainer .customDropDown:last-of-type {    margin-right: 0;}.rtl .fullPage_subFrm .fullPage_subfrmInner .sfTime24hrs .zfTimeContainer .customDropDown:last-of-type {    margin-left: 0;}.twoColumn .col .zfTimeContainer .customDropDown, .threeColumn .col .zfTimeContainer .customDropDown{	width: 32%;	margin-right: 2%;}.oneColumn .col .time .fieldtypeText{	width: 285px !important;}.twoColumn .col .zfTimeContainer .customDropDown:last-of-type, .threeColumn .col .zfTimeContainer .customDropDown:last-of-type{	margin-right: 0px !important;	}.rtl .twoColumn .col .zfTimeContainer .customDropDown, .rtl .threeColumn .col .zfTimeContainer .customDropDown{	width: 32%;	margin-right: 0%;	margin-left: 2%;}.rtl .twoColumn .col .zfTimeContainer .customDropDown:last-of-type, .rtl .threeColumn .col .zfTimeContainer .customDropDown:last-of-type{	margin-left: 0px !important;	}@charset "UTF-8";.session-card h2 {	font-size: 18px;	font-weight: 600;	color: #1d2433;	margin-bottom: 16px;}.dateAvailsessionContent {	display: flex;	justify-content: space-between;	align-items: center;	border: 1px dashed rgba(var(--input-bdr-clr), var(--input-bdr-opacity));	border-top-width: min(1px, var(--input-bdr-top-width));	border-bottom-width: min(1px, var(--input-bdr-bottom-width));	border-left-width: min(1px, var(--input-bdr-left-width));	border-right-width: min(1px, var(--input-bdr-right-width));	padding: 16px;	border-radius: var(--input-radius);	background: rgba(var(--input-bg-clr), var(--input-bg-opacity));	line-height: 150%;}.fieldModel_4 .dateAvailsessionContent {	border-width: min(1px, var(--input-bdr-bottom-width));}.dateInterval-text {	max-width: 50%;}.dateInterval-text em { 	font-size: var(--instruction-txt-size);	color: rgb(var(--value-txt-clr));	line-height: 150%;}.dateInterval-text span {	display: block;	font-size: var(--value-txt-size);	font-weight: 500;	color: rgb(var(--value-txt-clr));	margin-top: 3px;}.dateAvailability-link {	display: inline-flex;	align-items: center;	padding: 8px 20px;	text-decoration: none;	transition: 0.2s;	max-width: 45%;	margin-left: 16px;	border: 1px solid rgba(var(--input-bdr-clr), var(--input-bdr-opacity));	border-radius: var(--input-radius);}.dateAvailsessionContent .dateAvailability-link:hover {    border: 1px solid var(--input-focus-clr) !important;}.fieldModel_4 .dateAvailability-link {	border: 1px solid rgba(var(--input-bdr-clr), var(--input-bdr-opacity))}.dateAvailability-link:hover {	text-decoration: none !important;}.dateAvailability-link:focus {	border-color: var(--input-focus-clr) !important;	box-shadow: 0px 0px 2px 0px var(--input-focus-clr);}.dateAvailability-link em {	color: rgb(var(--value-txt-clr));	font-size: var(--instruction-txt-size);	letter-spacing: 0.3px;	line-height: 150%;}.dateAvailability-link .icon-DateTime,.dateSlotInfo .icon-DateTime {	width: 20px;	height: 20px;	position: revert;	transform: none;	fill: rgb(var(--value-txt-clr));	opacity: 1;	margin-right: 8px;	flex: none;}.dateAvailability-link .icon-DateTime {	width: 20px;	height: 20px;}.rtl .dateAvailability-link .icon-DateTime,.rtl .dateSlotInfo .icon-DateTime {	margin-right: 0;	margin-left: 8px;}.DateSelectedSlot {	padding: 16px 16px;	background: rgba(var(--input-bg-clr), var(--input-bg-opacity));	display: flex;	justify-content: space-between;	align-items: center;	border: 1px dashed rgba(var(--input-bdr-clr), var(--input-bdr-opacity));    border-top-width: min(1px, var(--input-bdr-top-width));    border-bottom-width: min(1px, var(--input-bdr-bottom-width));    border-left-width: min(1px, var(--input-bdr-left-width));    border-right-width: min(1px, var(--input-bdr-right-width));    border-radius: var(--input-radius);}.fieldModel_4 .DateSelectedSlot {    border-width: min(1px, var(--input-bdr-bottom-width));}.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;	border: 1px solid rgba(var(--value-txt-clr), var(--opacity-3));	border-radius: 4px;	cursor: pointer;	transition: 0.1s linear;	transform: scale(1.0);	flex: none;}.dateAvilaRemoveBtn:hover {	border: 1px solid rgba(var(--value-txt-clr), var(--opacity-5));}a.dateAvilaRemoveBtn:focus {	border-color: var(--input-focus-clr) !important;	transform: scale(1.1);	transition: 0.1s linear;	box-shadow: 0px 0px 2px 0px var(--input-focus-clr);}.dateAvilaRemoveBtn:hover svg.icon.delete_icon {	opacity: 0.7;}.dateAvilaRemoveBtn svg.icon.delete_icon {	width: 10px;	height: 10px;	transform: none;	fill: rgb(var(--value-txt-clr));	opacity: 0.6;	position: revert;}.dateAvilaRemoveBtn:hover {	transform: scale(1.1);	transition: 0.1s linear;}.dateSlotInfo {	display: flex;	align-items: center;}.dateSlotInfo span {	font-size: var(--value-txt-size);	font-weight: 500;	color: rgb(var(--value-txt-clr));	line-height: 150%;	margin-right: 8px;}.rtl .dateSlotInfo span {    margin-left: 8px;	margin-right: 0;}.gridFieldContainer .twoColumn .dateAvailsessionContent,.gridFieldContainer .threeColumn .dateAvailsessionContent {	flex-direction: column;	align-items: start;}.gridFieldContainer .twoColumn .dateAvailability-link {	margin: 0;	max-width: 100% !important;	width: 100%;	justify-content: center;}.gridFieldContainer .threeColumn .dateInterval-text {	max-width: 100%;}.gridFieldContainer .threeColumn .dateAvailability-link {	max-width: 100% !important;	width: 100%;	justify-content: center;	margin-left: 0;}.dateAvailsessionContent.disDuration {	padding: 0;	border: 1px solid transparent;	background: transparent;}.dateAvailsessionContent.disDuration .dateAvailability-link {	margin-left: 0;	padding: 8px 20px;	background: rgba(var(--input-bg-clr), var(--input-bg-opacity));	max-width: 50%;}.gridFieldContainer .twoColumn .dateInterval-text,.gridFieldContainer .threeColumn .dateInterval-text {	margin-bottom: 16px;}.gridFieldContainer .dateAvailability-link {	box-sizing: border-box;}.gridFieldContainer .DateSelectedSlot {	position: relative;}.gridFieldContainer .dateSlotInfo .icon-DateTime {	width: 24px;	height: 24px;}.dteAvailSesionCrdDis {	background: rgba(var(--disabled-bg-clr), var(--disabled-bg-opacity));	border-color: var(--disabled-bdr-clr) !important;	cursor: not-allowed;}.dteAvailSesionCrdDis .dateAvailability-link {	background: rgba(var(--disabled-bg-clr), var(--disabled-bg-opacity)) !important;	border-color: var(--disabled-bdr-clr) !important;	pointer-events: none;}.dateAvailsessionContent.dteAvailSesionCrdDis.disDuration {    border: none !important;	pointer-events: none;}.dteAvailSesionCrdDis .dateAvilaRemoveBtn {	border-color: var(--disabled-bdr-clr) !important;	display: none;	pointer-events: none;}.noFieldIcon .fieldtypeText.ofIconCont .dateAvailsessionCard svg,.noFieldIcon .fieldtypeText.ofIconCont .DateSelectedSlot svg {    display: block;}@charset "UTF-8";/************************************	Month-Year Picker************************************/    .monthYearSelect {        position: absolute;        z-index: 999;    }	.datePopupDIv .monthYearSelect {        position: relative;    }    .monthandYearPicker {        position: relative;    	 width: 350px;    	 height: auto;    	 border-radius: 3px;    	 background: #FFF;    	 z-index: 1;    	 background-color: rgb(var(--elements-clr));    	 color: var(--value-txt-clr) !important;    	 border: 1px solid rgb(var(--value-txt-clr));    }	.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;    }    .monthListCont {        padding: 12px 10px 0;    }    .monthListCont ul {        display: flex;        justify-content: start;        flex-wrap: wrap;    }    .select2-container--default.select2MonthYear.select2-container--open .select2-selection--single .select2-selection__arrow b {    border-color: transparent transparent rgba(var(--value-txt-clr)) transparent !important;    border-width: 0 4px 5px 4px !important;}    .monthListCont ul li {        border-radius: 4px;    	 padding: 10px 15px;    	 min-width: 45px;     	 color: rgb(var(--value-txt-clr)) !important;    	 font-size: var(--date-picker-txt-size) !important;    	 cursor: pointer;    	 margin-bottom: 12px;    	 margin-right: 4px;    	 text-align: center;    	 border: 1px solid transparent;        list-style: none;    }    .datePopupDIv .monthListCont ul li {		margin-right: 1px;		margin-left: 2px;    }    .monthListCont ul li:hover {        background-color: rgba(var(--value-txt-clr), .1) !important;    	font-weight: normal;      	color: rgb(var(--value-txt-clr)) !important;    	border-radius: 50px;    }    .monthListCont ul li.select, .yearValueDropDown ul li.select {	    background: rgb(var(--value-txt-clr)) !important;	    color: rgb(var(--elements-clr)) !important;	    border-radius: 50px;	    border: 1px solid rgb(var(--value-txt-clr)) !important;	}    .monthListCont ul li.currentMnth {	    border: 1px solid rgb(var(--value-txt-clr)) !important;	    border-radius: 50px;	    background-color: transparent !important;	    font-weight: normal;	    color: rgb(var(--value-txt-clr)) !important;	}    .yearValueDropDown {        z-index: 1;    }    .btn_Disable a.pop_Okaybtn {		pointer-events: none;		opacity: 0.4;	}    .yearSearch {        padding: 0 8px;    }    .yearSearch input[type="text"] {        padding: 6px 5px;    }    .yearValueDropDown span.select2-selection.select2-selection--single {        border: 1px solid rgb(var(--value-txt-clr)) !important;        outline: none;        background-color: rgb(var(--elements-clr)) !important;        height: auto;        border-radius: var(--input-radius);    }    .yearValueDropDown span.select2.select2-container.select2-container--default {        width: 90px !important;    }    .select2-container--default.select2MonthYear .select2-search--dropdown .select2-search__field {        padding-right: 0 !important;        padding: 5px 4px !important;    }    .select2-container--default.select2MonthYear .select2-results__option[aria-selected=true] {    	background-color: rgba(var(--value-txt-clr), .1);    	color: rgba(var(--value-txt-clr));    }    .yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__rendered {         line-height: 30px;         font-weight: bold;         color: rgb(var(--value-txt-clr)) !important;         font-size: var(--date-picker-txt-size);         text-align: center;    }    .yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__arrow {    	right: 4px;    	top: 2px;    }    .rtl .yearValueDropDown .select2-container--default .select2-selection--single .select2-selection__arrow {        left: 4px;    }    .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] {    	font-weight: normal;    	background: rgba(var(--value-txt-clr), .1);    	color: rgb(var(--value-txt-clr));    }    .select2MonthYear .select2-dropdown{         border: 1px solid rgb(var(--value-txt-clr)) !important;         background-color: rgb(var(--elements-clr));    }    .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: rgb(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 {        padding-left: 20px;        padding-right: 8px;    }    .monthAnimateDiv {        transition: left 0.2s linear;    }    .select2MonthYear .select2-results__option {        font-size: var(--date-picker-txt-size);    }    .miniCont480 .monthandYearPicker,    .miniCont580 .monthandYearPicker {   		 width: 263px;}.miniCont580 .mainMYPickerUl ul li {    padding: 7px 9px;    min-width: 35px;    margin-right: 7px;}.miniCont580 .mainMYPickerUl ul li:last-child {     margin-right: 0;}