/* Generated by script */
@font-face {
font-family: Vazirmatn FD;
src: url('/fonts/Vazirmatn-FD-Thin.woff2') format('woff2');
font-weight: 100;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Vazirmatn FD;
src: url('/fonts/Vazirmatn-FD-ExtraLight.woff2') format('woff2');
font-weight: 200;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Vazirmatn FD;
src: url('/fonts/Vazirmatn-FD-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Vazirmatn FD;
src: url('/fonts/Vazirmatn-FD-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Vazirmatn FD;
src: url('/fonts/Vazirmatn-FD-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Vazirmatn FD;
src: url('/fonts/Vazirmatn-FD-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Vazirmatn FD;
src: url('/fonts/Vazirmatn-FD-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Vazirmatn FD;
src: url('/fonts/Vazirmatn-FD-ExtraBold.woff2') format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: Vazirmatn FD;
src: url('/fonts/Vazirmatn-FD-Black.woff2') format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
}

body {
    font-family: Vazirmatn FD;
    background: #e9e9e9;
    direction: rtl;
    font-size: 15px;
}

.container {
width:90%;margin:0 auto;max-width:1100px;
}

a {text-decoration:none;}
a:link, a:visited, a {color:#fff;background:#002080;font-weight:400;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:2px 5px 5px 5px;font-family:'Vazirmatn FD'}
a:hover, a:active {color:#fff;background:#00035f;font-weight:500;}
button, button:hover, button:active {color:#fff;background:#002080;font-weight:400;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px;border:0px;font-family:'Vazirmatn FD'}
button:hover, button:active {color:#fff;background:#00035f;cursor:pointer;}
/* Paddings */
.pd5 {padding:5px;} .pdr5 {padding-right:5px;} .pdl5 { padding-left:5px;} .pdb5 {padding-bottom:5px;} .pdt5 {padding-top:5px;}
.pd10 {padding:10px;} .pdr10 {padding-right:10px;} .pdl10 { padding-left:10px;} .pdb10 {padding-bottom:10px;} .pdt10 {padding-top:10px;}
.pd20 {padding:20px;} .pdr20 {padding-right:20px;} .pdl20 { padding-left:20px;} .pdb20 {padding-bottom:20px;} .pdt20 {padding-top:20px;}
.mg5 {margin:5px;} .mgr5 {margin-right:5px;} .mgl5 { margin-left:5px;} .mgb5 {margin-bottom:5px;} .mgt5 {margin-top:5px;}
.mg10 {margin:10px;} .mgr10 {margin-right:10px;} .mgl10 { margin-left:10px;} .mgb10 {margin-bottom:10px;} .mgt10 {margin-top:10px;}
.mg20 {margin:20px;} .mgr20 {margin-right:20px;} .mgl20 { margin-left:20px;} .mgb20 {margin-bottom:20px;} .mgt20 {margin-top:20px;}
.mgb80 {margin-bottom:80px;}
.formtophalf {
margin-top: 30vh;
}
/* Paddings */

/* text aligns */
.text-center { text-align:center;}
.text-left{text-align:left;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.overflow {overflow:auto;}
.boxshadow {
box-shadow: 0px 0px 6px #c6c6c6;
}


.bg-red {background:#ff0000;} .bg-green {background:#135800;} .bg-yellow {background:#fffa9a;}
.text-white {color:#fff;}

/* Forms */
.smallformbox {
width: 90%;
max-width: 600px;
margin: 0 auto;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #2c2c2c;
background:#fff;
}

form input {border:1px solid #808080;padding:3px 2%;width:95%;font-family:'Vazirmatn FD';}

.formright {width:34%;float:right;overflow:hidden;margin-left:1%;}
.formleft{width:65%;float:right;overflow:hidden;text-align:left;}
.yek2right {width:50%;float:right;text-align:right;}
.yek2left{width:50%;float:right;text-align:left;}


@media(max-width: 790px) {
.formright {width:100%;float:right;overflow:hidden;margin-left:0%;text-align:Center}
.formleft {width:100%;float:right;overflow:hidden;margin-left:0%;text-align:Center}
.yek2right {width:100%;float:right;text-align:right}
.yek2left{width:100%;float:right;text-align:left;}
}

/* Forms */

.clear { clear:both;}

.bg-white {background:#fff;}
.border-radius {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}


/* Footer Nav */
.footerfix {position:fixed;bottom:0;right:0;background:#0d6795;overflow:hidden;width:100%;color:#fff;}
.footerfix .menubox {width:25%;float:right;text-align:center;padding:5px 0px 8px 0px;}
.footerfix a, .footerfix a:visited, .footerfix a:link {background:#0d6795;letter-spacing:-0.4px;font-size:12px;padding:0;display:block;}
.footerfix a:active, .footerfix a:hover, .footerfix .selected {font-weight:600;}
.footerfix i {font-size:18px;}
.footerfix a:active i, .footerfix a:hover i, .footerfix .selected i {font-size:18px;font-weight:bolder;}

/* Page */
.titlebox {width:100%;}
.titlebox h1 {font-size:16px;padding:0;margin:0;font-weight:500;}

/* Page */
.tablestyle {
overflow: auto;
border-bottom: 1px dotted #808080;
}
.border-top {
    border-top: 1px dotted #808080;
}
.border-bottom {
    border-bottom: 1px dotted #808080;
}
.tablestyle .rightbox {width: 30%;float: right;padding: 7px 0px;text-align:left;}
.tablestyle .leftbox {width:67%;float:right;font-weight:600;padding:7px 3% 7px 0px;}
.labelright { width:60%;float:right;text-align:right;}
.labelleft { width:40%;float:right;text-align:left;font-size:90%;}
.yek3 {width:33%;float:right;text-align:center;}
.yek2 {width:50%;float:right;text-align:center;}


@media(max-width: 790px) {
    .tablestyle .rightbox {width:100%;text-align:center;padding: 7px 0px 3px 0px;}
    .tablestyle .leftbox {width:100%;text-align:center;padding:3px 0px 7px 0px}
    .labelright, .labelleft, .yek3, .yek2 {width:100%;text-align:center;}
}

.tablestyle i {font-size:90%;}
.oddbg {background:#f9f9f9}
.evenbg {background:#eeeeee;}

.bg-secondary {
    background: #dddddd;
    color: #545454;
    padding: 2px 3px 4px 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 11px;
    text-decoration: none;
}

.bg-yellowbadge {
    background: #fffa9a;
    color: #545454;
    padding: 2px 3px 4px 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 11px;
    text-decoration: none;
}

.bg-greenbadge {
    background: #135800;
    color: #fff;
    padding: 2px 3px 4px 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 11px;
    text-decoration: none;
}


.accordion {
    margin: auto;
}
.customRadio {
    border-top: 1px dotted #808080;
}

.customRadio label {
    display: block;
    padding: 10px;
    cursor: pointer;
    background: #fff;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    overflow: auto;
}

.customRadio input[type="radio"]:checked ~ label {
    background-color: #d7d7d7;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.customRadio label .mydiv {
    height: 0px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: 100%;
}


.customRadio input[type="radio"]:checked ~ label .mydiv {
    height: auto;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.accordion label:last-of-type {
border-bottom: none;
}

.customRadio input[type=radio] {
    display: none;
}

.answersradio {text-align:right;width:100%;}
.answersradio input {width:auto;}



.percent-box {width:98%;height:8px;padding:1px 0px;box-shadow:0px 0px 2px #545454;margin:0 auto;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.percent-inside {height:8px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}