/*
    Theme Name: مراقبه سلوکی
    Author: حمزه
    Version: 1.0
 */
/* 3rd party packages */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */ /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* SASS and Global'ish Stuff */
body {
  color: #333;
  font-family: iranyekanwebregularfanum, 'Roboto', sans-serif;
  overflow-x: hidden;
  position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: #0D3B66;
}
a:hover {
  text-decoration: none;
}
p, ul, ol {
  margin: 0 0 1.65em 0;
}
p, li {
  /*line-height: 1.65;*/
}
.container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
}
.container--narrow {
  max-width: 960px;
}
.section-break {
  border: none;
  border-top: 1px solid #DDD;
  margin: 2.5rem 0;
}
.min-list {
  padding: 0;
  margin: 0;
}
.min-list li {
  list-style: none;
}
.p-top-small {padding-top: 1rem}
.p-top-large {padding-top: 1.6rem}
.p-bottom-large {padding-bottom: 1.6rem}
@media (min-width: 530px) {
  .p-top-large {padding-top: 3.5rem}
  .p-bottom-large {padding-bottom: 3.5rem}
  }
.no-margin {margin: 0}
.nu {text-decoration: none}
.nu:hover {text-decoration: underline}
.t-left {text-align: left}
.t-right {text-align: right}
.t-center {text-align: center}
.t-small {font-size: .85rem}
.float-left {float: left}
.float-right {float: right}
.push-right {margin-right: 20px}
.container:before,
.container:after,
.group:before,
.group:after {
  content: " ";
  display: table;
}
.container:after,
.group:after {
  clear: both;
}
.hide {
  display: none;
}
/* BEM Blocks */
html {
  /*font-size: 16px;*/
}
body {
  /*margin: 0;*/
  /*font-family: "iranyekanwebregularfanum", sans-serif;*/
  /*font-size: 0.875rem;*/
  /*line-height: 1.42857143;*/
  /*color: #333;*/
  background-color: white;
}
/*input[type="text"]{*/
/*    padding: 5px;*/
/*    border: 1px solid #aaa;*/
/*    border-radius: 3px;*/
/*}*/
header {
  /*position: fixed;*/
  /*top: 0;
  left: 0;*/
  /*z-index: 999;*/
  /*width: 100%;*/
  /*height: 50px;*/

  /*background: #eee;*/
  /*box-shadow: rgba(0, 0, 0, 0.5) 0 -20px 20px 20px;*/
}
header h1 {
  /*margin: 0;*/
  /*padding: 0 15px;*/
  /*height: 50px;*/
  /*line-height: 50px;*/
  /*font-weight: 400;*/
  /*font-size: 18px;*/
  /*float: left;*/
}
/*.wrapper {*/
/*  padding: 15px 30px;*/
/*  transition: all 0.3s ease-out;*/
/*  margin: 0;*/
/*}*/
/*.wrapper section{*/
/*      padding-top: 70px;*/
/*  }*/
/*.clearfix:after {*/
/*  content: "";*/
/*  display: block;*/
/*  clear: both;*/
/*}*/
/* Small devices (tablets)
==========================*/
@media (min-width: 768px) {

}
body {
  /*overflow-y: scroll;*/
  /*text-align: right;*/
  /*font-size: 1rem;*/
}
.container {
  width: auto;
}
/* Medium devices (desktops)
==========================*/
@media (min-width: 992px) {



  /*.logo img {*/
  /*  width: 200px;*/
  /*  text-align: center;*/
  /*  margin-top: 10px;*/
  /*  float: none;*/
  /*}*/

  /*.wrapper {*/
  /*  margin-left: 200px;*/
  /*}*/

  /*.wrapper__minify {*/
  /*  margin-left: 50px;*/
  /*}*/



}
/*label.usage, span.usage{background: #eee; margin-left: 150px; padding:5px}*/
.remove-favorite {
  display: inline-block;
  transition: all .3s;
  color: #999;
  font-size: .9rem;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 3px;
}
.remove-favorite:hover {
  background-color: #DEDEDE;
}
.page-section {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
@media (min-width: 530px) {
.page-section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}
  }
.page-section--white {
    background-color: #FFF;
  }
.page-section--beige {
    background-color: #FAF0CA;
  }
.page-section p:last-of-type {
    margin-bottom: 0;
  }
.school-logo-text {
  position: relative;
  z-index: 20;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 100;
}
.school-logo-text strong {
  font-weight: 400;
}
.school-logo-text a {
  color: #FFF;
  display: none;
  text-decoration: none;
  font-family: iranyekanwebregularfanum;
  opacity: .33;
}
@media (max-width: 529px) {
  }
.school-logo-text--alt-color a {
  color: #666;
}
.school-logo-text--alt-color a:hover {
    color: #0D3B66;
    text-decoration: underline;
  }
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner-loader {
  margin-top: 45px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid rgba(0, 0, 0, 0.2);
  border-top-color: black;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}
