@import url('/cdn/hrjsoft/fonts/Vazir/FontVazir.css');
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: "Vazirmatn", sans-serif;
}
body {
  background-color: #f3f3f3 !important;
  touch-action: manipulation;
  color: #32335a;
  font-family: "Vazirmatn", "IRANSans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  overflow-x: hidden !important;
  -ms-text-size-adjust: 100%;
  height: auto !important;
  -webkit-font-smoothing: antialiased;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
input,
textarea,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: "Vazirmatn", "IRANSans", sans-serif;
  text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
a {
  text-decoration: none;
}
a :hover {
  text-decoration: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
footer {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M430.29 612.3C549.74 590.73 517.41 292.91 795.34 292.19 1073.27 291.47 1340.09 420.5 1525.43 420.99' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M427 593.18C558.94 567.98 613.85 237.88 826.08 233.44 1038.31 229 1025.62 303.44 1225.16 303.44 1424.7 303.44 1522.95 233.7 1624.24 233.44' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M632.55 654.86C798.75 629.04 888.11 230.53 1153.84 229.53 1419.56 228.53 1533.89 443.58 1675.12 447.93' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M288.63 571.95C458.6 560.83 560.55 248.74 882.86 238.62 1205.17 228.5 1322.72 72.22 1477.09 70.62' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M76.62 637.37C212.03 626.72 303.16 357.54 541.52 356.22 779.88 354.9 773.97 426.22 1006.42 426.22 1238.87 426.22 1353.79 356.42 1471.32 356.22' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-origin: content-box;
  background-attachment: fixed;
  background-size: 100% 100%;
  border: 0.07rem #707070 solid;
  color: #ffffff;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
/*------scroll bar---------------------*/

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background: #525965;
  border: 0px none #ffffff;
  border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
  background: #525965;
}

::-webkit-scrollbar-thumb:active {
  background: #525965;
}

::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
  background: transparent;
}

::-webkit-scrollbar-track:active {
  background: transparent;
}

::-webkit-scrollbar-corner {
  background: transparent;
}
/*--------------------------------*/

.hrjsoft-font-IRANSans {
  font-family: "IRANSans" !important;
}

.hrjsoft-font-iranyekan {
  font-family: "iranyekan" !important;
}

.hrjsoft-text-Purple {
  color: #56288c;
}

.hrjsoft-Validator {
  font-family: "iranyekan" !important;
  font-size: 1em;
  font-weight: bold;
  color: red;
}

.hrjsoft-bg-kanoon {
  background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%),
    0 1px 5px rgb(0 0 0 / 8%);
}

.hrjsoft-bg-mostlywhite {
  background-color: #f7f7f7;
  color: #161f6d;
}

.hrjsoft-bg-Moderatelimegreen {
  background-color: #4ecb4a;
  color: #ffffff;
}

.hrjsoft-text-Gray64 {
  color: #a3a3a3;
}
.hrjsoft-avatar {
  vertical-align: middle;
  max-height: 128px;
  max-width: 128px;
  width: 48px;
  height: 48px;
}

.hrjsoft-vertical-middle {
  vertical-align: middle !important;
}
.hrjsoft-btn-secondary-shadow {
  box-shadow: 0px 4px 16px 0px rgb(110 132 163 / 34%);
}
.hidden {
  display: none;
}

.hrjsoft-btn-success {
  color: #fff;
  background-color: #00a170;
  border-color: #00a170;
}

.hrjsoft-btn-success:hover {
  color: #000000;
  background-color: #a0daa9;
  border-color: #a0daa9;
}

.hrjsoft-btn-danger {
  color: #fff;
  background-color: #d2386c;
  border-color: #d2386c;
}
.hrjsoft-btn-danger:hover {
  color: #fff;
  background-color: #d2386c;
  border-color: #d2386c;
}

.hrjsoft-btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  border: none;
}

.hrjsoft-btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.hrjsoft-btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.hrjsoft-copyright {
  text-decoration: none;
  direction: ltr;
  font-size: 11px;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.hrjsoft-bg-dark {
  background-color: #363945;
  color: #ffff;
}
.hrjsoft-bg-primary {
  background-color: #0072b5;
  color: #ffff;
}
.hrjsoft-fnt-18 {
  font-size: 18px;
}

.hrjsoft-fnt-16 {
  font-size: 16px;
}

.hrjsoft-clr-0652dd {
  color: #0652dd;
}

.uk-placeholder {
  background: url("/cdn/image/bg.png") repeat;
  background-attachment: fixed;
}
.uk-search-default {
  background-color: rgba(255, 255, 128, 0.5);
  font-size: 18px;
}

.preloader {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  background-color: #ffffff;
}
/*------glowing---------------------*/

.animated-border-box,
.animated-border-box-glow {
  max-height: 200px;
  max-width: 250px;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 0;
  /* Border Radius */
  border-radius: 10px;
}

.animated-border-box-glow {
  overflow: hidden;
  /* Glow Blur */
  filter: blur(20px);
}

.animated-border-box:before,
.animated-border-box-glow:before {
  content: "";
  z-index: -2;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
  width: 99999px;
  height: 99999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  /*border color, change middle color*/
  background-image: conic-gradient(
    rgba(0, 0, 0, 0),
    #1976ed,
    rgba(0, 0, 0, 0) 25%
  );
  /* change speed here */
  animation: rotate 4s linear infinite;
}

.animated-border-box:after {
  content: "";
  position: absolute;
  z-index: -1;
  /* border width */
  left: 5px;
  top: 5px;
  /* double the px from the border width left */
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  /*bg color*/
  background: #292a2e;
  /*box border radius*/
  border-radius: 7px;
}

@keyframes rotate {
  100% {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}
/*-----------------------------------*/

/*-----------------------------------*/
@media only screen and (min-width: 600px) {
  .hrjsoft-avatar {
    height: 120px;
    width: 120px;
  }
}

@media only screen and (max-width: 600px) {
  .hrjsoft-avatar {
    height: 64px;
    width: 64px;
  }
}