.Smallbutton {
	margin: 5px;
	font-family: Dana;
	font-weight: 500;
	background-color: transparent;
	color: white;
	border: 1px solid white;
	padding: 2px 10px;
	font-size: 14px;
	border-radius: 8px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	align-content: center;
}

	.Smallbutton:hover {

		background-color: white;
		color: #8930e8;
		border-color: #4f1091;
	}
	.Smallbutton:active {
		transform: scale(0.8);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

	}

.Rbutton {
	margin: 10px;
	font-family: Dana;
	font-weight: 500;
	background-color: white;
	color: #4f1091;
	border: 2px solid #4f1091;
	padding: 3px 10px;
	/*font-size: 16px;*/
	border-radius: 8px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}
.Rbutton:hover {
		
	transform: scale(0.9);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.Rbutton:active {
	transform: scale(0.8);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.Rbutton2 {
	font-family: Dana;
	font-weight: 500;
	background-color: white;
	color: #4f1091;
	border: 2px solid #4f1091;
	padding: 1px 10px;
	border-radius: 8px;
	font-size: 15px;
	cursor: pointer;
	gap:.5rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}
.Rbutton2:hover {
		
	transform: scale(0.95);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.Rbutton2:active {
	transform: scale(0.85);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
	
.exitButton {
	font-family: Dana;
	font-weight: 500;
	background-color: white;
	color: #4f1091;
	border: 2px solid #4f1091;
	padding: 0px 8px;
	/*font-size: 16px;*/
	border-radius: 8px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
/*	flex-direction: row-reverse;*/
	justify-content: space-between;
	align-items: center;
	align-content: center;
	gap:8px;
}
	.exitButton:hover {
		transform: scale(0.9);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}

	.exitButton:active {
		transform: scale(0.8);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}

.RbuttonAcceptAndSend {
	margin: 10px;
	font-family: Dana;
	font-weight: 500;
	background-color: #4f1091;
	color: white;
	border: 2px solid #4f1091;
	padding: 3px 10px;
	/*font-size: 16px;*/
	border-radius: 8px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}

	.RbuttonAcceptAndSend:hover {
		transform: scale(0.9);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}

	.RbuttonAcceptAndSend:active {
		transform: scale(0.8);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}



.buttonViolet {
	margin: 10px;
	font-family: Dana;
	font-weight: 500;
	background-color: #4f1091;
	color: white;
	border: 2px solid #4f1091;
	padding: 3px 10px;
	/*font-size: 16px;*/
	border-radius: 5px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}

	.buttonViolet:hover {
		transform: scale(0.9);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}

	.buttonViolet:active {
		transform: scale(0.8);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}

.buttonGreen {
	margin: 10px;
	font-family: Dana;
	font-weight: 500;
	background-color: #01422b;
	color: white;
	border: 2px solid #01422b;
	padding: 3px 10px;
	/*font-size: 16px;*/
	border-radius: 5px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}

	.buttonGreen:hover {
		transform: scale(0.9);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}

	.buttonGreen:active {
		transform: scale(0.8);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}

.buttonRed {
	margin: 10px;
	font-family: Dana;
	font-weight: 500;
	background-color: #960028;
	color: white;
	border: 2px solid #960028;
	padding: 3px 10px;
	/*font-size: 16px;*/
	border-radius: 5px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}

	.buttonRed:hover {
		transform: scale(0.9);
		color:inherit;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}

	.buttonRed:active {
		transform: scale(0.8);
		color: inherit;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	}


.largCheckbox {
	width: 15px; /* عرض چک‌باکس */
	height: 15px; /* ارتفاع چک‌باکس */
	transform: scale(1.5); /* مقیاس چک‌باکس */
	cursor: pointer; /* تغییر نشانگر موس */
	
}