.c-orange {color: #F95738}
.c-blue {color: #0D3B66}
.c-white {color: #FFF}
.c-dark {color: #333}
.gray {color: #999999}
.search-trigger {
  display: none;
  color: #FFF;
  position: relative;
  cursor: pointer;
  top: 1px;
  margin-left: 20px;
}
@media (min-width: 960px) {
.search-trigger {
    display: inline-block;
    top: 6px
}
  }
.search-trigger:hover {
  opacity: .65;
}
.social-icons-list {
  display: flex;
  margin: 0 -8px;
}
.social-icons-list li {
  flex: 1;
  margin: 0 8px;
}
.social-icons-list li a {
  display: block;
  text-align: center;
  color: #FFF;
  font-size: 1.25rem;
}
.social-icons-list li a:hover {
  opacity: .75;
}
.social-color-facebook {background-color: #4862a3}
.social-color-twitter {background-color: #55acee}
.social-color-youtube {background-color: #cc1e1f}
.social-color-linkedin {background-color: #0077b5}
.social-color-instagram {background-color: #d8226b}
.nav-list ul {
  padding: 0;
  margin: 0;
}
.nav-list li {
  list-style: none;
}
.nav-list a {
  font-size: .9rem;
  color: #999;
  text-decoration: none;
}
.nav-list a:hover {
  color: #0D3B66;
  text-decoration: underline;
}
.one-half,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth {
  padding-bottom: 1.6rem;
}
@media (min-width: 960px) {
  .row {
    margin-right: -50px;
  }

  .one-half,
  .one-third,
  .two-thirds,
  .one-fourth,
  .one-fifth,
  .one-sixth {
    padding-bottom: 0;
    float: left;
    box-sizing: border-box;
    padding-right: 50px;
  }

  .two-thirds {width: 66.66%;}
  .one-half {width: 50%}
  .one-third {width: 33.33%}
  .one-quarter {width: 25%}
  .one-fifth {width: 20%}
  .one-sixth {width: 16.66%}
  }
/* Make Top WP Admin Bar Fixed on Mobile */
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
/* Seach Form */
.search-form {
  background-color: #DEDEDE;
  padding: 20px;
  text-align: center;
}
.search-form label {
  display: block;
}
.search-form-row {
  display: flex;
}
.search-form .s {
  min-width: 20px;
  flex-basis: auto;
  flex-grow: 1;
  border: none;
  font-family: 'Roboto', sans-serif;
  padding: 10px;
}
@media (min-width: 530px) {
.search-form .s {
    font-size: 1.4rem
}
  }
.search-submit {
  color: #FFF;
  border: none;
  border-radius: 4px;
  outline: none;
  background-color: #0D3B66;
  font-family: 'Roboto', sans-serif;
  padding: 0 20px;
  margin-left: 10px;
}
.note-limit-message {
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease-out;
  color: #c32929;
  font-weight: bold;
}
.note-limit-message.active {
  visibility: visible;
  opacity: 1;
}
/* Like Box */
.generic-content .like-box {
  float: right;
  font-size: 1rem;
  background-color: #EDEDED;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
  color: red;
  padding: 10px 10px 10px 25px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 0 30px 30px;
  position: relative;
}
.generic-content .like-box:hover {
  background-color: #DEDEDE;
}
.like-count {
  padding-left: 10px;
}
.like-box .fa-heart-o {
  transition: all .35s ease-out;
  position: absolute;
  left: 10px;
}
.like-box .fa-heart {
  left: 10px;
  transition: all .4s ease-out;
  position: absolute;
  visibility: hidden;
  transform: scale(.2);
  opacity: 0;
}
.like-box[data-exists="yes"] .fa-heart {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}
.like-box[data-exists="yes"] .fa-heart-o {
  visibility: hidden;
  opacity: 0;
}
/* Customize Login Screen */
body.login .button-primary {
  background-color: #F95738;
  border-color: rgb(224, 84, 56);
  text-shadow: 0 -1px 1px rgb(212, 82, 56),1px 0 1px rgb(212, 82, 56),0 1px 1px rgb(212, 82, 56),-1px 0 1px rgb(212, 82, 56);
  box-shadow: 0 1px 0 rgb(199, 80, 56);
}
body.login .button-primary:hover,
body.login .button-primary:active,
body.login .button-primary:focus {
  background-color: rgb(232, 85, 56);
  border-color: rgb(212, 82, 56);
  text-shadow: 0 -1px 1px rgb(199, 80, 56),1px 0 1px rgb(199, 80, 56),0 1px 1px rgb(199, 80, 56),-1px 0 1px rgb(199, 80, 56);
  box-shadow: 0 1px 0 rgb(186, 78, 56);
}
body.login {
  background-color: #FAF0CA;
}
.login h1 a {
  color: #0D3B66;
  font-size: 30px;
  font-weight: 300;
  background-image: none;
  width: auto;
  height: auto;
  text-indent: 0;
}
.btn {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
  text-decoration: none;
  color: #FFF;
  font-size: 1.19rem;
  padding: 12px 24px;
  border: none;
  outline: none;
}
.btn--small {
    font-size: .88rem;
    padding: 7px 13px;
    font-weight: 300;
  }
.btn--with-photo {
    padding-left: 40px;
    position: relative;
  }
.btn--orange {
    background-color: #EE964B;
  }
.btn--orange:hover {
    background: linear-gradient(#EE964B, rgb(235, 109, 0));
  }
.btn--dark-orange {
    background-color: #F95738;
  }
.btn--dark-orange:hover {
    background: linear-gradient(#F95738, rgb(204, 34, 0));
  }
.btn--blue {
    background-color: #0D3B66;
  }
.btn--blue:hover {
    background: linear-gradient(rgb(13, 80, 143), #0D3B66);
  }
.btn--yellow {
    background-color: #F4D35E;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .22);
  }
.btn--yellow:hover {
    background: linear-gradient(#F4D35E, rgb(240, 188, 0));
  }
.btn--beige {
    background-color: #FAF0CA;
    color: #173f58;
  }
.btn--beige:hover {
    background-color: #F4D35E;
  }
.btn--gray {
    background-color: #222;
  }
.btn--white {
    background-color: #FFF;
    color: #173f58;
  }
.btn--white:hover {
    background-color: #DDD;
  }
.btn--large {
    font-size: 1.3rem;
    padding: 16px 34px;
    border-radius: 7px;
  }
@media (min-width: 530px) {
.btn--large {
      font-size: 1.9rem
  }
  }
.btn--inactive {
    background-color: transparent;
    cursor: default;
    color: #333;
  }
/* My Notes */
.edit-note,
.delete-note,
.submit-note {
  font-size: .9rem;
  background-color: #EEE;
  padding: 8px 16px;
  display: inline-block;
  margin-right: 7px;
  border-radius: 4px;
  cursor: pointer;
}
.submit-note {
  color: #FFF;
  border: none;
  background-color: #F95738;
  line-height: 1.65;
}
.submit-note:hover {
  background-color: rgb(235, 77, 45);
}
@media (min-width: 635px) {
  .edit-note, .delete-note {
    position: relative;
    top: -12px
  }
}
.edit-note:hover, .delete-note:hover {
  background-color: #DDD;
}
.delete-note {
  color: red;
}
.update-note {
  visibility: hidden;
}
.update-note--visible {
  visibility: visible;
}
.note-title-field {
  width: 40%;
  font-size: 1.85rem;
  font-family: iransansweb, 'Roboto Condensed', sans-serif;
  font-weight: 300;
  color: #0D3B66;
  border: 1px solid transparent;
  padding: 7px;
  outline: none;
  position: relative;
  top: 1px;
}
@media (max-width: 400px) {
  .note-title-field {
    width: 100%
  }
}
@media (min-width: 635px) {
  .note-title-field {
    width: 65%;
    font-size: 3.125rem
  }
}
.note-body-field {
  color: #333;
  font-family: iransansweb, 'Roboto', sans-serif;
  resize: none;
  display: block;
  width: 100%;
  line-height: 1.65;
  font-size: 1.15rem;
  padding: 7px;
  border: 1px solid transparent;
  height: 175px;
  outline: none;
}
.note-active-field {
  font-family: sans-serif;
  border: 1px solid #DDD;
  -webkit-animation: pulseBorder .75s alternate infinite;
  animation: pulseBorder .75s alternate infinite;
}
@-webkit-keyframes pulseBorder {
  0% {
    border: 1px solid #FFF;
  }

  100% {
    border: 1px solid #CCC;
  }
}
@keyframes pulseBorder {
  0% {
    border: 1px solid #FFF;
  }

  100% {
    border: 1px solid #CCC;
  }
}
/* Create Note */
.create-note {
  background-color: #DDD;
  padding: 20px;
  margin-bottom: 20px;
}
.new-note-title {
  width: 25%;
  padding: 7px;
  font-family: iransansweb, 'Roboto', sans-serif;
  border: none;
  margin-bottom: 10px;
  font-size: 1.15rem;
  box-sizing: border-box;
  position: relative;
}
.new-note-body {
  width: 100%;
  box-sizing: border-box;
  resize: none;
  padding: 10px;
  font-family: iransansweb, 'Roboto', sans-serif;
  border: none;
  margin-bottom: 10px;
  height: 170px;
  font-size: 1.15rem;
  line-height: 1.65;
}
.site-header {
  /*z-index: 3;*/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 0;
}
.site-header__avatar {
    position: absolute;
    top: 0;
    left: 0;
  }
.site-header__avatar img {
    display: block;
    width: 30px;
    height: 30px;
  }
.site-header__menu {
  z-index: 5;
    visibility: hidden;
    position: absolute;
    background-color: rgba(13, 55, 94, 0.89);
    left: 0;
    right: 0;
    top: -20px;
    padding-top: 58px;
    opacity: 0;
    transform: translateY(-20%);
    transition: opacity .3s ease-out, visibility .3s ease-out, transform .3s ease-out;
    padding-bottom: 20px;
  }
.site-header__menu--active {
      position: absolute;
      z-index: 9;
      opacity: 1;
      transform: translateY(0);
      visibility: visible;
    }
@media (min-width: 960px) {
.site-header__menu {
      visibility: visible;
      opacity: 1;
      transform: translateY(0) scale(1);
      position: relative;
      background-color: transparent;
      float: right;
      padding-top: 0;
      padding-bottom: 0;
      top: 0
  }
  }
.site-header__search-trigger {
    cursor: pointer;
    color: #FFF;
    font-size: 1.2rem;
    position: absolute;
    top: 6px;
    right: 16px;
  }
@media (min-width: 530px) {
.site-header__search-trigger {
      top: 4px;
      font-size: 1.4rem
  }
  }
@media (min-width: 960px) {
.site-header__search-trigger {
      display: none
  }
  }
.site-header__menu-trigger {
    color: #FFF;
     position: relative;
  float: right;
    cursor: pointer;
    font-size: 1.2rem;
    z-index: 10;
    top: 7px;
    right: 46px;
  }
@media (min-width: 530px) {
.site-header__menu-trigger {
      top: 5px;
      font-size: 1.4rem
  }
  }
@media (min-width: 960px) {
.site-header__menu-trigger {
      display: none
  }
  }
.site-header__util {
    padding: 0 0 0 20px;
  }
@media (min-width: 960px) {
.site-header__util {
      padding: 0;
      float: right
  }
  }
.site-header__btn {
    margin-right: 20px;
  }
@media (min-width: 960px) {
.site-header__btn {
      float: left
  }
  }
.site-header .btn--with-photo {
    margin-right: 0;
  }
.site-footer {
  padding: 2rem 0 3.5rem 0;
  background-image: linear-gradient(#FFF, #ECECEC);
}
.site-footer p {
    font-size: .9rem;
  }
.site-footer .headline {
    color: #666;
    margin-bottom: .33rem;
  }
.site-footer__link {
    color: #999;
    text-decoration: none;
  }
.site-footer__link:hover {
    color: #0D3B66;
    text-decoration: underline;
  }
.site-footer__inner {
    border-top: 1px dotted #DEDEDE;
    padding-top: 3.5rem;
  }
.site-footer__col-one {
    text-align: center;
  }
@media (min-width: 960px) {
.site-footer__col-one {
      text-align: left;
      width: 33%;
      float: left
  }
  }
.site-footer__col-two-three-group {
    text-align: center;
    width: 85%;
    margin: 0 auto;
  }
@media (min-width: 960px) {
.site-footer__col-two-three-group {
      text-align: left;
      float: left;
      width: 42%;
      margin: 0
  }
  }
.site-footer__col-two {
    width: 50%;
    float: left;
  }
.site-footer__col-three {
    width: 50%;
    float: left;
  }
.site-footer__col-four {
    padding-top: 20px;
    width: 85%;
    margin: 0 auto;
    clear: both;
    text-align: center;
  }
@media (min-width: 960px) {
.site-footer__col-four {
      padding-top: 0;
      margin: 0;
      clear: none;
      text-align: left;
      width: 25%;
      float: right
  }
  }
.main-navigation {
  padding-top: 2px;
}
.main-navigation ul {
    padding: 0;
    margin: 0;
  }
.main-navigation ul:before,
  .main-navigation ul:after {
    content: " ";
    display: table;
  }
.main-navigation ul:after {
    clear: both;
  }
@media (min-width: 960px) {
.main-navigation {
    float: left;
    margin-right: 20px
}
  }
.main-navigation li {
  list-style: none;
}
@media (min-width: 960px) {
.main-navigation li {
    float: left;
    padding-left: 20px
}
  }
.main-navigation a {
  display: block;
  padding: 10px 20px;
  color: #FFF;
  text-decoration: none;
  font-weight: 300;
}
@media (min-width: 960px) {
.main-navigation a {
    display: inline-block;
    padding: 0
}
  }
.main-navigation .current-menu-item a,
.main-navigation a:hover {
  color: #FAF0CA;
}
.page-banner {
  font-family: iranyekanwebregularfanum;
  background-color: #666666;

  padding: 80px 0 40px 0;
  position: relative;
}
@media (min-width: 530px) {
.page-banner {
    padding: 130px 0 60px 0
}
  }
.page-banner__content {
    position: relative;
    z-index: 2;
  }
.page-banner__title {
    max-width: 50%;
    font-weight: 300;
    font-size: 0.6rem;
    margin: 0 0 1rem 0;
    color: #000;
  }
@media (min-width: 530px) {
.page-banner__title {
      font-size: 2.7rem
  }
  }
@media (max-width: 995px) {
.page-banner__title {
  font-size: 1.5rem
  }
  }
.page-banner__bg-image {
    opacity: .93;
      background-size: cover;
  background-repeat: no-repeat;
     background-image: url("images/bg-aqa.png");
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

  }
.page-banner__link {
  text-decoration: none;
 }
.page-banner__intro {
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #000000;
  }
@media (min-width: 530px) {
.page-banner__intro {
      font-size: 1.65rem
  }
  }
.page-banner__intro p {
    margin: 0;
     max-width: 50%;
  }
.hero-slider {
  position: absolute;

}
.hero-slider div {
    outline: none;
  }
.hero-slider__interior {
    padding-top: 60px;
    padding-bottom: 60px;
  }
@media (min-width: 960px) {
.hero-slider__interior {
      padding-top: 130px;
      padding-bottom: 130px
  }
  }
.hero-slider__slide {
    background-size: cover;
    background-repeat: no-repeat;
  }
.hero-slider__overlay {
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .68);
    padding: 40px;
    color: #FFF;
  }
@media (min-width: 960px) {
.hero-slider__overlay {
      width: 50%
  }
  }
.slick-dots {
  z-index: 100;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  top: 15px;
}
@media (min-width: 960px) {
.slick-dots {
    top: 50px
}
  }
.slick-dots li {
    list-style: none;
    display: inline;
  }
.slick-dots li button {
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    border-radius: 50%;
    border: none;
    margin: 0 4px;
    padding: 0;
    outline: none;
    transition: background-color .3s ease-out;
    cursor: pointer;
  }
.slick-dots .slick-active button {
    background-color: #FFF;
  }
.search-overlay {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 110;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, .96);
  visibility: hidden;
  opacity: 0;
  transform: scale(1.09);
  transition: opacity .3s, transform .3s, visibility .3s;
  box-sizing: border-box;
}
.search-overlay p {
    padding-top: 15px;
  }
.search-overlay .event-summary p {
    padding-top: 0;
  }
.search-overlay .event-summary {
    margin-bottom: 0;
    margin-top: 20px;
  }
body.admin-bar .search-overlay {
    top: 32px;
  }
.search-overlay__top {
    background-color: rgba(0, 0, 0, .12);
  }
.search-overlay__icon {
    margin-right: 10px;
    font-size: 1.8rem;
    color: #F95738;
  }
@media (min-width: 960px) {
.search-overlay__icon {
      font-size: 2.5rem
  }
  }
.search-overlay--active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
.search-overlay__section-title {
    margin: 30px 0 1px 0;
    font-weight: 400;
    color: #0D3B66;
    font-size: 2rem;
    padding: 15px 0;
    border-bottom: 1px solid #CCC;
  }
.search-overlay__close {
    position: absolute;
    top: 13px;
    right: 16px;
    font-size: 2.1rem;
    cursor: pointer;
    transition: all .3s;
    background-color: #FFF;
    color: #F95738;
    line-height: .7;
  }
@media (min-width: 530px) {
.search-overlay__close {
      top: 18px;
      font-size: 2.1rem
  }
  }
@media (min-width: 960px) {
.search-overlay__close {
      top: 26px;
      font-size: 2.8rem
  }
  }
.search-overlay__close:hover {
    opacity: 1;
  }
.search-overlay .one-half {
    padding-bottom: 0;
  }
.search-term {
  width: 75%;
  box-sizing: border-box;
  border: none;
  padding: 15px 0;
  margin: 0;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 300;
  outline: none;
  color: #F95738;

}
@media (min-width: 530px) {
.search-term {
    font-size: 1.5rem

}
  }
@media (min-width: 960px) {
.search-term {
    width: 80%;
    font-size: 3rem

}
  }
.body-no-scroll {
  overflow: hidden;
}
.professor-cards {
  margin: 0;
  padding: 0;
}
.search-overlay .professor-cards {
    padding-top: 21px;
  }
.professor-card {
  position: relative;
  display: inline-block;
  width: 200px;
  margin-right: 15px;
  background-color: #F95738;
  overflow: hidden;
}
.search-overlay .professor-card {
    width: 180px;
  }
.professor-card__image {
    display: block;
    transition: opacity .3s ease-out, transform .3s ease-out;
  }
.professor-card:hover .professor-card__image {
    opacity: .80;
    transform: scale(1.1) rotate(4deg);
  }
.professor-card__name {
    font-weight: 300;
    font-size: .9rem;
    position: absolute;
    bottom: 0;
    color: #FFF;
    left: 0;
    right: 0;
    padding: 3px 10px;
    background-color: rgba(236, 68, 34, 0.85);
  }
.professor-card:hover .professor-card__name {
    background-color: rgba(213, 62, 32, 0.85);
  }
.professor-card__list-item {
    display: inline-block;
    list-style: none;
  }
.headline {
  margin: 0;
  font-family: iranyekanwebregularfanum, 'Roboto Condensed', sans-serif;
  font-weight: 100px;

}
.headline--large {
    opacity: 0.33;
    font-size: 3.6rem;
  }
@media (min-width: 530px) {
.headline--large {
      font-size: 6.25rem
  }
  }
.headline--large-medium {
    font-size: 5rem;
    margin: 0 0 1rem 0;
  }
.headline--medium {
    font-size: 1.9rem;
    margin-bottom: .75rem;
  }
@media (min-width: 530px) {
.headline--medium {
      font-size: 2.125rem
  }
  }
.headline--small-plus {
    font-family: iranyekanwebregularfanum, 'Roboto', sans-serif;
    font-size: 1.6875rem;
    font-weight: 400;
    margin-bottom: 1.9rem;
  }
.headline--small {
    font-size: 1.2rem;
    margin-bottom: 1.9rem;
  }
@media (min-width: 530px) {
.headline--small {
      font-size: 1.6875rem
  }
  }
.headline--smaller {
    font-size: 1.5rem;
  }
.headline--tiny {
    font-family: iranyekanwebregularfanum, 'Roboto', sans-serif;
    font-size: 1.3875rem;
    margin-bottom: .25rem;
  }
.headline--post-title a {
    color: #0D3B66;
    text-decoration: none;

  }
.headline--post-title {
   color: #43BAC0;
   text-decoration: none;

 }
.headline--post-title a:hover {
    text-decoration: underline;
  }
.generic-content {
  font-family: iranyekanwebregularfanum;

}
.generic-content p, .generic-content li {
    /*font-size: 1.15rem;*/
  }
.generic-content blockquote, .generic-content blockquote p {
    font-size: 1.5rem;
    font-style: italic;
  }
.generic-content h1, .generic-content h2, .generic-content h3, .generic-content h4, .generic-content h5, .generic-content h6 {
    font-family: iranyekanwebregularfanum, 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 1rem;
  }
.generic-content h1 {font-size: 3.6rem}
.generic-content h2 {font-size: 3.1rem}
.generic-content h3 {font-size: 2.6rem}
.generic-content h4 {font-size: 1.1rem;}
.generic-content h5 {font-size: 1.6rem}
.generic-content h6 {font-size: 1.15rem}
@media (min-width: 530px) {
    .generic-content h1 {font-size: 6.25rem}
    .generic-content h2 {font-size: 5rem}
    .generic-content h3 {font-size: 3.125rem}
    .generic-content h4 {font-size: 1.4rem}
    .generic-content h5 {font-size: 1.9rem}
    .generic-content h6 {font-size: 1.15rem}
  }
@media (min-width: 960px) {
.full-width-split {
    display: flex
}
  }
.full-width-split__one {
    flex: 1;
    padding: 1.6rem 16px;
  }
@media (min-width: 960px) {
.full-width-split__one {
      padding: 40px
  }
  }
@media (min-width: 960px) {
.full-width-split__one .full-width-split__inner {
        float: right
    }
  }
.full-width-split__two {
    flex: 1;
    background-color: #FAF0CA;
    padding: 1.6rem 16px;
  }
@media (min-width: 960px) {
.full-width-split__two {
      padding: 40px
  }
  }
@media (min-width: 1350px) {
.full-width-split__inner {
      width: 610px
  }
    }
.event-summary {
  position: relative;
  padding-left: 107px;
  min-height: 77px;
  padding-bottom: 1px;
  font-family: iranyekanwebregularfanum;
  margin-bottom: 20px;
}
.event-summary__title a {
    color: #173f58;
  text-decoration: none;
  }
.event-summary__date {
    text-decoration: none;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    padding: 14px 0 11px 0;
    color: #FFF;
    border-radius: 50%;
    background-color: #0D3B66;
    width: 80px;
    line-height: 1;
    transition: opacity .33s;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .22);
  }
.event-summary__date:hover {
    opacity: .75;
  }
.event-summary__date--beige {
    background-color: #F4D35E;
  }
.event-summary__month {
    display: block;
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
  }
.event-summary__day {
    display: block;
    font-size: 2.02rem;
    font-weight: 700;
  }
.event-summary__year {
    background: red;
  }
.event-summary__year {
    background: red;
  }
.page-links {
  position: relative;
  z-index: 1;
  background-color: #FAF0CA;
  margin: 0 0 40px 0;
}
@media (min-width: 767px) {
.page-links {
    margin: 0 0 40px 20px;
    width: 300px;
    float: right
}
  }
.page-links__title {
    margin: 0;
    font-weight: normal;
    text-align: center;
    padding: 20px 0;
    background-color: #0D3B66;
    color: #FFF;

  }
.page-links__title a {
        color: #FFF;
        text-decoration: none;
        background-color: #0D3B66;
      }
.page-links li {
    border-top: 1px solid rgb(244, 223, 138);
  }
.page-links li:first-child {
    border-top: none;
  }
.page-links__active,
  .page-links .current_page_item {
    text-align: center;
    background-color: rgb(244, 231, 180);
    color: #0D3B66;
    font-weight: bold;
  }
.page-links li a {
    display: block;
    text-align: center;
    padding: 17px 10px;
    text-decoration: none;
    color: #0D3B66;
    transition: all .3s;
  }
.page-links li a:hover {
    color: rgb(13, 51, 87);
    background-color: rgb(238, 225, 170);
  }
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 20px 0;
}
/* fixes potential theme css conflict */
.acf-map img {
 max-width: inherit !important;
}
.link-list li {
    padding: 1rem 0;
    font-size: 1.5rem;
    border-bottom: 1px dotted #DEDEDE;
  }
.search-overlay .link-list li {
      font-size: 1.3rem;
    }
.link-list li:last-child {
    border-bottom: none;
  }
.link-list a {
    color: #F95738;
  }
.metabox {
  font-family: iranyekanwebregularfanum;
  background-color: #FAF0CA;
  border-radius: 3px;
  padding: 10px 15px;
  display: inline-block;
  margin-bottom: 30px;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, .07);

}
.metabox--position-up {
    position: absolute;
    z-index: 4;
    top: 0;
    transform: translateY(-50%);
  }
.metabox--with-home-link {
    padding: 0;
  }
.metabox__main {
    padding: 10px 15px 10px 11px;
  }
.metabox p {
    margin: 0;
    font-size: .9rem;
    color: rgb(168, 146, 56);
  }
.metabox a {
    color: rgb(168, 146, 56);
    text-decoration: none;
    font-weight: bold;
  }
.metabox a:hover {
    text-decoration: underline;
  }
.metabox .metabox__blog-home-link {
    background-color: #0D3B66;
    color: #FFF;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 3px 0 0 3px;
    font-weight: normal;
  }
.metabox .metabox__blog-home-link:hover {
    text-decoration: none;
    background-color: rgb(11, 47, 81);
  }
.post-item {
  border-bottom: 1px dotted #DEDEDE;
  padding-bottom: 1.7rem;
  margin-bottom: 1.7rem;
}
.post-item:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
  }
@font-face {
    font-family: iransansweb;
    src: url(fonts/IRANSansWeb.ttf);
}
@font-face {
    font-family: iransanswebbold;
    src: url(fonts/IRANSansWeb_Bold.ttf);
}
@font-face {
    font-family: iransansweblight;
    src: url(fonts/IRANSansWeb_Light.ttf);
}
@font-face {
    font-family: iransanswebmedium;
    src: url(fonts/IRANSansWeb_Medium.ttf);
}
@font-face {
    font-family: iransanswebultralight;
    src: url(fonts/IRANSansWeb_UltraLight.ttf);
}
@font-face {
    font-family: web_yekan;
    src: url(fonts/web_Yekan.woff);
}
@font-face {
    font-family: iranyekanwebbold;
    src: url(fonts/iranyekanwebbold.ttf);
}
@font-face {
    font-family: iranyekanwebboldfanum;
    src: url(fonts/iranyekanwebboldfanum.ttf);
}
@font-face {
    font-family: iranyekanwebregularfanum;
    src: url(fonts/iranyekanwebregularfanum.ttf);
}
.edit-profile {
    font-size: .9rem;
    font-family: iransansweb;
    background-color: #EEE;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}
.save-profile {
    font-size: .9rem;
    color: white;
    font-family: iransansweb;
    background-color: #0d3b66;
    padding: 8px 16px;
    border-radius: 4px;
    visibility: hidden;
    cursor: pointer;
}
.save-profile--visible {
    visibility: visible;
}
.fa-search {
    display: none;
    visibility: hidden;
}
table {
    border-collapse: collapse;
    border: 1px solid #ddd;
    position: relative;
}
tbody th {
    border: 1px solid #ddd;
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    padding: 0.8em 1.2em;
    overflow: hidden;
    list-style-type: none;
    outline: 1px solid #ddd;
    text-align: center;
    font-weight: 300;
    position: sticky;
    right: 0;
}
td{
    border: 1px solid #ddd;
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    padding: 0.8em 1.2em;
    overflow: hidden;
    list-style-type: none;
    outline: 1px solid #ddd;
    text-align: center;
    font-weight: 300;


}
.arbayiin-table {
    overflow-x: auto;
}
.firstcol {
    background: white;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);

}
table td .firstcol {
    position: sticky;
    top: 0;
}
.some-page-wrapper {
    margin: 15px;
    display: table;
    font-family: "IRANYekanWeb(FaNum)";
}
.row {
    /*max-width: 100px;*/
    /*flex-direction: row;*/
    flex-wrap: wrap;
    color: #0d3b66;
    display: table-row;

    border-collapse: collapse;
    font-family: "IRANYekanWeb(FaNum) Light";

}
.row:nth-of-type(odd) {
    background-color: rgba(203, 203, 203, 0.23);
}
.table:nth-of-type(even) {
    background-color: rgba(242, 28, 113, 0.1);
}
.column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;

}
.orange-column {
    font-family:"IRANYekanWeb(FaNum) Light";
    box-sizing: border-box;
    flex-grow: 1;
    overflow: hidden;
    list-style-type: none;
    text-align: center;
    font-weight: 300;
    display: table-cell;
    border-radius: 5%;
    padding: 1em;

}
.blue-column {
    box-sizing: border-box;
    flex-grow: 1;
    padding: 0.8em 1.2em;
    overflow: hidden;
    list-style-type: none;
    text-align: center;
    font-weight: 300;
    display: table-cell;

}
.green-column {
    box-sizing: border-box;
    flex-grow: 1;
    padding: .8em;
    padding-top: .4em;
    overflow: hidden;
    list-style-type: none;
    text-align: center;
    font-weight: 300;
    display: table-cell;
    font-family: "IRANYekanWeb(FaNum)", web_yekan;

}
/* The container must be positioned relative: */
.custom-select {
    position: relative;
    font-family: Arial;
}
.custom-select select {
    display: none; /*hide original SELECT element: */
}
.select-selected {
    background-color: DodgerBlue;
}
/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}
/* Style items (options): */
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
#results{
    white-space:nowrap;
    /*margin-right: 15px;*/
    border-collapse: collapse;
    display: table;
    border: solid 1px #DDEEEE;
    font: normal 13px "IRANYekanWeb(FaNum) ", iransansweb;
}
#results li{
    list-style-type: none;
    display: table-cell;
    padding-right: 5px;

}
.t-header{
    /*max-width: 100px;*/
    background-color: #0d3b66;
    color: #FFFFFF;
    font-weight: normal;
    font-family: iranyekanwebregularfanum;
    text-align: center;
    padding: .4em;
    border-radius: 5px;
    /*border: solid 1px white;*/


}
.nameheader{
    background-color: #0d3b66;
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
    padding: .4em;
    border-radius: 5px;
    font-family: iranyekanwebregularfanum;
}
.sabtamal{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
    -webkit-appearance: none;
    background: 0 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-weight: 600;
    padding: 5px 9px;
    text-align: center;
    text-transform: inherit;
    text-overflow: ellipsis;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: auto;
    border-radius: 4px;
    color: #f3ffff;
    position: relative;
    border: 1px solid transparent;
    background-color: #3897f0;
}
.select-css {
    display: block;
    font-size: 12px;
    font-family:"IRANYekanWeb(FaNum) Light";
    font-weight: 700;
    color: #444;
    line-height: 1.0;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css__inactive{
    background-image: none;
    -webkit-background-image: none;
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    display: none;

}
.select-css__matni{
    background-image: none;
    -webkit-background-image: none;
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    display: none;

}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.select-css option {
    font-weight:normal;
}
.header2{
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    color: #999;
    text-align: center;
    font-weight: 600;
    line-height: 20px;
    font-size: 17px;
    margin: 0 40px 10px;
}
.resultname{
    padding: 0 .31em;
    /*position: sticky;*/
    /*right: 0;*/
    line-height: 45px;
    font-size: 18px;
    color: #000;
    border-right: #e7e7e7 solid 1px;
    border-bottom: #e7e7e7 solid 1px;
    border-collapse: collapse;
    font-family: iranyekanwebregularfanum;

}
/*.table-num{*/
/*    background-color: #f3f3f3;*/
/*    color: #0d3b66;*/
/*    font-weight: bolder;*/
/*    text-align: center;*/
/*    width: 55px;*/
/*    border: 1px solid transparent;*/
/*    font-family:"IRANYekanWeb(FaNum) ";*/
/*}*/
.table-num{
    background-color: #FFFFFF;
    color: #0d3b66;
    line-height: 45px;
    font-weight: bolder;
    text-align: center;
    font-size: 18px;
    width: 55px;
    border-bottom: 1px solid #e7e7e7;
    font-family: iranyekanwebregularfanum;
}
@media (max-width: 360px) {
    .resultname{
        padding: 0 .31em;
        position: sticky;
        line-height: 45px;
        right: 0;
        max-width: 100px;
        text-overflow: ellipsis;
         white-space: nowrap;
        overflow: hidden;
        font-size:14px;
        background-color: #0d3b66;
        color: white;
        border-collapse: collapse;
        font-family:iranyekanwebregularfanum;

    }

    .table-num{
        background-color: #f3f3f3;
        color: #0d3b66;
        position: sticky;
        right: 0;
        line-height: 45px;
        font-weight: bolder;
        text-align: center;
        font-size: 14px;
        width: 55px;
        border: 1px solid transparent;
        font-family: iranyekanwebregularfanum;
    }

}
.dd{
    /*position: sticky;*/
    /*position: -webkit-sticky;*/
    /*right: 0;*/
    z-index: 15;

}
.ddd{
     position: sticky;
     /*position: -webkit-sticky;*/
     right: 0;
     /*right: 55px;*/
     background-color: #FFFFFF;
     z-index: 15;
     border-collapse: collapse;
 }
#my-arbayiin{

    text-decoration: none;
}
#my-arbayiin a{
    text-decoration: none;


}
#my-arbayiin li{
     list-style-type: none;
 }
._1 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    direction: rtl;
    font-family: "IRANYekanWeb(FaNum)", Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    box-sizing: border-box;
    font-size: 1.1rem;
    border-bottom: 1px solid #dcdcdc;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
}
._left{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    direction: rtl;
    font-family: 'IRANYekanWeb(FaNum)', Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    line-height: 60px;
    box-sizing: border-box;
    font-size: 1.1rem;

}
.pull-left{
    float: left !important;
}
.deal-like{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    direction: rtl;
    font-family: 'IRANYekanWeb(FaNum)', Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
    box-sizing: border-box;
    font-size: 1.1rem;
    list-style: none;
    padding-right: 0;
    padding-left: initial;
    margin-right: -5px;
    margin-left: 0;
    display: inline-block;
    cursor: pointer;
    line-height: 60px;
    height: 100%;
}
.star-count{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    direction: rtl;
    font-family: 'IRANYekanWeb(FaNum) Light', Tahoma, Arial, Helvetica, sans-serif;
    list-style: none;
    cursor: pointer;
    line-height: 60px;
    box-sizing: border-box;
    color: #787878;
    font-size: 1.1rem !important;
    margin-left: 5px;
    float: right;
}
.ft{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    direction: rtl;
    font-family: 'IRANYekanWeb(FaNum)', Tahoma, Arial, Helvetica, sans-serif;
    color: #f57621;
    box-sizing: border-box;
    font-size: 1.1rem;
    line-height: 1.8rem;
    padding-left: 10px;
}
.arbayiin-name{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    direction: rtl;
    font-family: 'IRANYekanWeb(FaNum)', Tahoma, Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    background-color: transparent;
    text-decoration: none;
    outline: 0 !important;
    font-size: 1rem;
    margin: 0;
    line-height: 20px;
    padding-left: 10px;
    color: #f57621;
}
.section-arbayiin{
    background: #ffffff;
    border: 1px solid #dcdcdc;
    padding: 0;
    margin-bottom: 15px;
    position: relative;
}
.results-ul {
    list-style-type: none;
    text-decoration: none;
}
.results-ul a{
     text-decoration: none;
     font-size: 1.3em;
 }
.khadem-ul {
    list-style-type: none;
    text-decoration: none;
}
.khadem-ul a{
    text-decoration: none;
    font-size: 1.3em;
}
.khadem{
    color: #682685;
    font-size: 1.5em;
}
.table-header{
    background: #0d3b66 !important;
    color: white;
    font-family: "IRANYekanWeb(FaNum) ";
}
.arbayiin-duration{
    margin: 15px;

}
.arbayiin-results-title{
    margin-bottom: 15px;
    font-size: 1.3em;
    font-family: iranyekanwebregularfanum;
}
.results-form{
    background: #cbcbcb;
}
.results-form .results-form__header{

    margin: 5% ;
    alignment: center;
    color: #df0000;
    border-bottom: 2px solid #222222;
    width:60%;

    font-family: "IRANYekanWeb(FaNum) b", iransanswebbold;
}
.results-form__forms{
    alignment: center;
    width: 90%;
    margin-right: 5%;
    background: #fffFFF;
    border: #a6a6a6 1px dot-dot-dash;
    border-radius: 5px;
}
.results-form__forms h6{
    width: 90%;
    margin-right: 5%;
    margin-top: 17px;
    padding-top: 12px ;
    font-size: 1.4em;
    font-weight: bolder;
    color: #000000;font-family: "IRANYekanWeb(FaNum) b";


}
.results-form__submit{
    margin: 5%;
    font-size: .9rem;

    padding: 8px 16px;
    display: inline-block;

    border-radius: 4px;
    cursor: pointer;
    color: #FFF;
    border: none;
    background-color: #F95738;
    line-height: 1.65;
}
.results-form__textarea{
    border: #cbcbcb dashed 1px;
    margin-right: 5%;
    width: 90%;
}
.arbayiin-title{
    font-family: iranyekanwebregularfanum;
    width: 80%;
    border-radius: 5px;
    font-size: 1.3em;
    padding: 10px;
}
.arbayiin-title__current {
         border: 2px solid #82c38a;
     }
.arbayiin-title__finished {
         border: 1px solid #5a55c3;
     }
@media (max-width: 529px) {
.arbayiin-title{
    font-size: 1rem
}
  }
.arbayiin-title a:nth-of-type(even){
    background: #d8226b;
    color: #fffFFF;
}
.arbayiin-title_sabegh{
    border: 1px solid #7f887d;
    width: 80%;
    border-radius: 5px;
    font-size: 1.3em;
    padding: 10px;
}
.arbayiin-title_sabegh a:nth-of-type(even){
    background: #737a70;
    color: #fffFFF;
}
.duration{

    margin-right: 10px;
}
.sub-duration{
    float: left;
    /*float: none;*/
    margin-right: 10px;
}
.results-form__ui{
    font-family: iranyekanwebregularfanum;
}
.amal-js{
    cursor: pointer;
    cursor: hand;
}
.pop-outer {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    font-family: web_yekan, sans-serif;

}
.pop-inner {
    background-color: #fff;
    width: 50%;
    height: 60%;
    padding-left: 25px;
    padding-right: 25px;

    margin: 15% auto;
    alignment: center;
    vertical-align: center;
    z-index: 100;
    border-radius: 5px;
    overflow-y: auto;

}
.close-popup{
    cursor: pointer;
    cursor: hand;
    z-index: 100;
    background: #c32929;
    color: white;
    position: sticky;
    margin-top: 4px;
    top: 0;
}
.date-pop-outer {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    font-family: web_yekan, sans-serif;

}
.date-pop-inner {
    background-color: #fff;
    width: 50%;
    height: 60%;
    padding: 25px;
    margin: 15% auto;
    alignment: center;
    vertical-align: center;
    z-index: 100;
    border-radius: 5px;
    overflow-y: auto;

}
.date-close-popup{
    cursor: pointer;
    cursor: hand;
    z-index: 100;
    background: #c32929;
    color: white;
}
/*@media (max-width: 600px) {*/
/*    .page-banner__title {*/
/*        font-size: 2.4rem;*/
/*        font-family: web_yekan, "IRANYekanWeb(FaNum) Light", serif;*/
/*    }*/
/*}*/
.dim-selector{
    opacity: 0.3;

}
.pop-inner__head{
    z-index: 100;
    background-color: white;
    color: white;
    position: sticky;

    top: 0;
}
.select-css {
    display: block;
    font-size: 12px;
    font-family:"IRANYekanWeb(FaNum) Light";
    font-weight: 700;
    color: #444;
    line-height: 1.0;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.datePicker {
    border: none;
    width: 300px;
    direction: rtl;
    background-color: #fff;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.3);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    border-radius: 0 0 5px 5px;
}
.datePicker button {
        background: none;
        color: #444
    }
.datePicker td:first-child {
        padding-right: 5px;
    }
.datePickerFriDay, .dateHoliday{
    color: #d10000;
}
.datePickerDay {
    min-width: 35px;
    min-height: 35px;
    text-align: center;
    cursor: pointer;
}
.datePickerDay:hover {
        box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    }
.datePickerDaySelect {
    text-align: center;
    cursor: pointer;
    background-color: #00be8a;
    color: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.datePickerToday {
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    background-color: #fffabe;
}
.datePickerHeader td {
    padding: 5px;
    text-shadow: 0 0 1px #eee;
    color: #444;
    border-bottom: 1px solid #ccc
}
.datePickerFooter td {
    padding-top: 5px;
    border-top: 1px solid #ccc
}
.datePickerHeader button, .datePickerFooter button {
    border-radius: 2px;
    border: none;
    cursor: pointer;
}
.datePickerHeader button {
    min-width: 30px;
    min-height: 30px;
    line-height: 0;
    vertical-align: middle;
    border: 1px solid #ccc;
    padding:0px
}
.datePickerFooter button {
    padding: 0px 8px 2px 8px;
    border: 1px solid #ccc;
    margin: 0 0 5px 5px;
    font-family: inherit;
}
.datePickerHeader button:hover, .datePickerFooter button:hover {
        box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    }
.datePickerYear, .datePickerMonth {
    text-align: center;
    display: inline-block;
    height: 17px;
    vertical-align: middle;
}
.datePickerMonth {
    width: 45%;
}
.datePickerYear {
    width: 35%;
}
.mh1-icon-plus, .mh1-icon-minus {
    font-style: normal;
    opacity: .5;
}
/*font-size*/
.datePicker, .datePickerHeader button, .datePickerFooter button {
    font-size: 14px;
}
.datePickerHeader button {
    font-size: 20px;
}
/*font-size*/
/*responsive*/
@media (max-width: 480px) {
    .datePicker {
        width: 250px
    }
     .datePicker,.datePickerMonth {
        font-size: 13px;
    }
 }
/*responsive*/
.select-date {
    display: block;
    font-size: 12px;
    font-family:"IRANYekanWeb(FaNum) Light";
    font-weight: 700;
    color: #444;
    line-height: 1.0;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-date__inactive{
    background-image: none;
    -webkit-background-image: none;
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    display: none;

}
.select-date::-ms-expand {
    display: none;
}
.select-date:hover {
    border-color: #888;
}
.select-date:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.select-date option {
    font-weight:normal;
}
/* form styles */
.form-style-1 {
    margin:10px auto;
    max-width: 400px;
    padding: 20px 12px 10px 20px;
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
}
.form-style-1 input[type=text],
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea,
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}
.form-style-1 input[type=text]:focus,
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus{
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
    width: 49%;
    font-family: Arial;
}
.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
    color:red;
}
.edit-profile {
    font-size: .9rem;
    font-family: iransansweb;
    background-color: #EEE;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}
.save-profile {
    font-size: .9rem;
    color: white;
    font-family: iransansweb;
    background-color: #0d3b66;
    padding: 8px 16px;
    border-radius: 4px;
    visibility: hidden;
    cursor: pointer;
}
.save-profile--visible {
    visibility: visible;
}
.fa-search {
    display: none;
    visibility: hidden;
}
/* spacing */
table.amal-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    min-width: 300px;
    font-family: iranyekanwebregularfanum;
    /*border: 3px solid purple;*/
}
.amal-table tbody {
    border-collapse:separate;
    border-spacing:3px;
}
.display-table {
    color: #d8226b;
    cursor: pointer;
}
table.amal-table thead th:nth-child(1) {
    width: 4%;
    /*border-left: solid 1px red;*/
    text-align: right;

}
table.amal-table thead th:nth-child(2) {
    width: 46%;
}
table.amal-table th, td {
    padding: 8px;
}
/* typography */
table.amal-table thead tr th, tfoot th {
    font-family: "iranyekanwebregularfanum";
}
table.amal-table th {
    letter-spacing: 1px;
}
table.amal-table td {
    letter-spacing: 1px;
}
table.amal-table tbody td {
    text-align: right;
}
/* graphics and colors */
[type="radio"]:checked,
 [type="radio"]:not(:checked) {
     position: absolute;
     padding-top: 23px;
     right: -999px;
 }
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-right: 28px;

    cursor: pointer;
    line-height: 20px;
    padding-bottom: 14px;
    display: table;
    color: #666666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    line-height: 32px;
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #f87da9;
    transition: all 0.2s ease;
}
[type="radio"]:checked + label:after {
    top: 4px;
     opacity: 1;
     transform: scale(1);
 }
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
/* zebra striping */
table.amal-table tr.zebra th{
    /*background: rgba(255, 255, 0, 0.29);*/
}
table.amal-table tr.zebra.odd{
    /*border-bottom: solid red 0px;*/
}
table.amal-table tr.zebra + tr{
    background: rgba(77, 77, 0, 0.07);
}
table.amal-table tr.zebra td{
    /*background: rgba(103, 100, 26, 0.48);*/
    border-bottom: none;
    color: #0b43c6;
    font-weight: bolder;
    font-family: iranyekanwebregularfanum;
}
table.amal-table tr.zebra td{
    font-weight: bolder;
}
table tr.zebra th{
    /*border: solid 1px black;*/
    font-weight: bolder;
}
table.amal-table tr.zebra {
    /*border-top: solid 1px black;*/

}
@media (max-width: 994px) {
    table.amal-table {

    }
    table.amal-table thead th:nth-child(1) {
        width: 8%;
        /*border-left: solid 1px red;*/
        background:  rgba(255, 252, 50, 0.12);

    }

    table.amal-table thead th:nth-child(2) {
        width: 92%;
        background: rgba(255, 252, 50, 0.12);

    }
}
.hide-table {
    display: none;
}
.delete-lastday {
    color: red;
    cursor: pointer;

}
.current-date_yellow{
    background-color: yellow;
}
.radiobutton-container {
  display: flex;
  flex-wrap: wrap;
}
.radiobutton-item-wrapper {
  flex: 50%;
}
.vds-checkbox {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  font-style: normal;
  font-family: Open Sans,Helvetica,sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #4f4f4f;
  word-break: break-word;
  list-style: none;
  font-size: .875rem;
  box-sizing: inherit;
  line-height: 1.33333em;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 0;
}
.task-list-atom--tasks-checkbox-container--LMF6d {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-align: left;
  font-weight: 400;
  font-style: normal;
  font-family: Open Sans,Helvetica,sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  color: #4f4f4f;
  box-sizing: inherit;
  line-height: 1.33333em;
  margin: 0;
  padding: 0;
  word-break: break-word;
}
.task-list-atom--task-checkbox-item--1387k {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  font-style: normal;
  font-family: Open Sans,Helvetica,sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #4f4f4f;
  word-break: break-word;
  box-sizing: inherit;
  line-height: 1.33333em;
  padding: 0;
  list-style: none;
  font-size: .875rem;
  margin: 1em 0;
}
.vds-checkbox__input {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  overflow: visible;
  height: 1.5rem;
  /*opacity: 0;*/
  position: relative;
  width: 2.5rem;
  box-sizing: border-box;
  padding: 0;
}
.vds-checkbox__label {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  font-style: normal;
  font-family: Open Sans,Helvetica,sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #4f4f4f;
  word-break: break-word;
  list-style: none;
  font-size: .875rem;
  line-height: 1.33333em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: inherit;
  text-align: right;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
  flex: 1;
}
.vds-icon {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  font-family: Open Sans,Helvetica,sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #4f4f4f;
  word-break: break-word;
  list-style: none;
  font-size: .875rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: inherit;
  display: inline-block;
  fill: currentColor;
  line-height: 0;
  stroke: currentColor;
  vertical-align: middle;
  height: 1.5rem;
  width: 1.5rem;
  /*left: 0;*/
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: .125rem;
  transform: scale(.8);
  transition: all .3s ease;

}
.vds-icon svg {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  font-family: Open Sans,Helvetica,sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #4f4f4f;
  word-break: break-word;
  list-style: none;
  font-size: .875rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  fill: currentColor;
  line-height: 0;
  stroke: currentColor;
  pointer-events: none;
  box-sizing: inherit;
  overflow: hidden;
  height: 100%;
  width: 100%;
  stroke-width: 0;
}
.vds-checkbox__input:checked~.vds-icon {
  /*color: #fff;*/
  /*opacity: 1;*/
  transform: scale(1);
}
/*@import "modules/slidebars.css";*/
.star-rating-ul li{
    display: inline-block;
    text-shadow: 0 0 1px #666666;
    font-size:30px;
}
.highlight, .selected {
    color:#F4B30A;
    text-shadow: 0 0 1px #F48F0A;}
/*@import "modules/fontawesome/css/font-awesome.min.css";*/
/* //prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by //www.monokai.nl/
 * @author ocodia
 */
code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}
.token.punctuation {
	color: #f8f8f2;
}
.namespace {
	opacity: .7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}
.token.boolean,
.token.number {
	color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function {
	color: #e6db74;
}
.token.keyword {
	color: #66d9ef;
}
.token.regex,
.token.important {
	color: #fd971f;
}
.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}
.token.entity {
	cursor: help;
}
@keyframes start {
    from {
        transform: scale(.5);
    }
    to {
        transform: scale(1);
    }
}
@-webkit-keyframes start {
    from {
        -webkit-transform: scale(.5);
    }
    to {
        -webkit-transform: scale(1);
    }
}
.rtl{direction:rtl}
.pdp-default {
    position: absolute;    
    direction: rtl;    
    color: #555;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.19);
	z-index: 99999;
}
.pdp-default ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.pdp-default ::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}
.pdp-default ::-webkit-scrollbar-thumb
{
	background-color: #444444;
}
.pdp-default ::-moz-selection{
    color: #67cdcc;
}
.pdp-default ::selection{
    color: #67cdcc;
}
.pdp-default .pdp-header{
    background-color: #ffffff;
    border-top: 2px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: none;   
    padding: 2px;
    font-weight: bold;
}
.pdp-default .yearSelect{
    overflow-y: auto;
    direction: ltr;
}
.pdp-default .monthSelect li.disableMonth, .pdp-default .monthSelect li.disableMonth:hover{
    color: #bbb;
    background: #eee;
    cursor: not-allowed;
}
.pdp-default .yearSelect, .pdp-default .monthSelect{   
    font:normal 12px Tahoma;
    background: #f9f9f9;
    border: 1px solid #ccc;    
    list-style: none;
    position: absolute;
    padding: 0;
    width: 99.6%;    
    text-align: center;    
    z-index: 9999;    
    animation: start 0.2s;
    -webkit-animation: start 0.2s;    
}
.pdp-default  .selected{
    background: #15a6eb;
    color: #ffffff;
}
.pdp-default .yearSelect li, .pdp-default .monthSelect li {
    padding: 1px;
    cursor: default;
    display: inline-table;    
    text-align: center;       
    border: 1px dotted #ddd;
}
.pdp-default .yearSelect li:hover, .pdp-default .monthSelect li:hover {
    background: #FF9933;
    color: #ffffff;
    border-color: #FF7700;
}
.pdp-default .nextArrow{
    right:0;
}
.pdp-default .prevArrow{
    left:0;    
}
.pdp-default .monthYear{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}
.pdp-default .nextArrow, .pdp-default .prevArrow{
    cursor: pointer;    
    position: absolute;
    top:1px;
    padding: 2px;
}
.pdp-default .nextArrow:hover, .pdp-default .prevArrow:hover{
    color: #0073ea;
}
.pdp-default .cell {  
    display: inline-block;    
    cursor: default;
    text-align: center; 
}
/* Days of the week */
.pdp-default .dows {  
    background: #5F5D5D;/*#006fe0;*/
    color: #fff;    
}
.pdp-default .dow {            
    font: bold 14px 'helvetica';
    border: 1px solid #5F5D5D;
}
.pdp-default .days{
    background-color: #ffffff;
    border: 1px solid #999;
    border-top: none;
    font: normal 12px Tahoma;   
}
.pdp-default .day{
    border: 1px solid #f1f1f1;    
}
.pdp-default .day:hover{
    background: #f3f3f3;
    border: 1px solid #bbb;
    border-radius: 2px;
}
.pdp-default .selday, .pdp-default .selday:hover{
    background: #eadaa6;
    border-color: #eb5b04;
}
.pdp-default .friday{
    color: #f38;   
}
.pdp-default .today{
    color: #fff;
    background: #0073ea;
}
.pdp-default .today:hover{
    color: #fff;
    background: #0073ea;    
}
.pdp-default .disday, .pdp-default .disday:hover{
    color: #B7B5B5;
    background: #F1F1F1;
    cursor: not-allowed;
}
.pdp-default .nul{    
    border: 1px solid #f1f1f1;  
    background: #f1f1f1;  
}
.pdp-default .pdp-footer{    
    background: #999;
    font: normal 12px Tahoma;   
    text-align: center;
    height: 17px;
}
.pdp-default .pdp-footer .goToday{    
    color: #f0f0f0;
    text-decoration: none;    
}
.pdp-default .pdp-footer .goToday:hover{    
    color: #ffffff;
    text-decoration: overline;    
}
@keyframes start {
    from {
        transform: scale(.5);
    }
    to {
        transform: scale(1);
    }
}
@-webkit-keyframes start {
    from {
        -webkit-transform: scale(.5);
    }
    to {
        -webkit-transform: scale(1);
    }
}
.rtl{direction:rtl}
.pdp-dark {
    position: absolute;    
    display: inline-block;
    direction: rtl;    
    color: #f2f2f2;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.49);
	z-index: 99999;
}
.pdp-dark ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.pdp-dark ::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}
.pdp-dark ::-webkit-scrollbar-thumb
{
	background-color: #444444;
}
.pdp-dark ::-moz-selection{
    color: #67cdcc;
}
.pdp-dark ::selection{
    color: #67cdcc;
}
.pdp-dark .pdp-header{
    background-color: #333;
    border-top: 2px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: none;   
    padding: 2px;
    font-weight: bold;
}
.pdp-dark .yearSelect{
    overflow-y: auto;
    direction: ltr;
}
.pdp-dark .monthSelect li.desableMonth, .pdp-dark .monthSelect li.desableMonth:hover{
    color: #bbb;
    background: #eee;
}
.pdp-dark .yearSelect, .pdp-dark .monthSelect{   
    font:normal 12px Tahoma;
    background: #555;
    border: 1px solid #999;    
    list-style: none;
    position: absolute;
    padding: 0;
    width: 99.6%;    
    text-align: center;    
    z-index: 9999;    
    animation: start 0.2s;
    -webkit-animation: start 0.2s;	
    margin: 0 auto;
}
.pdp-dark  .selected{
    background: #15a6eb;
    color: #ffffff;
}
.pdp-dark .yearSelect li, .pdp-dark .monthSelect li {
    padding: 1px;
    cursor: default;
    display: inline-table;    
    text-align: center;       
    border: 1px dotted #888;
}
.pdp-dark .yearSelect li:hover, .pdp-dark .monthSelect li:hover {
    background: #FF9933;
    color: #ffffff;
    border-color: #FF7700;
}
.pdp-dark .nextArrow{
    right:0;
}
.pdp-dark .prevArrow{
    left:0;    
}
.pdp-dark .monthYear{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}
.pdp-dark .nextArrow, .pdp-dark .prevArrow{
    cursor: pointer;    
    position: absolute;
    top:1px;
    padding: 2px;
}
.pdp-dark .nextArrow:hover, .pdp-dark .prevArrow:hover{
    color: #0073ea;
}
.pdp-dark .cell {  
    display: inline-block;    
    cursor: default;
    text-align: center; 
}
/* Days of the week */
.pdp-dark .dows {  
    background: #35516F;
    color: #fff;    
}
.pdp-dark .dow {            
    font: bold 14px 'helvetica';
    border: 1px solid #35516F;
}
.pdp-dark .days{
    background-color: #444;
    border: 1px solid #777;
    border-top: none;
    font: normal 12px Tahoma;   
}
.pdp-dark .day{
    border: 1px solid #777;    
}
.pdp-dark .day:hover{
    background: #aaa;
    border: 1px solid #f0f0f0;    
}
.pdp-dark .selday, .pdp-dark .selday:hover{
    background: #eadaa6;
    border-color: #eb5b04;
	color: #222;
}
.pdp-dark .friday{
    color: #D55372;   
}
.pdp-dark .today{
    color: #fff;
    background: #0073ea;
}
.pdp-dark .today:hover{
    color: #fff;
    background: #0073ea;    
}
.pdp-dark .nul{    
    border: 1px solid #777;  
    background: #777;  
}
.pdp-dark .disday, .pdp-dark .disday:hover{
    color: #B7B5B5;
    background: #777777;
    cursor: not-allowed;
}
.pdp-dark .pdp-footer{    
    background: #888;
    font: normal 12px Tahoma;   
    text-align: center;
    height: 17px;
}
.pdp-dark .pdp-footer .goToday{    
    color: #f0f0f0;
    text-decoration: none;    
}
.pdp-dark .pdp-footer .goToday:hover{    
    color: #ffffff;
    text-decoration: overline;    
}
/*@import "modules/persianDatepicker-latoja.css";*/
@keyframes start {
    from {
        transform: scale(.5);
    }
    to {
        transform: scale(1);
    }
}
@-webkit-keyframes start {
    from {
        -webkit-transform: scale(.5);
    }
    to {
        -webkit-transform: scale(1);
    }
}
.rtl{direction:rtl}
.pdp-lightorang {
    position: absolute;    
    direction: rtl;    
    color: #222222;
    background: #eeeeee;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.49);
	z-index: 99999;
}
.pdp-lightorang ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.pdp-lightorang ::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}
.pdp-lightorang ::-webkit-scrollbar-thumb
{
	background-color: #444444;
}
.pdp-lightorang ::-moz-selection{
    color: #67cdcc;
}
.pdp-lightorang ::selection{
    color: #67cdcc;
}
.pdp-lightorang .pdp-header{
    background-color: #e78f08;
    border-top: 2px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: none;   
    padding: 2px;
    font-weight: bold;
    color: #eeeeee;
}
.pdp-lightorang .yearSelect{
    overflow-y: auto;
    direction: ltr;
}
.pdp-lightorang .monthSelect li.disableMonth, .pdp-lightorang .monthSelect li.disableMonth:hover{
    color: #bbb;
    background: #eee;
}
.pdp-lightorang .yearSelect, .pdp-lightorang .monthSelect{   
    font:normal 12px Tahoma;
    background: #ffffff;
    border: 1px solid #bbbbbb;    
    list-style: none;
    position: absolute;
    padding: 0;
    width: 99.6%;    
    text-align: center;    
    z-index: 9999;    
    animation: start 0.2s;
    -webkit-animation: start 0.2s;
}
.pdp-lightorang .yearSelect li, .pdp-lightorang .monthSelect li {
    padding: 1px;
    cursor: default;
    display: inline-table;    
    text-align: center;       
    border: 1px dotted #bbbbbb;
}
.pdp-lightorang .yearSelect li:hover, .pdp-lightorang .monthSelect li:hover {
    background: #FF9933;
    color: #ffffff;
    border-color: #FF7700;
}
.pdp-lightorang  .selected{
    background: #15a6eb;
    color: #ffffff;
}
.pdp-lightorang .nextArrow{
    right:0;
}
.pdp-lightorang .prevArrow{
    left:0;    
}
.pdp-lightorang .monthYear{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}
.pdp-lightorang .nextArrow, .pdp-lightorang .prevArrow{
    cursor: pointer;    
    position: absolute;
    top:1px;
    padding: 2px;
}
.pdp-lightorang .nextArrow:hover, .pdp-lightorang .prevArrow:hover{
    color: #666666;
}
.pdp-lightorang .cell {  
    display: inline-block;    
    cursor: default;
    text-align: center; 
}
/* Days of the week */
.pdp-lightorang .dows {  
    background: #eeeeee;
    color: #222;
    margin-bottom: 5px;
}
.pdp-lightorang .dow {            
    font: bold 14px 'helvetica';
    border: 1px solid #eeeeee;
}
.pdp-lightorang .days{
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-top: none;
    font: normal 12px Tahoma;   
}
.pdp-lightorang .day{
    border: 1px solid #eeeeee;    
}
.pdp-lightorang .day:hover{
    border: 1px solid #fbcb09;
    background: #fdf5ce;
    color: #c77405;
}
.pdp-lightorang .selday, .pdp-lightorang .selday:hover{
    background: #eadaa6;
    border-color: #eb5b04;
	color: #222;
}
.pdp-lightorang .friday{
    color: #d4224c;   
}
.pdp-lightorang .today{
    color: #fff;
    background: #74a3d3;
}
.pdp-lightorang .today:hover{
    color: #fff;
    background: #74a3d3;    
}
.pdp-lightorang .nul{    
    border: 1px solid #eeeeee;  
    background: #eeeeee;  
}
.pdp-lightorang .disday, .pdp-lightorang .disday:hover {
    color: #B7B5B5;
    background: #EEEEEE;
    cursor: not-allowed;
}
.pdp-lightorang .pdp-footer{    
    background: #f7ba5c;
    font: normal 12px Tahoma;   
    text-align: center;
    height: 17px;
}
.pdp-lightorang .pdp-footer .goToday{    
    color: #2e2e2e;
    text-decoration: none;    
}
.pdp-lightorang .pdp-footer .goToday:hover{    
    color: #ffffff;
    text-decoration: overline;    
}
@keyframes start {
    from {
        transform: scale(.5);
    }
    to {
        transform: scale(1);
    }
}
@-webkit-keyframes start {
    from {
        -webkit-transform: scale(.5);
    }
    to {
        -webkit-transform: scale(1);
    }
}
.rtl{direction:rtl}
.pdp-melon {
    position: absolute;    
    direction: rtl;    
    color: #eeeeee;
    background: #333333;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.49);
	z-index: 99999;
}
.pdp-melon ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.pdp-melon ::-webkit-scrollbar
{
	width: 15px;
	background-color: #F5F5F5;
}
.pdp-melon ::-webkit-scrollbar-thumb
{
	background-color: #444444;
}
.pdp-melon ::-moz-selection{
    color: #67cdcc;
}
.pdp-melon ::selection{
    color: #67cdcc;
}
.pdp-melon .pdp-header{
    background-color: #333333;    
    border: 1px solid #555555;   
    padding: 2px;
    font-weight: bold;
    color: #eeeeee;
}
.pdp-melon .yearSelect{
    overflow-y: auto;
    direction: ltr;
}
.pdp-melon .monthSelect li.disableMonth, .pdp-melon .monthSelect li.disableMonth:hover{
    color: #bbb;
    background: #eee;    
}
.pdp-melon .yearSelect, .pdp-melon .monthSelect{   
    font:normal 12px Tahoma;
    background: #777777;
    border: 1px solid #bbbbbb;    
    list-style: none;
    position: absolute;
    padding: 0;
    width: 99.6%;    
    text-align: center;    
    z-index: 9999;    
    animation: start 0.2s;
    -webkit-animation: start 0.2s;
}
.pdp-melon .yearSelect li, .pdp-melon .monthSelect li {
    padding: 1px;
    cursor: default;
    display: inline-table;    
    text-align: center;       
    border: 1px dotted #bbbbbb;
}
.pdp-melon .yearSelect li:hover, .pdp-melon .monthSelect li:hover {
    background: #333333;
    color: #ffffff;
    border-color: #333333;
}
.pdp-melon  .selected{
    background: #15a6eb;
    color: #ffffff;
}
.pdp-melon .nextArrow{
    right:0;
}
.pdp-melon .prevArrow{
    left:0;    
}
.pdp-melon .monthYear{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}
.pdp-melon .nextArrow, .pdp-melon .prevArrow{
    cursor: pointer;    
    position: absolute;
    top:1px;
    padding: 2px;
}
.pdp-melon .nextArrow:hover, .pdp-melon .prevArrow:hover{
    color: #eeeeee;
}
.pdp-melon .cell {  
    display: inline-block;    
    cursor: default;
    text-align: center; 
}
/* Days of the week */
.pdp-melon .dows {  
    background: #333333;
    color: #cccccc;    
    margin-bottom: 5px;
}
.pdp-melon .dow {            
    font: bold 14px 'helvetica';
    border: 1px solid #333333;
}
.pdp-melon .days{
    background-color: #f97e76;       
    font: normal 12px Tahoma;   
}
.pdp-melon .day{
    border: 1px solid #f97e76;    
}
.pdp-melon .day:hover{    
    background: #2e3641; 
    border-color: #2e3641;  
}
.pdp-melon .selday, .pdp-melon .selday:hover{
    background: #2e3641;
    border-color: #FFFFFF;	
}
.pdp-melon .friday{
    color: #efd6ef;   
}
.pdp-melon .today{
    color: #fff;
    background: #74a3d3;
}
.pdp-melon .disday,
.pdp-melon .disday:hover {
    color: #666666;
    background: #F97E76;
}
.pdp-melon .today:hover{
    color: #fff;
    background: #74a3d3;    
}
.pdp-melon .nul{    
    border: 1px solid #f97e76;  
    background: #f97e76;  
}
.pdp-melon .disday, .pdp-melon .disday:hover {
    color: #929090;
    background: #F97E76;
    cursor: not-allowed;
}
.pdp-melon .pdp-footer{    
    background: #2e3641;
    font: normal 12px Tahoma;   
    text-align: center;
    height: 17px;
}
.pdp-melon .pdp-footer .goToday{
    color: #dddddd;
    text-decoration: none;    
}
.pdp-melon .pdp-footer .goToday:hover{      
    text-decoration: overline;    
}
.resultsContainer {
    display: grid;
    grid-template-columns: repeat(43, 12fr);
    gap: 18px;
    /*justify-content: space-evenly;*/
    overflow-x: scroll;

}
.firstContainer {

    display: grid;
    /*background: rgba(77, 77, 0, 0.22);*/
    /*grid-template-rows: repeat(12, 1fr);*/
    line-height: 2rem;
    grid-column: 1 / span 3;

}
.firstContainer__static {
    display: grid;
    /*background: rgba(255, 15, 212, 0.11);*/
    gap: 12px;
    grid-template-columns: repeat(8, 1fr);


}
.firstContainer__dynamic {
    display: grid;
    /*background: rgba(255, 255, 0, 0.11);*/
    gap: 12px;
    grid-template-columns: repeat(8, 1fr);
}
.radif {
    text-align: center;
    background: #cbcbcb;
    grid-column: 1 / 4;

}
.amaltitle {
    grid-column: 4 / 8;
    background: #e0e0e0;
    text-align: center;
    position: sticky;
    position: -webkit-sticky;
    right: 0;
    z-index: 300;

}
/* results*/
.secondContainer {
    display: grid;
    background: yellow;
    grid-column: 5 / span 42;
    grid-template-columns: repeat(43, 12fr);
}
.amalday {
    /*background: #d8226b;*/
}
.resultvalue{
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    overflow: hidden;
    line-height: 45px;
    /*max-width: 155px;*/
    word-break: break-all;
    padding: 0 .31em;
    cursor: pointer;
    /*border-left: #e7e7e7 solid 1px;*/
    border-bottom: #e7e7e7 solid 1px;
    font-size: 18px;
    border-collapse: collapse;
    text-align: center;
    font-family: iranyekanwebregularfanum, "B Yekan";
}
@media (max-width: 529px) {
.resultvalue{
        font-size: 14px;
        padding: 0 .31em;
        /*border-collapse: collapse;*/
        text-align: center;
        font-family:iranyekanwebregularfanum;
        line-height: 45px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        /*max-width: 150px;*/
        word-break: break-all
}
  }
