@font-face {
    font-family: 'vazir';
    src:	url('vazir.woff2') format('woff2');
    font-style:  normal;
	font-display: swap;
}
.wrap p, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5 {
  font-family: vazir !important
}
.form-table td p {
  margin-top: 25px !important
}
.toplevel_page_avuti-settings input[type=checkbox]:checked::before {
  content: ''
}
.avutibox {
  --background: #fff;
  --border: #D1D6EE;
  --border-hover: #BBC1E1;
  --border-active: #1E2235;
  --tick: #fff;
  position: absolute;
}
.avutibox input,
.avutibox svg {
  width: 21px;
  height: 21px;
  display: block;
}
.avutibox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  background: var(--background);
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: box-shadow 0.3s;
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}
.avutibox input:hover {
  --s: 2px;
  --b: var(--border-hover);
}
.avutibox input:checked {
  --b: var(--border-active);
}
.avutibox svg {
  pointer-events: none;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--stroke, var(--border-active));
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  transform: scale(var(--scale, 1)) translateZ(0);
}
.avutibox.path input:checked {
  --s: 2px;
  transition-delay: 0.4s;
}
.avutibox.path input:checked + svg {
  --a: 16.1 86.12;
  --o: 102.22;
}
.avutibox.path svg {
  stroke-dasharray: var(--a, 86.12);
  stroke-dashoffset: var(--o, 86.12);
  transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}