#ui-datepicker-div.gfrtl-jalali-calendar{
	box-sizing: border-box !important;
	position: absolute !important;
	display: none;
	width: 280px !important;
	max-width: calc(100vw - 24px) !important;
	min-width: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 8px !important;
	overflow: visible !important;
	z-index: 999999 !important;
	direction: rtl !important;
	text-align: center !important;
	font-family: iranyekan, IRANYekan, IRANSansXFaNum, IRANSans, Vazirmatn, Vazir, Tahoma, Arial, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: #242748 !important;
	background: #fff !important;
	border: 1px solid #d5d7e9 !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 24px rgba(18, 25, 97, 0.16) !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar.ui-datepicker-rtl{
	direction: rtl !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar *{
	box-sizing: border-box !important;
	font-family: inherit !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-header{
	position: relative !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 6px !important;
	width: 100% !important;
	min-height: 36px !important;
	margin: 0 0 8px !important;
	padding: 4px !important;
	background: #f4f5fb !important;
	border: 0 !important;
	border-radius: 6px !important;
	color: #242748 !important;
	overflow: visible !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-title{
	display: flex !important;
	flex: 1 1 auto !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	width: auto !important;
	margin: 0 !important;
	line-height: 32px !important;
	text-align: center !important;
	font-weight: 700 !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-title select{
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-block !important;
	width: auto !important;
	max-width: none !important;
	height: 32px !important;
	margin: 0 !important;
	border: 1px solid #d5d7e9 !important;
	border-radius: 6px !important;
	background-color: #fff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M2.5 4.2L6 8l3.5-3.8'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: left 7px center !important;
	background-size: 10px 10px !important;
	color: #242748 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 32px !important;
	vertical-align: middle !important;
	box-shadow: none !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-title select.ui-datepicker-month{
	min-width: 88px !important;
	padding: 0 8px 0 24px !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-title select.ui-datepicker-year{
	min-width: 78px !important;
	padding: 0 8px 0 24px !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select{
	position: relative !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select select{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select-toggle{
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	position: relative !important;
	z-index: 2 !important;
	width: auto !important;
	min-width: 88px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 10px 0 26px !important;
	border: 1px solid #d5d7e9 !important;
	border-radius: 6px !important;
	background-color: #fff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M2.5 4.2L6 8l3.5-3.8'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: left 8px center !important;
	background-size: 10px 10px !important;
	color: #242748 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 32px !important;
	text-align: right !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select--year .gfrtl-select-toggle{
	min-width: 78px !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select.is-open .gfrtl-select-toggle{
	border-color: #3e63dd !important;
	box-shadow: 0 0 0 3px rgba(62, 99, 221, 0.14) !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select-menu{
	display: none !important;
	position: absolute !important;
	top: calc(100% + 6px) !important;
	right: 0 !important;
	left: auto !important;
	z-index: 30 !important;
	min-width: 132px !important;
	max-height: 220px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 6px !important;
	background: #fff !important;
	border: 1px solid #d5d7e9 !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 28px rgba(18, 25, 97, 0.18) !important;
	text-align: right !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select--year .gfrtl-select-menu{
	min-width: 96px !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select.is-open .gfrtl-select-menu{
	display: block !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select-option{
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 8px 10px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: transparent !important;
	color: #242748 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	text-align: right !important;
	cursor: pointer !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select-option:hover{
	background: #eef0fa !important;
	color: #242748 !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .gfrtl-select-option.is-selected{
	background: #3e63dd !important;
	color: #fff !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-prev,
#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-next{
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	float: none !important;
	display: inline-block !important;
	flex: 0 0 32px !important;
	width: 32px !important;
	min-width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	cursor: pointer !important;
	border-radius: 6px !important;
	text-indent: -9999px !important;
	font-size: 0 !important;
	color: transparent !important;
	background: #fff !important;
	border: 1px solid #d5d7e9 !important;
	background-image: none !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-prev span,
#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-next span,
#ui-datepicker-div.gfrtl-jalali-calendar .ui-icon{
	display: none !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-prev::before,
#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-next::before{
	content: "" !important;
	position: absolute !important;
	top: 11px !important;
	width: 8px !important;
	height: 8px !important;
	border-top: 2px solid #242748 !important;
	border-right: 2px solid #242748 !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-prev::before{
	right: 13px !important;
	transform: rotate(45deg);
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-next::before{
	left: 13px !important;
	transform: rotate(-135deg);
}

#ui-datepicker-div.gfrtl-jalali-calendar table,
#ui-datepicker-div.gfrtl-jalali-calendar table.ui-datepicker-calendar{
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	background: transparent !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar thead,
#ui-datepicker-div.gfrtl-jalali-calendar tbody,
#ui-datepicker-div.gfrtl-jalali-calendar tfoot{
	display: table-row-group !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar thead{
	display: table-header-group !important;
	background: transparent !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar tr{
	display: table-row !important;
	width: auto !important;
	border: 0 !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar th,
#ui-datepicker-div.gfrtl-jalali-calendar td{
	display: table-cell !important;
	width: 14.28% !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 1px !important;
	vertical-align: middle !important;
	text-align: center !important;
	float: none !important;
	border: 0 !important;
	background: transparent !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar th,
#ui-datepicker-div.gfrtl-jalali-calendar th span{
	height: auto !important;
	padding: 4px 0 !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	color: #6b6f8a !important;
	white-space: nowrap !important;
	text-transform: none !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar td span,
#ui-datepicker-div.gfrtl-jalali-calendar td a{
	display: block !important;
	width: 100% !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 30px !important;
	text-align: center !important;
	text-decoration: none !important;
	color: #242748 !important;
	border-radius: 4px !important;
	background: transparent !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar td a:hover{
	background: #eef0fa !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-state-active,
#ui-datepicker-div.gfrtl-jalali-calendar .ui-state-active.ui-state-hover{
	color: #fff !important;
	background: #3e63dd !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-today a{
	box-shadow: inset 0 0 0 1px #3e63dd !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-other-month span,
#ui-datepicker-div.gfrtl-jalali-calendar .ui-state-disabled span{
	color: #b4b8cc !important;
	background: transparent !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-buttonpane{
	display: block !important;
	margin-top: 6px !important;
	padding-top: 6px !important;
	border-top: 1px solid #e3e6ef !important;
}

#ui-datepicker-div.gfrtl-jalali-calendar .ui-datepicker-buttonpane button{
	display: inline-block !important;
	height: auto !important;
	margin: 0 4px !important;
	padding: 4px 8px !important;
	border: 1px solid #d5d7e9 !important;
	border-radius: 4px !important;
	background: #fff !important;
	color: #242748 !important;
	cursor: pointer !important;
}

@media only screen and (max-width: 640px) {
	#ui-datepicker-div.gfrtl-jalali-calendar{
		width: min(280px, calc(100vw - 24px)) !important;
	}

	#ui-datepicker-div.gfrtl-jalali-calendar th,
	#ui-datepicker-div.gfrtl-jalali-calendar th span{
		font-size: 10px !important;
	}
}