.resultvalue__red {
        color: rgb(255, 56, 66);
     }
.resultvalue__orange {
        color: orange;
      }
.resultvalue__yellow {
        color: #b6b600;
      }
.resultvalue__green {
        color: rgb(0, 164, 0);
      }
.resultvalue__text {
         color: rgb(56, 56, 56);
     }
.arbayiin-items {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    font-size: 14px;
    font-family: iranyekanwebregularfanum;
    background-color: #fffbfc;
    margin-top: 8px;
    align-items: center;
}
.arbayiin-items__child {
        flex: 50%;
     }
@media (max-width: 529px) {
.arbayiin-items__child {
            /*flex: 100%;*/
     }
  }
.flex-container {
    display: flex;
    flex-direction: row;
    font-size: 30px;
    text-align: center;
    flex-wrap: wrap;
    box-sizing: border-box;

}
.flex-item-left {
    background-color: #f1f1f1;
    padding: 10px;
    flex: 25%;
    border: 1px solid #000;
    box-sizing: border-box;
    margin: 22px;
}
.flex-item-right {
    background-color: dodgerblue;
    padding: 10px;
    flex: 25%;
    border: 1px solid #000;
    box-sizing: border-box;
}
/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
    .flex-container {
        flex-direction: column;
        box-sizing: border-box;
    }
}
@media (max-width: 900px) {
    .flex-item-left {
        flex: 50%;
        box-sizing: border-box;
    }

    .flex-item-right {
        flex: 50%;
        box-sizing: border-box;
    }
}
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');*/
*, *:before, *:after {
    /*box-sizing:border-box;*/
}
/*body {*/
/*    padding:$base-spacing-unit;*/
/*    font-family:'Source Sans Pro', sans-serif;*/
/*    margin:0;*/
/*}*/
/*h1,h2,h3,h4,h5,h6 {*/
/*    margin:0;*/
/*}*/
.finishedArbToggle {
    cursor: pointer;
    color: #5A4F87;
}
.shagerdan-container {
    display: -webkit-flex;
    font-family: iranyekanwebregularfanum;
    height:100%;
    position:relative;
    width:100%;
    /*max-width: 1000px;*/
    /*margin-right:auto;*/
    /*margin-left:auto;*/
    display:flex;
    flex-flow: column;
    justify-content:center;
    /*align-items:center;*/
    /*min-height:100vh;*/
    overflow-x: scroll;

}
.haaseb-invisible{
    display: none!important;
}
.shagerdan-table {
    /*min-width: 100%;*/
    display: flex;
    flex:1;
    -webkit-flex:1;
    flex-flow: column;
    border:1px solid #EEEEEE;

}
@media (max-width: 529px) {
.shagerdan-table {
    font-size: 0.9rem
    /*flex: 50%;*/
    /*min-width: 50vw;*/

}
  }
