@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 10;
	src: url('fonts/eot/dana-thin.eot');
	src: url('fonts/eot/dana-thin.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-thin.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-thin.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/eot/dana-extralight.eot');
	src: url('fonts/eot/dana-extralight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-extralight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-extralight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/eot/dana-light.eot');
	src: url('fonts/eot/dana-light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/eot/dana-medium.eot');
	src: url('fonts/eot/dana-medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/eot/dana-demibold.eot');
	src: url('fonts/eot/dana-demibold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-demibold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-demibold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 750;
	src: url('fonts/eot/dana-ultrabold.eot');
	src: url('fonts/eot/dana-ultrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-ultrabold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-ultrabold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/eot/dana-extrabold.eot');
	src: url('fonts/eot/dana-extrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-extrabold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-extrabold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/eot/dana-black.eot');
	src: url('fonts/eot/dana-black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-black.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/eot/dana-bold.eot');
	src: url('fonts/eot/dana-bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/eot/dana-regular.eot');
	src: url('fonts/eot/dana-regular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}


/**
Iranic fonts	
**/


@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: 10;
	src: url('fonts/eot/dana-thinitalic.eot');
	src: url('fonts/eot/dana-thinitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-thinitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-thinitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: 200;
	src: url('fonts/eot/dana-extralightitalic.eot');
	src: url('fonts/eot/dana-extralightitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-extralightitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-extralightitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: 300;
	src: url('fonts/eot/dana-lightitalic.eot');
	src: url('fonts/eot/dana-lightitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-lightitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-lightitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: 500;
	src: url('fonts/eot/dana-mediumitalic.eot');
	src: url('fonts/eot/dana-mediumitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-mediumitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-mediumitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: 600;
	src: url('fonts/eot/dana-demibolditalic.eot');
	src: url('fonts/eot/dana-demibolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-demibolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-demibolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: 750;
	src: url('fonts/eot/dana-ultrabolditalic.eot');
	src: url('fonts/eot/dana-ultrabolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-ultrabolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-ultrabolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: 800;
	src: url('fonts/eot/dana-extrabolditalic.eot');
	src: url('fonts/eot/dana-extrabolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-extrabolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-extrabolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: 900;
	src: url('fonts/eot/dana-blackitalic.eot');
	src: url('fonts/eot/dana-blackitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-blackitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-blackitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: bold;
	src: url('fonts/eot/dana-bolditalic.eot');
	src: url('fonts/eot/dana-bolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-bolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-bolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: italic;
	font-weight: normal;
	src: url('fonts/eot/dana-regularitalic.eot');
	src: url('fonts/eot/dana-regularitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('fonts/woff2/dana-regularitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('fonts/woff/dana-regularitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

.fl_left
{
	float: left;
}
.fl_right
{
	float: right;
}
.cl_both
{
	clear: both;
}
body.arsPage
{
	max-width: 800px;
	margin: auto;
	height: 100%;
	box-shadow: 0 0 50px rgba(0,0,0,0.1);
}
body.arsPageSetup, body.arsPageSetup .page, body.arsPageSetup .page--login, body.arsPageSetup .login
{
	height: auto !important;
	min-height: 100vh;
}
header.contained, .bottom-navigation.contained
{
	left: 50%;
	transform: translateX(-50%);
}
body.arsPageSetup .bottom-navigation
{
	position: fixed;
}

.button[disabled]
{
	background: #d6d6d6;
}

@keyframes ars-preloader
{
	0%		{color: #4386fd;}
	25%		{color: #01ddac}
	50%		{color: #ff8730;}
	75%		{color: #04764e;}
	100%	{color: #4386fd;}
}
@keyframes ars-preloader-bg
{
	0%		{width: 100px; /* background-color: #4386fd; */}
	25%		{width: 50px; /* background-color: #01ddac; */}
	50%		{width: 100px; /* background-color: #ff8730; */}
	75%		{width: 50px; /* background-color: #04764e; */}
	100%	{width: 100px; /* background-color: #4386fd; */}
}
.arsPreload
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 999999999;
	background-color: white;
	font-size: 32px;
	font-weight: 800;
	font-style: italic;
	animation-name: ars-preloader;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	gap: 10px;
}
.arsPreload > div:last-child
{
	margin-top: 15px;
	height: 1px;
	animation-name: ars-preloader-bg;
	animation-duration: 2s;
	/* animation-timing-function: linear; */
	animation-iteration-count: infinite;
	background-color: rgba(0,0,0,0.2);
}
.arsPreload video
{
	display: none;
	max-width: 100%;
	max-height: 90vh;
}
.arsIcon
{
	width: 25px;
	height: 25px;
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: white;
	display: inline-block;
	vertical-align: middle;
}
.button .arsIcon
{
	margin-left: 5px;
}

.panel--left form
{
	padding: 20px;
	border-bottom: 1px solid #c9c9c9
}
.panel--left .form__row
{
	margin-bottom: 0;
}
.arsSearchResults
{
	direction: rtl;
	padding: 20px;
}

#arsDashboard, #arsDashboardNav
{
	direction: rtl;
	user-select: none;
}
#arsDashboardNav
{
	position: sticky;
	top: 0px;
	z-index: 2;
	background-color: white;
	padding-top: 20px;
	margin-bottom: 5px;
}
#arsDashboardNav .swiper-slide-active h2
{
	font-weight: 500;
	border-bottom: 3px solid #01ddac;
}
.arsDashboardBtn
{
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: calc(100% - 40px);
	z-index: 1;
}

.arsReceiptDesc
{
	font-size: 11px;
	padding-bottom: 0;
}

.bottom-navigation__icons li.active:after
{
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: white;
	content: "";
	display: block;
	margin: 5px auto 0;
}

.arsMsgbox
{
	background-color: #ffc107;
	color: #212529;
	border-bottom: 1px solid #d6d6d6;
	padding: 25px 20px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999999;
	direction: rtl;
	transform: translateY(-100%);
	transition: transform 0.3s;
	box-sizing: border-box;
	cursor: default;
}
.arsMsgSuccess
{
	background-color: #198754;
	color: white;
}
.arsMsgbox.active
{
	transform: translateY(0);
}
.arsMsgbox a
{
	/* color: rgb(202, 202, 202);
	text-decoration: underline; */
	background-color: white;
	color: #212529;
	border-radius: 20px;
	padding: 5px 15px;
	display: inline-block;
	vertical-align: middle;
}
.arsSelect2
{
	width: 100%;
	/* height: 51px; */
}
.arsSelect2parent
{
	width: 100%;
	min-height: 51px;
	background-color: #eef3ff;
	border-radius: 30px;
	padding-top: 11px;
	padding-bottom: 11px;
	box-sizing: border-box;
}
.arsSelect2parent select
{
	visibility: hidden;
}
.select2-container--default, .select2-selection
{
	background: transparent !important;
	border: 0 !important;
}
.select2-container .select2-search--inline .select2-search__field, button
{
	font-family: dana !important;
}

.snRetroLoading
{
	opacity: 0.3;
	font-weight: 200;
}

.form__row > label
{
	display: block;
	margin-bottom: 5px;
	padding-right: 9px;
	font-weight: 200;
	font-size: 90%;
}
.radio-option input[type="radio"]:checked + label.warning {
	background-color: #ffc107;
	color: #212529;
}
.radio-option input[type="radio"]:checked + label.danger {
	background-color: #dc3545;
	color: white;
}

.arsEmptyList
{
	width: 100%;
	height: calc(100vh - 72px - 70px - 60px - 50px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.image-gallery, .image-gallery *
{
	box-sizing: border-box;
}
.image-gallery
{
	border: 1px solid #ced4da;
	border-radius: .25rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	background-size: cover;
	background-position: center;
	max-width: 100%;
}
.image-uploader-dark
{
	background-color: #343a40;
}
.image-gallery
{
	justify-content: right;
	min-height: 178px;
	flex-direction: row;
	padding: 5px;
	flex-wrap: wrap;
}
.image-placeholder
{
	padding: 10px;
	text-align: center;
	font-size: 13px;
}
.image-uploader-dark .image-placeholder
{
	color: white
}
.gallery-placeholder
{
	border-radius: .25rem;
	flex-grow: 1;
	border: 2px dashed #ced4da;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 13px;
	padding: 10px;
	margin: 5px;
	cursor: pointer;
	position: relative;
}
.gallery-placeholder div
{
	display: inline-block;
	vertical-align: middle;
	background-color: #01ddac;
	color: white;
	padding: 15px;
	border-radius: 30px;
	width: 120px;
}
.image-uploader.previewing .image-placeholder
{
	display: none;
}
.image-input, .gallery-input
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}
.image-remove
{
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 5px;
	background-color: white;
	border: 1px solid #ced4da;
	display: none;
	line-height: 0;
	text-align: center;
	font-size: 20px;
	border-radius: .25rem;
	width: 32px;
	height: 32px;
	cursor: pointer;
	color: #dc3545;
}
.image-remove:hover
{
	color: #b62a2b;
}
.gallery-item
{
	position: relative;
	flex-basis: 128px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	margin: 5px;
	transition: transform 0.2s;
	background-color: white;
	/* overflow: hidden; */
}
/* .image-gallery:hover .gallery-item
{
	z-index: 1;
	transform: scale(0.8);
}
.image-gallery .gallery-item:hover
{
	transform: scale(1);
} */
.gallery-item a
{
	position: relative;
	display: block;
	width: 126px;
	height: 126px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: zoom-in;
	border-bottom: 1px solid #ced4da;
	border-radius: 5px 5px 0 0;
}
.gallery-item.uploading a:after
{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.75);
	background-image: url(index_files/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	position: absolute;
	top: 0;
	left: 0;
}
.gallery-item input
{
	border-width: 1px;
	border-style: solid;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	float: right;
	width: 100px;
	font-size: 12px;
	padding: 5px;
}
.gallery-item input:focus
{
	outline: none;
}
.gallery-item > i
{
	display: inline-block;
	font-size: 12px;
	padding: 8px 7px 2px;
	color: #dc3545;
	cursor: pointer;
}
.gallery-item > i:hover
{
	color: #b62a2b;
}
.gallery-item > i > img
{
	height: 12px;
}
.gallery-move-down, .gallery-move-up
{
	position: absolute;
	background-color: white;
	top: 46px;
	width: 20px;
	text-align: center;
	border: 1px solid #ced4da;
	padding-top: 7px;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
	transition: all 0.2s, color 0s;
}
.gallery-move-down:hover, .gallery-move-up:hover
{
	color: #dc3545;
}
.gallery-item:hover .gallery-move-down, .gallery-item:hover .gallery-move-up
{
	opacity: 1;
}
.gallery-move-down
{
	left: 0;
	border-right: 0;
	border-radius: 5px 0 0 5px;
}
.gallery-item:hover .gallery-move-down
{
	left: -21px;
}
.gallery-move-up
{
	right: 0;
	border-left: 0;
	border-radius: 0 5px 5px 0;
}
.gallery-item:hover .gallery-move-up
{
	right: -21px;
}

.dashboardReceiptLastStatus
{
	font-size: 80%;
	padding-bottom: 0;
	color: #121330;
	font-weight: 200;
}
.newStatusNotice
{
	padding: 5px 18px 0;
	font-size: 12px;
	color: #ffc107;
	font-weight: 600;
}

.table.arsCollapsed
{
	height: 100px;
	overflow: hidden;
	position: relative;
}
.table.arsCollapsed::before
{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	content: "";
	display: block;
	background: linear-gradient(to bottom, transparent, #1b6cfc24);
}
.arsTableExpandBtn
{
	text-align: center;
	cursor: pointer;
	color: #4386fd;
}
.arsTableExpandBtn img
{
	height: 20px;
}

.arsReceiptButtons
{
	direction: rtl;
	text-align: center;
	transition: transform 0.4s, opacity 0.4s;
}
/* .arsReceiptButtons .button:nth-child(3)
{
	background-color: #ffc107;
	color: white;
} */
.arsReceiptButtons .button:nth-child(3), .arsReceiptInvoiceIssue
{
	background-color: #dc3545;
	color: white;
}

.arsReceiptPanelBackbtn
{
	direction: rtl;
	transition: transform 0.4s, opacity 0.4s;
	transform: translateY(-20px);
	opacity: 0;
	height: 0;
	cursor: pointer;
	pointer-events: none;
}
.arsReceiptPanelBackbtn.active
{
	pointer-events: all;
	transform: translateX(0);
	opacity: 1;
	height: auto;
}
.arsReceiptPanelBackbtn:hover
{
	transform: translateX(10px) !important;
}
.arsReceiptPanelBackbtn img
{
	vertical-align: middle;
	margin-left: 10px;
	rotate: 180deg;
}
.arsReceiptButtons.active
{
	transform: scale(0.8);
	opacity: 0;
}
.arsReceiptButtons .button
{
	margin: 5px;
	box-sizing: content-box;
	text-align: right;
}
.arsReceiptPanel
{
	display: none;
	margin-top: 20px;
}

.arsStatusLog
{
	direction: rtl;
	border-bottom: 1px solid #e7f3f9;
	margin-bottom: 25px;
}
.arsStatusLog:last-child
{
	border-bottom: 0;
	margin-bottom: 0;
}
.arsStatusLog .fl_left, .arsStatusLog p:last-child
{
	font-size: 80%;
	text-align: left;
	font-weight: 200;
}
.arsInvoiceRow
{
	direction: rtl;
	/* background-color: #eef3ff80; */
	margin-bottom: 10px;
}
.arsStatusLog .fl_right, .arsInvoiceRow .fl_right
{
	color: #ffc107;
	font-weight: 600;
	font-style: italic;
	margin-left: 10px;
}
.arsInvoiceRow .arsIcon
{
	width: 17px;
	height: 17px;
	margin-left: 7px;
	transition: transform 0.15s;
	transform: scale(1);
	cursor: pointer;
}
.arsInvoiceRow .arsIcon:hover
{
	transform: scale(1.2);
}
.arsInvoiceRow:not(.arsInvoiceSum)
{
	/* padding: 5px 20px; */
	border-radius: 30px;
}
.arsInvoiceRow:not(.arsInvoiceSum) p
{
	padding-bottom: 0;
}

.arsInvoiceExpense
{
	color: #dc3545;
}
.arsInvoiceRow.arsInvoiceExpense .fl_right
{
	color: #dc3545;
}
.arsInvoiceRow.arsInvoiceExpense .fl_left
{
	font-weight: 600;
}
.arsInvoiceRow.arsInvoiceSum
{
	border-top: 1px solid #dfeff7;
	padding-top: 10px;
	padding-bottom: 30px;
	background-color: transparent;
}
.arsInvoiceRow.arsInvoiceSum .fl_left
{
	color: #dc3545;
	font-weight: 600;
}

.arsReceiptNoInvoice, .arsReceiptInvoiceTitle
{
	font-style: italic;
	direction: rtl;
	color: #c4c4c4;
	text-align: center;
}
.arsRadioOf2
{
	border: 1px solid #dfeff7;
	padding: 10px;
	border-radius: 30px;
	display: flex;
	gap: 10px;
}
.arsRadioOf2 label
{
	flex-grow: 1;
	text-align: center;
	padding: 10px 0;
	border-radius: 20px;
	background: transparent;
	transition: background 0.3s, color 0.3s;
	cursor: pointer;
	color: #c4c4c4;
}
.arsRadioOf2 label:hover
{
	color: #44484a;
}
.arsRadioOf2 label.active
{
	background-color: #01ddac;
	color: white;
}
.arsRadioOf2 label:last-child.active
{
	background-color: #dc3545;
}
.arsRadioOf2 label input
{
	display: none;
}