@font-face {
    font-family: 'IRANSans(FaNum)';
    src: url('/font/IRANSansFaNum.woff2') format('woff2'),
        url('/font/IRANSansFaNum.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
  padding: 0;
  margin: 0;
  color: #1a1f36;
  box-sizing: border-box;
  word-wrap: break-word;
  font-family: 'IRANSans(FaNum)';
}
body {
  min-height: 100%;
  background-color: #ffffff;
}
h1 {
  font-size:35px;
  letter-spacing: -1px;
}
a {
  color: #1a6495;
  text-decoration: unset;
}
.login-root {
  display: flex;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}
.loginbackground {
  min-height: 692px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
}
.flex-flex {
  display: flex;
}
.align-center {
  align-items: center;
}
.center-center {
  align-items: center;
  justify-content: center;
}
.box-root {
  box-sizing: border-box;
}
.flex-direction--column {
  -ms-flex-direction: column;
  flex-direction: column;
}
.loginbackground-gridContainer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: [start] 1fr [left-gutter] (86.6px) [16] [left-gutter] 1fr
    [end];
  grid-template-columns: [start] 1fr [left-gutter] repeat(16, 86.6px) [left-gutter] 1fr [end];
  -ms-grid-rows: [top] 1fr [top-gutter] (64px) [8] [bottom-gutter] 1fr [bottom];
  grid-template-rows: [top] 1fr [top-gutter] repeat(8, 64px) [bottom-gutter] 1fr [bottom];
  justify-content: center;
  margin: 0 -2%;
  transform: rotate(-12deg) skew(-12deg);
}
.box-divider--light-all-2 {
  box-shadow: inset 0 0 0 2px #e3e8ee;
}
.box-background--blue {
  background-color: #5469d4;
}
.box-background--white {
  background-color: #ffffff;
}
.box-background--blue800 {
  background-color: #212d63;
}
.box-background--gray100 {
  background-color: #e3e8ee;
}
.box-background--cyan200 {
  background-color: #7fd3ed;
}
.padding-top--64 {
  padding-top: 64px;
}
.padding-top--24 {
  padding-top: 24px;
}
.padding-top--48 {
  padding-top: 48px;
}
.padding-bottom--24 {
  padding-bottom: 24px;
}
.padding-horizontal--48 {
  padding: 24px 48px 24px 48px;
}
.padding-bottom--15 {
  padding-bottom: 15px;
}

.flex-justifyContent--center {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.formbg {
  margin: 0px auto;
  width: 80vw;
  max-width: 448px;
  background: white;
  border-radius: 4px;
  box-shadow: rgba(60, 66, 87, 0.12) 0px 7px 14px 0px,
    rgba(0, 0, 0, 0.12) 0px 3px 6px 0px;
}

.menu {
  background: transparent;
  box-shadow: none;
}
.menu .field input {
  width:auto;
  background-color: #efdf24;
  box-shadow: none;
}
span {
  display: block;
  font-size: 20px;
  line-height: 28px;
  color: #1a1f36;
}
label {
  margin-bottom: 10px;
}
.reset-pass a,
label {
  font-size: 18px;
  font-weight: 600;
  display: block;
  text-align: justify;
}
.reset-pass > a {
  text-align: right;
  margin-bottom: 10px;
}
.grid--50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.field input {
  direction:rtl;
  font-size: 18px;
  line-height: 28px;
  padding: 8px 16px;
  width: 100%;
  border: solid;
  border-radius: 4px;
  outline-color: rgb(84 105 212 / 0.5);
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.field input[type="checkbox"] {
  direction:rtl;
  font-size: 16px;
  line-height: 28px;
  padding: 8px 16px;
  width: 10%;
  min-height: 44px;
  border: solid;
  border-radius: 4px;
  outline-color: rgb(84 105 212 / 0.5);
  background-color: rgb(255, 255, 255);
  box-shadow:none;
}

.field input[type="radio"] {
  direction:rtl;
  font-size: 16px;
  line-height: 28px;
  padding: 8px 16px;
  width: 10%;
  min-height: 44px;
  border: solid;
  border-radius: 4px;
  outline-color: #1a6495;
  background-color: rgb(255, 255, 255);
  box-shadow:none;
}

.field textarea{
  direction:rtl;
  font-size: 16px;
  line-height: 1.5em;
  padding: 8px 16px;
  width: 100%;
  min-height: 72px;
  border: dotted;
  border-radius: 4px;	
  outline-color: rgb(84 105 212 / 0.5);
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.field select{
  direction:rtl;
  font-size: 16px;
  line-height: 28px;
  padding: 8px 16px;
  width: 100%;
  min-height: 44px;
  border: solid;
  border-radius: 4px;
  outline-color: rgb(84 105 212 / 0.5);
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

input[type="submit"] {
  background-color: #1a6495;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgb(84, 105, 212) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  border:unset;
}

.field button {
    background-color: #1a6495;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgb(84, 105, 212) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    outline-color: rgb(84 105 212 / 0.5);
    padding: 8px 16px;
    width: 100%;
    font-size: 18px;
}

.like button {
  width:auto;
  background-color: #efdf24;
  box-shadow: none;
  background-color: #52adde;
  box-shadow: none;
  border: none;
  border-radius: 5px;
  color:#464646;
  background:white;border: solid 2px green;font-size:16px;
}

.help button {
  background-color: #52adde;
  box-shadow: none;
  border: none;
  border-radius: 5px;
}

.field-checkbox input {
  width: 20px;
  height: 15px;
  margin-right: 5px;
  box-shadow: unset;
  min-height: unset;
}
.field-checkbox label {
  display: flex;
  align-items: center;
  margin: 0;
}
a.ssolink {
  display: block;
  text-align: center;
  font-weight: 600;
}
.footer-link span {
  font-size: 14px;
  text-align: center;
}
.listing a {
  color: #697386;
  font-weight: 600;
  margin: 0 10px;
}

body {
direction:rtl;
/* background-image: url(/bg.jpg); */
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #103e5e;
width: 100vw;
height: 100vh;
}


.formbg-outer-bottom {
	margin-top: auto;
	margin-bottom: 10%;
}

.formbg-outer {
	margin-top: 10%;
}

.round {
    padding: 10px;
    background: #003856;
    display: inline-block;
    position: relative;
    right: 5%;
    color: white;
    text-align: center;
    font-size: 21px;
	border-radius: 0 0 5px 5px;
}

.back {
    background: #1a6495;
    right: 5%;
}

fieldset {
	overflow: hidden;
  	border: unset;
}
.label_vote {
    clear: none;
    display: block;
    padding: 10px 8px 0px 1em;
    font-size: 16pt;
	font-weight: 100;
}
input[type=radio],
input.radio {
	float: left;
  	clear: none;
  	margin: 2px 0 0 2px;
}

.vote {
  background-color: #1a649542;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 24px;
}

.qa_badrate {
  color: white;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background: red;
  width: auto;
  display: inline;
  padding: 5px;
  border-radius: 5px;
}

.qa_goodrate {
  color: white;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background: green;
  width: auto;
  display: inline;
  padding: 5px;
  border-radius: 5px;
}

@media (max-width: 480px) {
  .formbg {
    margin-top: 70%;
  }
}