.shagerdan-table-header {
    display:flex;
  flex-wrap: wrap;
    width:100%;
    z-index: 8;
    /*padding: 10px 0px 10px  0px;*/
    background: #2e674d;
}
/*padding:($half-spacing-unit * 1.5) 0;*/
@media (max-width: 529px) {
.shagerdan-table-header {
    /*width: 500px;*/
}
  }
.shagerdan-table-content {
    /*display:flex;*/
    /*flex-flow: column;*/
    /*width:inherit;*/
}
.shagerdan-table-row {
    font-family: iranyekanwebregularfanum;
    display:flex;
  flex-wrap: wrap;
    border-bottom: #eaf6ee 1px solid;
    width:100%;
}
/*padding:($half-spacing-unit * 1.5) 0;*/
.shagerdan-table-row:nth-of-type(odd) {
     /*background:$color-form-highlight;*/
 }
@media (max-width: 529px) {
.shagerdan-table-row {
    /*width: 500px;*/
}
  }
.shagerdan-table-data, .shagerdan-header__item {
    flex: 1 1 20%;
    width: 20%;
    margin-right: 9px;
    text-align:right;
    padding: 4px 6px 4px 0;
    position: relative;

    text-overflow: ellipsis;
    word-wrap: break-word;

}
@media (max-width: 529px) {
.shagerdan-table-data, .shagerdan-header__item {
    /*width: 106px;*/

}
  }
