:root{
	--rb-accent: #53a57e;
	--rb-ring: rgba(83,165,126,.28);
	--rb-border: #b8c9c1;
	--rb-bg: #ffffff;
	--rb-text: #0f172a;
	--rb-muted: #9aa8a2;

	--rb-size: 18px;
	--rb-gap: 10px;
}

#button_4{
	background-color: #007bff !important;
	border:solid 1px #007bff !important;
}
#button_4:hover{
	background-color: #0863c5 !important;
	border:solid 1px #007bff;
}
.pwt-btn, .header-row, .table-days{
	font-family: vazir;
}

.custom-control.custom-radio,
.custom-control.custom-checkbox{
	position: relative;
	display: flex;
	align-items: center;
	margin: 6px 2px;
	padding: 8px 10px;
	border-radius: 10px;
	background: rgba(255,255,255,.16);
	border: 1px solid rgba(0,0,0,.06);
}

.custom-control.custom-radio:hover,
.custom-control.custom-checkbox:hover{
	background: rgba(255,255,255,.75);
}

.custom-control.custom-radio .custom-control-label,
.custom-control.custom-checkbox .custom-control-label{
	position: relative;
	cursor: pointer;
	user-select: none;
	color: var(--rb-text);
	line-height: 1.6;
	padding-right: calc(var(--rb-size) + var(--rb-gap));
	width: 100%;
}

.custom-control.custom-radio .custom-control-input,
.custom-control.custom-checkbox .custom-control-input{
	position: absolute;
	opacity: 0;
	inset: 0 auto auto 0;
	width: 1px;
	height: 1px;
}

.custom-control.custom-radio .custom-control-label::before,
.custom-control.custom-checkbox .custom-control-label::before{
	content: "";
	position: absolute;
	right: 0;
	top: 0.35em;
	width: var(--rb-size);
	height: var(--rb-size);
	background: var(--rb-bg);
	border: 1.5px solid var(--rb-border);
	box-sizing: border-box;
	transition: border-color .18s ease, box-shadow .18s ease, transform .08s ease, background-color .18s ease;
}

.custom-control.custom-radio .custom-control-label::before{
	border-radius: 999px;
}

.custom-control.custom-checkbox .custom-control-label::before{
	border-radius: 4px;
}

.custom-control.custom-radio .custom-control-label::after{
	content: "";
	position: absolute;
	right: calc((var(--rb-size) - (var(--rb-size) * .52)) / 2);
	top: calc(0.35em + (var(--rb-size) - (var(--rb-size) * .52)) / 2);
	width: calc(var(--rb-size) * .52);
	height: calc(var(--rb-size) * .52);
	border-radius: 999px;
	background: var(--rb-accent);
	transform: scale(0);
	opacity: 0;
	transition: transform .14s ease, opacity .14s ease;
}

.custom-control.custom-checkbox .custom-control-label::after{
	content: "";
	position: absolute;
	right: 6px;
	top: 0.5em;
	width: 6px;
	height: 10px;
	border: solid var(--rb-bg);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) scale(0);
	opacity: 0;
	transition: transform .14s ease, opacity .14s ease;
}

.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
	border-color: var(--rb-accent);
	box-shadow: 0 0 0 4px var(--rb-ring);
}

.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
	background-color: var(--rb-accent);
}

.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::after,
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
	transform: scale(1) rotate(45deg);
	opacity: 1;
}

.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
	transform: scale(1);
}

.custom-control.custom-radio .custom-control-input:focus-visible ~ .custom-control-label::before,
.custom-control.custom-checkbox .custom-control-input:focus-visible ~ .custom-control-label::before{
	box-shadow: 0 0 0 4px var(--rb-ring);
}

@media (hover:hover){
	.custom-control.custom-radio:hover .custom-control-label::before,
	.custom-control.custom-checkbox:hover .custom-control-label::before{
		border-color: color-mix(in srgb, var(--rb-accent) 35%, var(--rb-border));
	}
}

.custom-control.custom-radio:active .custom-control-label::before,
.custom-control.custom-checkbox:active .custom-control-label::before{
	transform: scale(.98);
}

.custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-label,
.custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label{
	cursor: not-allowed;
	color: var(--rb-muted);
	opacity: .85;
}

.custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-label::before,
.custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before{
	background: color-mix(in srgb, var(--rb-bg) 75%, #f1f5f9);
	border-color: color-mix(in srgb, var(--rb-border) 70%, #fff);
	box-shadow: none;
}

.custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-label::after{
	background: var(--rb-muted);
}

  .es-form-control{
    border: solid 1px #B4B4B4;
    border-radius: 8px !important;
    height: 42px;
    text-align: center;
    line-height: 42px;
  }
  .es-input-group-append{
    border: none  !important;
  }
