.nd-field-help,
.nd-field > small {
	display: block;
	margin-top: 6px;
	color: #667085;
	font-size: 10px;
	font-weight: 400;
	line-height: 1.7;
}

.nd-jalali-field {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	direction: ltr;
}

.nd-jalali-field > .nd-jalali-input {
	min-width: 0;
	flex: 1;
	padding-right: 68px !important;
}

.nd-jalali-open {
	position: absolute;
	top: 50%;
	right: 5px;
	height: 30px;
	padding: 0 9px;
	transform: translateY(-50%);
	border: 0;
	border-radius: 7px;
	background: #edf3ff;
	color: #145fc2;
	font: 600 11px/1 Tahoma, Arial, sans-serif;
	cursor: pointer;
}

.nd-jalali-open:hover,
.nd-jalali-open:focus {
	background: #dce9ff;
	color: #0a4eaa;
}

.nd-jalali-calendar {
	position: fixed;
	z-index: 1000001;
	box-sizing: border-box;
	padding: 13px;
	border: 1px solid #ccd7e5;
	border-radius: 14px;
	background: #fff;
	color: #172033;
	font: 13px/1.5 Tahoma, Arial, sans-serif;
}

.nd-jalali-calendar[hidden] {
	display: none !important;
}

.nd-jalali-head {
	display: grid;
	grid-template-columns: 36px 1fr 84px 36px;
	align-items: center;
	gap: 6px;
}

.nd-jalali-head select,
.nd-jalali-nav {
	height: 36px;
	margin: 0 !important;
	border: 1px solid #d8e0eb !important;
	border-radius: 8px !important;
	background: #fff;
	color: #172033;
	font: inherit;
}

.nd-jalali-nav {
	padding: 0;
	font-size: 23px;
	cursor: pointer;
}

.nd-jalali-weekdays,
.nd-jalali-days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 3px;
}

.nd-jalali-weekdays {
	margin-top: 12px;
	color: #6b778c;
	text-align: center;
}

.nd-jalali-weekdays span {
	padding: 5px;
}

.nd-jalali-days button,
.nd-jalali-spacer {
	height: 34px;
}

.nd-jalali-days button {
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.nd-jalali-days button:hover,
.nd-jalali-days button:focus {
	background: #edf3ff;
	color: #145fc2;
}

.nd-jalali-days button.is-today {
	outline: 1px solid #8fb8ee;
	outline-offset: -2px;
}

.nd-jalali-days button.is-selected {
	background: #1267f2;
	color: #fff;
}

.nd-jalali-actions {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e4e9f0;
}

.nd-jalali-actions button {
	padding: 6px 10px;
	border: 0;
	background: transparent;
	color: #145fc2;
	font: 600 12px/1.4 Tahoma, Arial, sans-serif;
	cursor: pointer;
}

@media (max-width: 520px) {
	.nd-jalali-calendar {
		top: auto !important;
		right: 12px !important;
		bottom: 12px;
		left: 12px !important;
		width: auto !important;
		padding: 15px;
	}

	.nd-jalali-days button,
	.nd-jalali-spacer {
		height: 39px;
	}
}