.shagerdan-header__item {
    /*text-transform:uppercase;*/
}
.filter__link {
    color:white;
    text-decoration: none;
    position:relative;

}
/*padding-right:$base-spacing-unit;*/
@media (max-width: 529px) {
.filter__link {
    /*font-size: 0.9rem;*/
    /*display: table-cell;*/

}
  }
/*padding-left:$base-spacing-unit;*/
.filter__link::after {
     content:'';
     position:absolute;
     /*right:-($half-spacing-unit * 1.5);*/
     color:white;
     font-size:24px / 2;
     top: 50%;
     transform: translateY(-50%);
 }
/*display:inline-block;*/
.filter__link.desc::after {
     content: '(نزولی)';
 }
.filter__link.asc::after {
     content: '(صعودی)';
 }
/*@media all and (min-width: 50px)   {  .shagerdan-table-data, .shagerdan-header__item   { font-size:0.1em;  } }*/
/*@media all and (min-width: 100px)  {  .shagerdan-table-data, .shagerdan-header__item   { font-size:0.2em;  } }*/
/*@media all and (min-width: 200px)  {  .shagerdan-table-data, .shagerdan-header__item   { font-size:0.4em;  } }*/
@media all and (min-width: 300px)  {  .shagerdan-table-data, .shagerdan-header__item   { font-size:0.6em; width: 75px; } }
@media all and (min-width: 400px)  {  .shagerdan-table-data, .shagerdan-header__item   { font-size:0.8em; width: 100px;  } }
@media all and (min-width: 500px)  {  .shagerdan-table-data, .shagerdan-header__item   { font-size:1.0em; width: 125px; } }
@media all and (min-width: 600px)  {  .shagerdan-table-data, .shagerdan-header__item   {  width: 150px; } }
@media all and (min-width: 700px)  {  .shagerdan-table-data, .shagerdan-header__item   {  width: 175px; } }
@media all and (min-width: 800px)  {  .shagerdan-table-data, .shagerdan-header__item   { width: 200px;  } }
/*@media all and (min-width: 900px)  {  .shagerdan-table-data, .shagerdan-header__item   { font-size:1.8em;  } }*/
/*@media all and (min-width: 1000px) {  .shagerdan-table-data, .shagerdan-header__item   { font-size:2.0em;  } }*/
/*@media all and (min-width: 1100px) {  .shagerdan-table-data, .shagerdan-header__item   { font-size:2.2em;  } }*/
/*@media all and (min-width: 1200px) {  .shagerdan-table-data, .shagerdan-header__item   { font-size:2.4em;  } }*/
/*@media all and (min-width: 1300px) {  .shagerdan-table-data, .shagerdan-header__item   { font-size:2.6em;  } }*/
/*@media all and (min-width: 1400px) {  .shagerdan-table-data, .shagerdan-header__item   { font-size:2.8em;  } }*/
/*@media all and (min-width: 1500px) {  .shagerdan-table-data, .shagerdan-header__item   { font-size:3.0em;  } }*/
/*@media all and (min-width: 1500px) {  .shagerdan-table-data, .shagerdan-header__item   { font-size:3.2em;  } }*/
/*@media all and (min-width: 1600px) {  .shagerdan-table-data, .shagerdan-header__item   { font-size:3.4em;  } }*/
/*@media all and (min-width: 1700px) {  .shagerdan-table-data, .shagerdan-header__item   { font-size:3.6em;  } }*/
.reportSide {
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background-color: #fff;
  transition: opacity .2s ease-in;

}
.reportSide ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.reportSide__list {

   }
.reportSide *, .reportSide :after, .reportSide :before {
  box-sizing: border-box;
}
.reportSide__item {
     position: relative;
     color: #444;
     border-bottom: 1px solid #e5e5e5;
     font-size: 14px;
     font-weight: 300;
   }
.reportSide__item--filters {
         background-color: #fff;
       }
.reportSide__button {
       position: relative;
       z-index: 2;
       width: 100%;
       padding: 10px 15px 10px 30px;
       text-align: right;
       font-size: 14px;
       font-weight: 500;
       color: #444;
       background-color: #fff;
       border: none;
       border-bottom: 1px solid #e5e5e5;
     }
.reportSide-icon {
        color: #ccc;
        font-size: 16px;


 }
.reportSide-icon--leftsub {
         left: 17px;
         font-size: 1em;
         color: #ccc;
       }
.reportSide-icon--left {
   position: absolute;
   top: 34%;
   left: 15px;
   font-size: 1.3em;
 }
.reportSide__subList--big {
     height: 200px;
     overflow: hidden;
   }
.reportSide__subListWrapper {
   position: static;
   padding: 15px 0;
   padding-bottom: 40px;
 }
.reportSide .reportSide__subList--big .reportSide__subListWrapper {
   padding-bottom: 40px;
 }
.reportSide__sublistItem {
    width: 100%;
    display: inline-block;
    padding: 0 15px;
    line-height: 30px;
    border: none;
    text-align: right;
    font-size: 12px;
    color: #444;
    background-color: #fff;
    transition: color .1s ease;
  }
.reportSide__sublistIcon {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     width: 16px;
     height: 16px;
     margin-left: 5px;
     font-style: normal;
     font-size: 18px;
     border-radius: 3px;
     color: transparent;
     background-color: #eee;
     border: 1px solid #ccc;
     box-shadow: inset 0 0 2px 0 #fff;
     overflow: visible;
     cursor: pointer;
     transition: all .2s ease;

   }
.reportSide reportSide__sublistIcon:before {
      position: relative;
      bottom: 6px;
      left: 6px;
    }
.reportSide__sublistText {
     width: 100%;
     /*display: inline-block;*/
     padding: 0 15px;
     line-height: 30px;
     border: none;
     text-align: right;
     font-size: 12px;
     color: #444;
     background-color: #fff;
     transition: color .1s ease;
   }
.reportSide [class*=" c-icon--"], .reportSide [class^=c-icon--] {
  font-family: icons;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.open>.dropdown-menu{
  right: 0px;
  top: 0px!important;
}
/*@import "modules/pagination.css";*/
.pajinatify {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    overflow: hidden;
}
.pajinatify.pajinatify__rtl {
        direction: ltr;
        justify-content: unset;
    }
.pajinatify >span {
        display: inline-block;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 2;
        color: #111;
        text-decoration: none;
        border: 1px solid #e7e7e7;
        border-right-color: #fff;
        position: relative;
        background-color: #fff;
    }
.pajinatify >span:last-child {
            border-right-color: #e7e7e7;
        }
.pajinatify >span.pajinatify__button {
            cursor: pointer;
        }
.pajinatify >span.pajinatify__button:hover,
            .pajinatify >span.pajinatify__button:focus {
                background-color: #f0f0f0;
                border-right-color: #f0f0f0;
            }
.pajinatify >span.pajinatify__current {
            background-color: #535355;
            border-color: #535355;
            color: #fff;
            cursor: default;
            pointer-events: none;
        }
.pajinatify >span.pajinatify__arrow:before {
                content: '';
                display: block;
                border-right: 1px solid #999;
                border-bottom: 1px solid #999;
                width: 8px;
                height: 8px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -4px;
            }
.pajinatify >span.pajinatify__arrow.arrow__next {
                right: 0;
            }
.pajinatify >span.pajinatify__arrow.arrow__next:before {
                    transform: rotate(135deg);
                    margin-left: -6px;
                }
.pajinatify >span.pajinatify__arrow.arrow__prev {
                left: 0;
            }
.pajinatify >span.pajinatify__arrow.arrow__prev:before {
                    transform: rotate(-45deg);
                    margin-left: -4px;
                }
/*@import "modules/responsive-flextable.css";*/