/*
@import this file directly into your existing Scss files to use these mixins
*/
/***Global Styles***/
html {
  overflow-x: hidden;
}

body {
  color: #150b07;
}

canvas {
  direction: ltr;
}

.FaTextBox {
  direction: rtl;
  text-align: right;
}

.EnTextBox {
  direction: ltr;
  text-align: left;
}

textarea {
  direction: rtl;
  text-align: right;
}

select {
  direction: rtl;
  text-align: right;
}
select.form-control {
  padding-top: 0;
  padding-bottom: 0;
}

.number {
  display: inline-block;
  direction: ltr;
  font-family: serif;
  font-size: 0.9em;
}

.error, .field-validation-error {
  color: red;
}

.ltr {
  direction: ltr;
}

.rtl {
  direction: rtl;
}

.text-container {
  transform: rotate(-0.1deg);
}

.inline-block {
  display: inline-block !important;
}

.block {
  display: block !important;
}

.align-top {
  vertical-align: top;
}

.align-bottom {
  vertical-align: bottom;
}

.align-middle {
  vertical-align: middle;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.dt {
  display: table;
}
.dt .dtc {
  display: table-cell;
}

.v-center:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.3em;
}
.v-center > * {
  display: inline-block;
  vertical-align: middle;
}

.text-right {
  text-align: right;
}

.d-flex {
  display: flex;
  gap: 0 10px;
  flex-wrap: wrap;
}
.d-flex.align-items-center {
  align-items: center;
}
.d-flex.justify-space-between {
  align-content: space-between;
}
.d-flex .col-1 {
  flex: 1;
}
.d-flex .col-2 {
  flex: 2;
}
.d-flex .col-3 {
  flex: 3;
}
.d-flex .col-100 {
  flex: 0 0 100%;
}

.m-0 {
  margin: 0;
}

.ml-1 {
  margin-left: 1rem;
}

.ml-2 {
  margin-left: 2rem;
}

.ml-3 {
  margin-left: 3rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.ayandehsaz-box {
  border: 1px solid gainsboro;
  text-align: center;
  max-width: 320px;
  margin: 30px auto 10px;
  padding: 20px 10px;
  border-radius: 10px;
}

.no-border {
  border: unset !important;
}

.custom-tab-container {
  text-align: center;
  margin-bottom: 40px;
}
.custom-tab-container .custom-tab-item {
  display: inline-block;
  background: #efefef;
  border: 1px solid #25a0c3;
  color: #25a0c3;
  padding: 5px 20px;
  margin: 5px;
  border-radius: 5px;
  transition: 0.3s all;
}
.custom-tab-container .custom-tab-item.active {
  background: #25a0c3;
  color: white;
}
.custom-tab-container .custom-tab-item:hover {
  background: #25a0c3;
  color: white;
}

.text-white {
  color: white;
}

.m-5px {
  margin: 5px;
}

:focus {
  outline: none;
}

.no-wrap {
  white-space: nowrap;
}

svg {
  fill: currentColor;
}

.line-through {
  text-decoration: line-through;
}

.caution {
  color: red;
}

.caution-wrapper {
  border: 1px solid red;
  padding: 5px;
}

.flash-container {
  overflow: hidden;
}

.bullet {
  margin-left: 5px;
  border: solid 1px #eeae39;
  direction: ltr;
  vertical-align: middle;
}

.wrap {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}

.clearfloat {
  clear: both;
}

.captcha-text {
  font-family: monospace;
}

.main-content-wrapper {
  direction: rtl;
  color: #464646;
  padding: 0;
}

.dropdown-menu > li > a label {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dropdown-menu > li > a {
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-menu > li > a.radio, .dropdown-menu > li > a.checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}

.dropdown-menu > li > [type=radio], .dropdown-menu > li > [type=checkbox] {
  margin-right: 10px;
  margin-left: 10px;
  float: right;
  margin-top: 9px;
}

.dropdown-menu .divider {
  margin: 2px 0;
}

.dropdown-menu [type=checkbox] + label {
  display: block;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}

.dropdown-menu [type=checkbox] + label:hover, .dropdown-menu [type=checkbox]:checked + label {
  background: #333e97;
  color: white;
}

.rtl-placeholder[value=""] {
  direction: rtl;
}

.rtl-placeholder {
  direction: ltr;
}

.footer .stuff-tags.well {
  min-height: 20px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

[v-cloak] {
  display: none !important;
}

.autocomplete-suggestions {
  text-align: right;
}

.alert.validation-summary-valid {
  display: none;
}

.btn-success.inverse {
  background: white;
  color: #5bb85c;
  font-weight: 500;
}

.inline-template .orange-button {
  color: black;
  background: url(/images/inline-template-orange-button.svg) no-repeat;
  width: 118px;
  height: 38px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.142em;
  line-height: 2.5em;
  margin-right: 25px;
}
.inline-template .blue-button {
  color: white;
  background: url(/images/inline-template-blue-button.svg) no-repeat;
  width: 118px;
  height: 38px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.142em;
  line-height: 2.5em;
  margin-right: 25px;
}
.inline-template.template-1 {
  text-align: center;
  height: 106px;
  background: url(/images/inline-template-1-tl-corner.svg) no-repeat top left, url(/images/inline-template-1-rb-corner.svg) no-repeat bottom right, -moz-linear-gradient(360deg, rgb(43, 57, 144) 0%, rgb(89, 163, 238) 100%);
  background: url(/images/inline-template-1-tl-corner.svg) no-repeat top left, url(/images/inline-template-1-rb-corner.svg) no-repeat bottom right, -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(43, 57, 144)), color-stop(100%, rgb(89, 163, 238)));
  background: url(/images/inline-template-1-tl-corner.svg) no-repeat top left, url(/images/inline-template-1-rb-corner.svg) no-repeat bottom right, -webkit-linear-gradient(360deg, rgb(43, 57, 144) 0%, rgb(89, 163, 238) 100%);
  background: url(/images/inline-template-1-tl-corner.svg) no-repeat top left, url(/images/inline-template-1-rb-corner.svg) no-repeat bottom right, -o-linear-gradient(360deg, rgb(43, 57, 144) 0%, rgb(89, 163, 238) 100%);
  background: url(/images/inline-template-1-tl-corner.svg) no-repeat top left, url(/images/inline-template-1-rb-corner.svg) no-repeat bottom right, -ms-linear-gradient(360deg, rgb(43, 57, 144) 0%, rgb(89, 163, 238) 100%);
  background: url(/images/inline-template-1-tl-corner.svg) no-repeat top left, url(/images/inline-template-1-rb-corner.svg) no-repeat bottom right, linear-gradient(90deg, rgb(43, 57, 144) 0%, rgb(89, 163, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2b3990", endColorstr="#59a3ee",GradientType=1 );
}
.inline-template.template-1 .content .text {
  font-size: 1.8em;
  color: white;
  line-height: 4.2em;
  display: inline-block;
}
.inline-template.template-2 {
  position: relative;
  margin: 15px 55px 0 0;
  text-align: center;
  height: 78px;
  background: -moz-linear-gradient(0deg, rgb(89, 163, 238) 0%, rgb(43, 57, 144) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(89, 163, 238)), color-stop(100%, rgb(43, 57, 144)));
  background: -webkit-linear-gradient(0deg, rgb(89, 163, 238) 0%, rgb(43, 57, 144) 100%);
  background: -o-linear-gradient(0deg, rgb(89, 163, 238) 0%, rgb(43, 57, 144) 100%);
  background: -ms-linear-gradient(0deg, rgb(89, 163, 238) 0%, rgb(43, 57, 144) 100%);
  background: linear-gradient(90deg, rgb(89, 163, 238) 0%, rgb(43, 57, 144) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#59a3ee", endColorstr="#2b3990",GradientType=1 );
}
.inline-template.template-2 .content .text {
  font-size: 1.8em;
  color: white;
  line-height: 3.1em;
  display: inline-block;
}
.inline-template.template-2 .big-bullet {
  position: absolute;
  right: -52px;
  top: -12px;
  width: 110px;
  height: 103px;
  background: url(/images/inline-template-rotated-squre.svg) no-repeat;
}
.inline-template.template-3 {
  position: relative;
  margin: 15px 20px 0 0;
  text-align: center;
  height: 84px;
  border: 4px solid black;
  border-radius: 16px;
}
.inline-template.template-3 .content .text {
  font-size: 1.8em;
  color: black;
  line-height: 3.1em;
  display: inline-block;
}
.inline-template.template-3 .content .orange-button {
  color: black;
  background: url(/images/inline-template-orange-button.svg) no-repeat;
  width: 118px;
  height: 38px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.142em;
  line-height: 2.5em;
  margin-right: 25px;
}
.inline-template.template-3 .big-bullet {
  position: absolute;
  right: -52px;
  top: -29px;
  width: 137px;
  height: 137px;
  background: url(/images/inline-template-blue-circle.svg) no-repeat;
}

.rtl input[type=radio]:after, .rtl .radio input[type=radio]:after, .rtl .radio-inline input[type=radio]:after {
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .modal {
    padding: 0 !important;
  }
  .modal .modal-dialog {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .modal .modal-content {
    height: auto !important;
    min-height: 100% !important;
    border: 0 none !important;
    border-radius: 0 !important;
  }
  body * .modal .modal-dialog {
    right: 2px;
  }
}
#account-modal-content .logout-form {
  display: inline-block;
}

/*Defaults*/
.inner-page h1, .inner-page h2, .inner-page h3, .inner-page h4, .inner-page h5, .inner-page h6 {
  color: #25a0c3;
  font-family: IranSansWeb;
  font-weight: 700;
}
.inner-page .banner {
  position: relative;
}
.inner-page .banner .banner-image {
  width: 100%;
}
.inner-page .banner .ribbon {
  position: absolute;
  width: 15%;
  left: 49.5%;
  top: 31%;
  min-width: 155px;
}
.inner-page .banner .brand-name {
  position: absolute;
  left: 51.5%;
  top: 7vw;
  color: white;
  transform: rotate(-18deg) skewX(-15.5deg);
  font-size: 1vw;
  -sand-transform: rotate(-18deg) skewX(-15.5deg);
}
@media (max-width: 1040px) {
  .inner-page .banner .brand-name {
    font-size: 0.7em;
    top: 7.4vw;
    margin-top: -10px\9 ;
  }
}
.inner-page .banner .diamond-btn {
  padding: 20px 0;
  position: absolute;
  right: 50%;
  bottom: -62px;
  margin-right: -47.5px;
  text-align: center;
  width: 95px;
  height: 95px;
  display: inline-block;
  vertical-align: middle;
  background: url("/images/icons.sprite.png") -10px -1500px no-repeat;
}
.inner-page .banner .diamond-btn img {
  max-width: 50px;
}

.highlight {
  outline: -2px solid rgba(0, 0, 255, 0.5);
  box-shadow: 0 0 9px 3px rgba(0, 0, 255, 0.5);
}

.magnifier {
  background-color: white;
}

.checkbox > input[type=checkbox], .checkbox-inline > input[type=checkbox], .radio > input[type=radio], .radio-inline > input[type=radio] {
  margin-left: 0;
  margin-top: 2px;
}

.checkbox input[type=checkbox] + label, .checkbox-inline input[type=checkbox] + label, .radio input[type=radio] + label, .radio-inline input[type=radio] + label {
  padding-left: 25px;
}

.btn img {
  max-width: 90%;
}

/*Article*/
/*****Shared**********/
/********Gallery**********/
.article.list .items {
  margin-top: 24px;
}
.article.list .items .item {
  color: #134a86;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  display: block;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
}
.article.list .items .item .date {
  font-size: 0.86em;
  font-family: IranSansWeb;
  font-weight: 500;
  width: 10%;
  border-left: 1px solid #ededed;
  margin: 20px 0;
  padding: 30px 0;
  vertical-align: middle;
  text-align: center;
  float: right;
}
.article.list .items .item .date span {
  display: block;
  margin-top: 14px;
}
.article.list .items .item .dscp {
  width: 90%;
  padding: 24px 12px 24px;
  text-align: right;
  float: left;
}

/*BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB*/
/*****Blog*****/
/*****Shared**********/
/********Blog**********/
.blog.list.expanded-view .view-buttons .normal {
  background-image: url("/Images/grid-2.svg");
  border: none;
}
.blog.list.expanded-view .view-buttons .expanded {
  background-image: url("/Images/grid-1-active.svg");
  border-bottom: 2px solid #25a0c3;
}
.blog.list.expanded-view .blog-posts .col {
  width: 100% !important;
}
.blog.list.expanded-view .blog-posts .item {
  padding-bottom: 0;
  display: table;
}
.blog.list.expanded-view .blog-posts .item .img-w {
  width: 37.5%;
  display: table-cell;
  vertical-align: middle;
}
.blog.list.expanded-view .blog-posts .item .img-w img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog.list.expanded-view .blog-posts .item .details {
  width: 62.5%;
  display: table-cell;
  vertical-align: top;
}
.blog.list .header .top-section h1 {
  float: right;
}
.blog.list .header .top-section .breadcrumb-wrapper {
  float: left;
}
.blog.list .header .pager {
  margin: 0;
  float: left;
}
.blog.list .footer {
  display: none;
}
.blog.list .view-buttons {
  float: right;
  margin: 40px 0;
}
.blog.list .view-buttons > div {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.blog.list .view-buttons .normal {
  background-image: url("/Images/grid-2-active.svg");
  border-bottom: 2px solid #25a0c3;
}
.blog.list .view-buttons .expanded {
  background-image: url("/Images/grid-1.svg");
}
.blog.list .nav-pills {
  margin-top: 10px;
}
.blog.list .nav-pills li {
  margin-bottom: 30px;
  text-align: center;
}
.blog.list .dscp {
  padding: 15px;
}
.blog.list .items-w .owl-dots {
  display: none;
}
.blog.list .blog-posts {
  position: relative;
}
.blog.list .blog-posts .item {
  color: #134a86;
  position: relative;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background-color: #ffffff;
  text-align: center;
  transition: all 0.3s;
  margin-bottom: 30px;
  overflow: hidden;
  margin: 0 8px 30px 8px;
  padding-bottom: 30px;
}
.blog.list .blog-posts .item:hover {
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.2);
}
.blog.list .blog-posts .item .img-w img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog.list .blog-posts .item .details {
  padding: 16px;
  text-align: right;
}
.blog.list .blog-posts .item .details .title {
  color: #444444;
  font-size: 1.142em;
  font-weight: bold;
  min-height: 60px;
}
.blog.list .blog-posts .item .details .date {
  font-size: 0.71em;
  color: #888;
  position: relative;
  margin-right: 18px;
  margin-top: 10px;
}
.blog.list .blog-posts .item .details .date:before {
  content: "";
  background: url("../images/date.png") no-repeat center center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -20px;
  top: -3px;
}
.blog.list .blog-posts .item .details .summary {
  font-size: 0.85em;
  overflow: hidden;
  padding-bottom: 10px;
  margin-top: 6px;
}
.blog.list .blog-posts .item .details .link {
  font-size: 1em;
  position: absolute;
  bottom: 16px;
  left: 35px;
}
.blog.list .blog-posts .item .details .link:after {
  content: "";
  width: 10px;
  height: 18px;
  background: url("/images/into-arrow.png") no-repeat center center;
  position: absolute;
  left: -15px;
  top: 4px;
}
.blog.detail {
  overflow-x: hidden;
}
.blog.detail .header {
  margin-bottom: 40px;
}
.blog.detail .header .breadcrumb-wrapper {
  float: left;
}
.blog.detail .header .info {
  font-size: 0.71em;
  color: #888;
}
.blog.detail .header .info .date {
  position: relative;
  margin-right: 18px;
  display: inline-block;
}
.blog.detail .header .info .date:before {
  content: "";
  background: url("../images/date.png") no-repeat center center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -20px;
  top: -3px;
}
.blog.detail .header .info .menu-title {
  display: inline-block;
  margin-right: 24px;
}
.blog.detail .header .back-btn {
  position: relative;
  margin-top: 34px;
}
.blog.detail .header .back-btn:after {
  content: "";
  background-image: url("/Images/back.png");
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 30px;
  position: absolute;
  left: 0;
  top: -1px;
}
.blog.detail .header .back-btn a {
  color: #134a86;
  padding-left: 20px;
}
.blog.detail .details {
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
.blog.detail .details .main-image {
  border-radius: 8px 8px 0 0;
  width: 100%;
}
.blog.detail .details .dscp {
  padding: 24px;
}
.blog.detail .details .footer {
  padding: 10px 0;
  border-top: 1px #ededed solid;
  margin: 0 24px;
}
.blog.detail .details .footer .footer-row:first-child {
  border-bottom: 1px solid #ededed;
  padding: 10px 30px;
}
.blog.detail .details .footer .footer-row:first-child .likes {
  display: inline-block;
  width: 35px;
  float: left;
}
.blog.detail .details .footer .footer-row:first-child .likes .icon {
  background-image: url("/Images/Like.png");
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  display: inline-block;
  float: left;
}
.blog.detail .details .footer .footer-row:first-child .likes #likes-count {
  display: inline-block;
  float: right;
  margin-left: 5px;
}
.blog.detail .details .footer .footer-row:first-child .likes .action-btn {
  cursor: pointer;
}
.blog.detail .details .footer .footer-row:first-child .likes .action-btn:hover .icon {
  background-image: url("/Images/Like-hover.png");
}
.blog.detail .details .footer .footer-row:first-child .comments-count {
  display: inline-block;
  width: 50px;
  margin-left: 10px;
  border-left: 1px solid #cdcdcd;
  padding-left: 10px;
}
.blog.detail .details .footer .footer-row:first-child .comments-count a {
  color: #134a86;
}
.blog.detail .details .footer .footer-row:first-child .comments-count .icon {
  background-image: url("/Images/comment.png");
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  display: inline-block;
  float: left;
  margin-right: 5px;
}
.blog.detail .details .footer .footer-row:last-child {
  padding-top: 5px;
}
.blog.detail .details .footer .footer-row .tags {
  font-size: 0.85em;
  margin-top: 10px;
}
.blog.detail .suggested-posts h3 {
  font-size: 1.2em;
}
.blog.detail .suggested-posts .item {
  color: white;
  background-color: #25a0c3;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 10px;
}
.blog.detail .suggested-posts .item .title {
  font-size: 1em;
  font-family: IranSansWeb;
  font-weight: bold;
  margin-bottom: 10px;
}
.blog.detail .suggested-posts .item .title a {
  color: white;
}
.blog.detail .suggested-posts .item img {
  float: right;
  border-radius: 8px;
  width: 130px;
  margin-left: 5px;
}
.blog.detail .suggested-posts .item .summary {
  font-size: 0.8em;
  font-family: IranSansWeb;
  font-weight: 300;
}

@media (max-width: 1199px) {
  .blog.list .header .top-section .breadcrumb-wrapper {
    display: none;
  }
  .blog.list .header .bottom-section {
    display: none;
  }
  .blog.list .blog-posts .item {
    padding-bottom: 0;
    display: table;
  }
  .blog.list .blog-posts .item .img-w {
    width: 37.5%;
    display: table-cell;
    vertical-align: middle;
  }
  .blog.list .blog-posts .item .details {
    width: 62.5%;
    display: table-cell;
    vertical-align: top;
  }
  .blog.list .blog-posts .item .details .summary {
    padding-bottom: 30px;
  }
  .blog.list .footer {
    display: block;
  }
}
@media (max-width: 411px) {
  .blog.list .header .top-section h1 {
    float: none;
    text-align: center;
  }
  .blog.list .items-w {
    padding: 0;
  }
  .blog.list .items-w .owl-carousel .owl-nav {
    margin: 40px 15%;
    position: relative;
  }
  .blog.list .items-w .owl-carousel .owl-nav > div {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    top: -12px;
    width: 24px;
    height: 27px;
  }
  .blog.list .items-w .owl-carousel .owl-nav > div.owl-next {
    left: -25px;
    background: url("/images/previous.svg") center center no-repeat;
    background-size: cover;
  }
  .blog.list .items-w .owl-carousel .owl-nav > div.owl-prev {
    right: -25px;
    background: url("/images/next.svg") center center no-repeat;
    background-size: cover;
  }
  .blog.list .items-w .owl-carousel .owl-stage-outer {
    overflow: hidden;
  }
  .blog.list .items-w .owl-carousel .owl-stage-outer .owl-item img {
    border-radius: 0;
    box-shadow: none;
  }
  .blog.list .items-w .owl-carousel .owl-stage-outer .owl-item .caption {
    font-size: 0.76em;
  }
  .blog.list .items-w .owl-dots {
    margin: 14px 15%;
    display: block;
  }
  .blog.list .items-w .owl-dots .owl-dot {
    position: relative;
    width: 33%;
    height: 2px;
    background: #ededed;
    float: right;
    transition: all 0.3s;
    cursor: pointer;
  }
  .blog.list .items-w .owl-dots .owl-dot span {
    position: absolute;
    top: -33px;
    right: 3px;
    opacity: 0;
    transition: all 0.3s;
    font-family: IranSansWeb;
    font-weight: bold;
    font-size: 1.42em;
    color: #5592c4;
    width: 100%;
    display: block;
    text-align: right;
  }
  .blog.list .items-w .owl-dots .owl-dot.active {
    height: 3px;
    background: #25a0c3;
  }
  .blog.list .items-w .owl-dots .owl-dot.active span {
    opacity: 1;
  }
  .blog.list .blog-posts .item {
    padding-bottom: 0;
    display: block;
    margin: 20px 40px;
  }
  .blog.list .blog-posts .item .img-w {
    width: 100%;
    display: block;
    vertical-align: auto;
  }
  .blog.list .blog-posts .item .details {
    width: 100%;
    display: block;
  }
  .blog.list .blog-posts .item .details .summary {
    display: none;
  }
  .blog.list .footer .pager {
    margin-top: 80px;
    margin-bottom: 0;
  }
  .blog.list .footer .pager .pagination {
    margin: 0;
  }
}
@media (max-width: 360px) {
  .blog.detail .details .footer .footer-row:first-child {
    padding: 10px 0;
  }
  .blog.detail .details .footer .footer-row:first-child .rate {
    margin-bottom: 10px;
  }
}
/*ContactUs*/
/*****Shared**********/
/********Contact-Us**********/
.contact-us .contact-form {
  border: 1px dashed #979797;
  border-radius: 8px;
  position: relative;
  padding: 45px;
}
.contact-us .contact-form:before {
  content: "";
  width: 50px;
  height: 1px;
  border-bottom: 1px dashed #979797;
  position: absolute;
  top: 17px;
  right: -7px;
  transform: rotate(-45deg);
}
.contact-us .contact-form:after {
  content: "";
  width: 50px;
  height: 1px;
  border-bottom: 1px dashed #979797;
  position: absolute;
  top: 17px;
  left: -7px;
  transform: rotate(45deg);
}
.contact-us .contact-form .title {
  font-size: 1.71em;
  margin-top: 15px;
  margin-bottom: 40px;
}
.contact-us .contact-form label.control-label {
  color: #acacac;
}
.contact-us .contact-form img {
  display: block;
}
.contact-us .contact-data address {
  margin-top: 20px;
}
.contact-us .contact-data address svg {
  color: #25a0c3;
}

/*DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/
/*Default*/
.main-content-wrapper.default {
  padding: 0;
}

/*Download*/
/*****Shared**********/
.download.list .items {
  margin-top: 24px;
}
.download.list .items .item {
  color: #444;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  display: block;
  overflow: hidden;
  text-align: center;
  margin-bottom: 16px;
  padding: 16px;
  transition: all 0.3s;
}
.download.list .items .item .title {
  font-family: IranSansWeb;
  font-weight: bold;
  font-size: 1.14em;
  min-height: 80px;
}
.download.list .items .item .dscp {
  color: #888;
  margin-top: 17px;
  min-height: 80px;
}
.download.list .items .item .download-btn {
  font-family: IranSansWeb;
  font-weight: bold;
  width: 100%;
  padding: 6px 0;
  max-height: 40px;
  border-radius: 20px;
  background-color: #25a0c3;
  text-align: center;
  transition: all 0.3s;
}
.download.list .items .item .download-btn a {
  color: white;
  display: block;
}
.download.list .items .item:hover {
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.2);
}
.download.list .items .item:hover .download-btn {
  box-shadow: 0 4px 5px 0 rgba(43, 107, 180, 0.45);
}

@media (max-width: 411px) {
  .download.list h1 {
    text-align: center;
  }
}
/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/
/*****Shared**********/
/********Comment**********/
.html-page .banner-container {
  text-align: center;
  margin-top: 33px;
}
.html-page .banner-container .page-banner {
  max-width: 100%;
}
.html-page h1 {
  font-size: 2.42em;
  font-family: IranSansWeb;
  font-weight: 300;
  font-weight: 300;
  text-align: right;
  color: #444444;
}

/*JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ*/
/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/
/*****Shared**********/
body.invoice-detail .title-wrapper h1 {
  font-size: 2.3em;
  margin-top: 28px;
  margin-bottom: 6px;
}
body.invoice-detail .title-wrapper .date-and-time {
  color: #888888;
  font-size: 1.2em;
}
body.invoice-detail .title-wrapper .date-and-time .value {
  font-weight: bold;
}
body.invoice-detail .inner-page-header .actions {
  clear: both;
  float: left;
  margin-bottom: 8px;
  padding-top: 8px;
}
body.invoice-detail .inner-page-header .actions .invoice {
  display: inline-block;
  margin-left: 8px;
  padding-left: 14px;
  border-left: 1px solid #ededed;
  padding-right: 35px;
  position: relative;
}
body.invoice-detail .inner-page-header .actions .invoice:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  right: -5px;
  top: 3px;
}
body.invoice-detail .inner-page-header .actions .invoice.fax:after {
  background: url("/Images/fax-print.png") no-repeat;
}
body.invoice-detail .inner-page-header .actions .invoice.print:after {
  background: url("/Images/print.png") no-repeat;
}
body.invoice-detail .inner-page-header .actions .invoice.download {
  padding-left: 0;
  border-left: none;
}
body.invoice-detail .inner-page-header .actions .invoice.download:after {
  background: url("/Images/download.png") no-repeat;
}
body.invoice-detail .invoice {
  clear: both;
}
body.invoice-detail .invoice .headers {
  height: 60px;
  background-color: #ededed;
  border-top: 1px solid #979797;
  border-left: 1px solid #979797;
  font-size: 0.9em;
  font-family: IranSansWeb;
  font-weight: bold;
}
body.invoice-detail .invoice .headers .cell {
  text-align: center;
  border-right: 1px solid #979797;
  float: right;
  height: 100%;
}
body.invoice-detail .invoice .headers .cell:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
body.invoice-detail .invoice .headers .cell .content {
  display: inline-block;
  vertical-align: middle;
}
body.invoice-detail .invoice .headers .index {
  width: 50px;
}
body.invoice-detail .invoice .headers .image {
  width: 90px;
}
body.invoice-detail .invoice .headers .title-and-specs {
  padding: 0 15px;
  width: 394px;
}
body.invoice-detail .invoice .headers .size {
  width: 149px;
}
body.invoice-detail .invoice .headers .price {
  width: 129px;
}
body.invoice-detail .invoice .headers .count {
  width: 79px;
  text-align: center;
  padding: 0 9px;
}
body.invoice-detail .invoice .headers .count input {
  width: 100%;
  text-align: center;
  border: 1px solid #888888;
  border-radius: 8px;
}
body.invoice-detail .invoice .headers .count input:focus {
  outline: none;
  border-color: #2bb1d7;
  box-shadow: 0 0 5px #25a0c3;
}
body.invoice-detail .invoice .headers .discount {
  width: 78px;
}
body.invoice-detail .invoice .headers .total {
  width: 130px;
}
body.invoice-detail .invoice .headers .discounted-total {
  width: 130px;
}
body.invoice-detail .invoice .headers .delete {
  width: 45px;
  background: #f5716e;
  color: white;
  border-bottom: 1px solid white;
}
body.invoice-detail .invoice .invoice-item {
  width: 100%;
  height: 100px;
  border-left: 1px solid #979797;
  font-size: 1.275em;
}
body.invoice-detail .invoice .invoice-item:last-child {
  border-bottom: 1px solid #979797;
}
body.invoice-detail .invoice .invoice-item:before {
  content: " ";
  display: table;
}
body.invoice-detail .invoice .invoice-item:after {
  content: " ";
  clear: both;
  display: table;
}
body.invoice-detail .invoice .invoice-item .cell-group {
  float: right;
  height: 100%;
}
body.invoice-detail .invoice .invoice-item .cell-group .cell {
  border-top: 1px solid #979797;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #979797;
  height: 100%;
  float: right;
}
body.invoice-detail .invoice .invoice-item .cell-group .cell .sub-title {
  display: none;
}
body.invoice-detail .invoice .invoice-item .cell-group .index {
  width: 50px;
}
body.invoice-detail .invoice .invoice-item .cell-group .image {
  width: 90px;
  padding: 8px;
  vertical-align: middle;
  height: 100%;
  position: relative;
}
body.invoice-detail .invoice .invoice-item .cell-group .image .image-wrapper {
  position: relative;
}
body.invoice-detail .invoice .invoice-item .cell-group .image .image-wrapper > img {
  max-width: 100%;
}
body.invoice-detail .invoice .invoice-item .cell-group .image .image-wrapper .overlay {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  opacity: 0;
  transition: all 0.3s;
  vertical-align: middle;
  top: 0;
  right: 0;
  display: inline-block;
}
body.invoice-detail .invoice .invoice-item .cell-group .image .image-wrapper .overlay img {
  margin-top: 25px;
}
body.invoice-detail .invoice .invoice-item .cell-group .image:hover .overlay {
  opacity: 1;
}
body.invoice-detail .invoice .invoice-item .cell-group .title-and-specs {
  font-weight: bold;
  font-size: 0.78em;
  text-align: right;
  padding: 0 15px;
  width: 394px;
}
body.invoice-detail .invoice .invoice-item .cell-group .title-and-specs .specs {
  font-size: 0.85em;
  color: #888;
  font-family: IranSansWeb;
}
body.invoice-detail .invoice .invoice-item .cell-group .title-and-specs .specs span {
  padding: 0 5px;
  border-left: 1px solid #888;
}
body.invoice-detail .invoice .invoice-item .cell-group .title-and-specs .specs span:first-child {
  padding-right: 0;
}
body.invoice-detail .invoice .invoice-item .cell-group .title-and-specs .specs span:last-child {
  border-left: none;
}
body.invoice-detail .invoice .invoice-item .cell-group .size {
  width: 149px;
}
body.invoice-detail .invoice .invoice-item .cell-group .actions {
  display: none;
}
body.invoice-detail .invoice .invoice-item .cell-group .price {
  width: 129px;
}
body.invoice-detail .invoice .invoice-item .cell-group .count {
  width: 79px;
  text-align: center;
  padding: 0 9px;
}
body.invoice-detail .invoice .invoice-item .cell-group .count input {
  font-size: 0.9em;
  width: 100%;
  text-align: center;
  border: 1px solid #888888;
  border-radius: 8px;
  direction: ltr;
}
body.invoice-detail .invoice .invoice-item .cell-group .count input:focus {
  outline: none;
  border-color: #2bb1d7;
  box-shadow: 0 0 5px #25a0c3;
}
body.invoice-detail .invoice .invoice-item .cell-group .discounts {
  width: 78px;
}
body.invoice-detail .invoice .invoice-item .cell-group .discounts .discount {
  padding: 5px;
}
body.invoice-detail .invoice .invoice-item .cell-group .discounts .discount.selected {
  font-weight: bold;
  color: #2b6bb4;
  text-decoration: underline;
  padding: 5px;
}
body.invoice-detail .invoice .invoice-item .cell-group .total {
  width: 130px;
}
body.invoice-detail .invoice .invoice-item .cell-group .discounted-total {
  width: 130px;
}
body.invoice-detail .invoice .invoice-item .cell-group .delete {
  width: 45px;
  background-color: #f5716e;
  border-top: none;
  color: white;
}
body.invoice-detail .invoice .costs {
  text-align: center;
  width: 548px;
  margin-right: 593px;
  font-size: 1.275em;
}
body.invoice-detail .invoice .costs > div:before {
  content: " ";
  display: table;
}
body.invoice-detail .invoice .costs > div:after {
  content: " ";
  clear: both;
  display: table;
}
body.invoice-detail .invoice .costs .cell {
  float: right;
  height: 55px;
}
body.invoice-detail .invoice .costs .cell.i1 {
  width: 286px;
  border-bottom: 1px solid #979797;
  border-right: 1px solid #979797;
  font-family: IranSansWeb;
  font-weight: bold;
  font-weight: bold;
}
body.invoice-detail .invoice .costs .cell.i2 {
  width: 261px;
  border-right: 1px solid #979797;
  border-bottom: 1px solid #979797;
}
body.invoice-detail .invoice .costs .cell label {
  font-weight: bold;
}
body.invoice-detail .invoice .costs .total .cell.i2 {
  width: 130px;
}
body.invoice-detail .invoice .costs .total .cell.i3 {
  width: 131px;
  border: 1px solid #979797;
  border-top: none;
}
body.invoice-detail .invoice .costs .vat .cell.i1 {
  border-bottom: none;
}
body.invoice-detail .invoice .costs .vat .cell.i2 {
  border-bottom: none;
  border-left: 1px solid #979797;
}
body.invoice-detail .invoice .costs .payable {
  background: #cffdde;
}
body.invoice-detail .invoice .costs .payable .cell {
  color: #019875;
}
body.invoice-detail .invoice .costs .payable .cell.i1 {
  border: 1px solid #019828;
  border-left: none;
}
body.invoice-detail .invoice .costs .payable .cell.i2 {
  border: 1px solid #019828;
  font-family: IranSansWeb;
  font-weight: bold;
}
body.invoice-detail .invoice .costs-mobile {
  display: none;
}

@media (max-width: 1200px) {
  body.invoice-detail .inner-page-header .actions .invoice.print {
    display: none;
  }
  body.invoice-detail .invoice .headers {
    display: none;
  }
  body.invoice-detail .invoice .invoice-item {
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    margin-bottom: 10px;
    min-height: 100px;
    height: auto;
    border: none;
    font-size: 1em;
    overflow: hidden;
  }
  body.invoice-detail .invoice .invoice-item .cell-group {
    display: block;
    float: none;
    height: auto;
  }
  body.invoice-detail .invoice .invoice-item .cell-group .cell {
    border: none;
    width: auto;
    height: auto;
    display: block;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info {
    background: white;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .index {
    display: none;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .image {
    float: right;
    width: 100px;
    cursor: auto;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .image .overlay {
    display: none;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .title-and-specs {
    font-size: 1em;
    margin-top: 1em;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .actions {
    float: left;
    padding-left: 20px;
    display: block;
    margin: 15px 0 15px 0;
    text-align: center;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .actions > a {
    display: block;
    margin-bottom: 10px;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info {
    background: #fafafa;
    border-top: 1px solid #ededed;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell {
    display: inline-block;
    padding: 10px 0;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell .sub-title {
    display: block;
    font-family: IranSansWeb;
    font-weight: bold;
    font-size: 0.85em;
    color: #888;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.size {
    width: 10%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.price {
    width: 18%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.count {
    width: 14%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.count input {
    width: 70px;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.discounts {
    width: 14%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.total {
    width: 22%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.discounted-total {
    width: 22%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.delete {
    display: none;
  }
  body.invoice-detail .invoice .costs {
    display: none;
  }
  body.invoice-detail .invoice .costs-mobile {
    display: block;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 {
    border: 1px solid #888888;
    background: #dcdcdc;
    border-radius: 8px;
    padding: 8px;
    margin-top: 15px;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row {
    text-align: center;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i1 {
    color: #2b6bb4;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i1 .checkbox {
    display: inline-block;
    margin: 0 15px;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i1 .no-wrap .title {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
    padding-right: 30px;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i1 .no-wrap .title:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: -5px;
    top: 3px;
    background: url("/Images/tax.png") no-repeat;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i1 .no-wrap .value {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 15px;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i2 .total {
    display: inline-block;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i2 .total .title {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
    padding-right: 30px;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i2 .total .title:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: -5px;
    top: 3px;
    background: url("/Images/discount.png") no-repeat;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i2 .total .value {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 15px;
    min-width: 125px;
  }
  body.invoice-detail .invoice .costs-mobile .group-row.i1 .row.i2 .total.discounted .title:before {
    background: url("/Images/factor.png") no-repeat;
  }
  body.invoice-detail .invoice .costs-mobile .payable {
    margin-top: 15px;
    text-align: center;
    font-size: 1.3em;
    color: #019875;
    font-weight: bold;
    border: 1px solid #019828;
    background: #cffdde;
    border-radius: 8px;
    padding: 8px;
  }
  body.invoice-detail .invoice .costs-mobile .payable .title {
    display: inline-block;
  }
  body.invoice-detail .invoice .costs-mobile .payable .value {
    display: inline-block;
    padding: 0 25px;
  }
}
@media (max-width: 550px) {
  body.invoice-detail h1 {
    text-align: center;
  }
  body.invoice-detail .links-wrapper {
    text-align: center;
  }
  body.invoice-detail .links-wrapper .btn {
    margin-right: 40px;
    margin-left: 40px;
    display: inline-block;
    margin-top: 8px;
  }
  body.invoice-detail .inner-page-header .actions {
    text-align: center;
  }
  body.invoice-detail .inner-page-header .actions .invoice {
    margin-right: 40px;
    margin-left: 40px;
    padding-left: 0;
    border-left: none;
  }
  body.invoice-detail .invoice .invoice-item {
    position: relative;
    padding-bottom: 60px;
    background: #fafafa;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .title-and-specs {
    float: none;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .actions {
    position: absolute;
    bottom: -3px;
    width: 100%;
    float: none;
    padding: 15px;
    margin: 0;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .actions .detail-page-w {
    width: 50%;
    float: left;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .actions .detail-page-w a.modal-link {
    font-size: 0.85em;
    margin-bottom: 0;
    line-height: 3.2em;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .actions .delete-w {
    width: 50%;
    float: right;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.general-info .actions .delete-w a.btn {
    font-size: 0.85em;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell {
    border-bottom: 1px dashed #ededed;
    height: 75px;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.size {
    width: 50%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.price {
    width: 50%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.count {
    width: 50%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.count input {
    width: 50%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.discounts {
    width: 50%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.total {
    width: 50%;
  }
  body.invoice-detail .invoice .invoice-item .cell-group.price-info .cell.discounted-total {
    width: 50%;
  }
}
@media (max-width: 411px) {
  body.invoice-detail .links-wrapper {
    text-align: center;
  }
  body.invoice-detail .links-wrapper .btn {
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    margin-top: 8px;
  }
  body.invoice-detail .inner-page-header .actions {
    text-align: center;
  }
  body.invoice-detail .inner-page-header .actions .invoice {
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 0;
    border-left: none;
  }
}
/*****Shared**********/
/********Gallery**********/
.counter #count {
  border-bottom: 2px solid #2b6bb4;
  margin-bottom: 10px;
  display: inline-block;
}

body.account-container {
  background-color: #284780;
  color: #fafafa;
}
body.account-container .small-container {
  margin: 0 20%;
}
body.account-container .input-shape {
  border-radius: 20px;
  background: #284780;
  color: #fafafa;
  border: 1px solid #82898c;
  padding: 5px 10px;
}
body.account-container .input-shape .value {
  color: #25a0c3;
}
body.account-container .input-shape .label {
  font-size: 1.3rem;
}
body.account-container:before {
  content: "";
  pointer-events: none;
  background-image: url(/images/bg-logo.svg);
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.06;
}
body.account-container input[type=text], body.account-container input[type=number], body.account-container input[type=tel], body.account-container input[type=password], body.account-container input[type=email], body.account-container select {
  line-height: 2.5;
  border-radius: 20px;
  background-color: #284780;
  color: #fafafa;
}
body.account-container .ayandehsaz-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none;
  color: white !important;
}
body.account-container .ayandehsaz-panel h1, body.account-container .ayandehsaz-panel h2, body.account-container .ayandehsaz-panel h3, body.account-container .ayandehsaz-panel h4, body.account-container .ayandehsaz-panel h5, body.account-container .ayandehsaz-panel h6 {
  color: #25a0c3 !important;
}
body.account-container .custom-select {
  position: relative;
}
body.account-container .custom-select select {
  border-radius: 20px;
  line-height: 2.5;
  background-color: #284780;
  color: #299fc7;
  appearance: none;
}
body.account-container .custom-select i {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.1rem;
  color: white;
}
body.account-container .custom-select .title {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: white;
}
body.account-container .custom-select select {
  text-align: center;
  width: 100%;
}
body.account-container .custom-select:after {
  font-family: "Font Awesome 5 Free";
  color: white;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.5em;
  content: "\f073";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
body.account-container .info-box-container .info-box {
  border-bottom: 2px solid;
  border: 1px solid #3a3a3a;
  margin-bottom: 10px;
}
body.account-container .info-box-container .info-box .info-box-header {
  background: #25a0c3;
  position: relative;
}
body.account-container .info-box-container .info-box .info-box-header .chair-title {
  padding: 0px 5px;
  font-weight: bold;
  display: inline-block;
}
body.account-container .info-box-container .info-box .info-box-header .btn-container {
  position: absolute;
  left: 5px;
  top: 10px;
}
body.account-container .info-box-container .info-box .info-box-body {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  background: white;
  padding: 10px;
}
body.account-container .info-box-container .info-box .info-box-body .material-input {
  position: relative;
  margin: 15px 0;
  display: inline-block;
  flex: 0 0 calc(24% - 5px);
}
body.account-container .info-box-container .info-box .info-box-body.disabled {
  cursor: no-drop;
}
body.account-container .info-box-container .info-box .info-box-body.disabled .input-shape {
  pointer-events: none;
}
body.account-container .info-box-container .info-box .info-box-body.disabled label {
  background: #f1f1f1;
}
body.account-container .info-box-container .info-box .info-box-body.disabled input {
  pointer-events: none;
}
body.account-container .info-box-container .info-box .info-box-body .vpd-icon-btn {
  display: none;
}
body.account-container .inline-input {
  display: inline-block;
  margin: 0 5px;
}
body.account-container .border {
  border: 1px solid #7c8a90;
  border-radius: 25px;
  padding: 0 10px;
}
body.account-container .text-danger, body.account-container .text-primary {
  color: white;
}
body.account-container .form-group a {
  color: white;
}
body.account-container header {
  margin: 10px 0 30px;
}
body.account-container header .header-middle .phone-number a {
  color: white;
}
body.account-container header .header-middle .phone-number img {
  width: 30px;
  margin-right: 30px;
}
body.account-container header .header-middle .logo img {
  width: 50%;
}
body.account-container footer {
  background: transparent;
  font-size: 1.2em;
  padding: 5px 0;
}
body.account-container footer p {
  margin: 0;
}
body.account-container footer .footer-top {
  border-bottom: 1px solid #c99d39;
  padding: 10px 0;
}
body.account-container footer .footer-bottom {
  padding: 10px 0;
}
body.account-container footer .social-media img {
  width: 40px;
  margin: 0 2px;
  transition: 0.3s all;
  transform: scale(1);
}
body.account-container footer .social-media img:hover {
  transform: scale(1.1);
}
body.account-container footer .e-namad img {
  background: white;
  border-radius: 25px;
}

#registerNewMember {
  padding: 0 20px;
}
#registerNewMember label {
  color: white;
}
#registerNewMember .register-newMember .title {
  color: #fafafa;
}
#registerNewMember .register-newMember .sign-in-up {
  background: #299fc7;
  padding: 5px 20px;
  border-radius: 20px;
  color: #fafafa;
}
#registerNewMember .register-newMember .sign-in-up .register {
  margin-left: 40px;
}
#registerNewMember .register-newMember .sign-in-up .login {
  margin-right: 40px;
}
#registerNewMember .register-newMember .sign-in-up a {
  color: white;
}
#registerNewMember .register-newMember .register-form {
  margin-top: 15px;
}
#registerNewMember .register-newMember .register-form .form-container {
  border-bottom: 1px solid gray;
}
#registerNewMember .register-newMember .register-form .form-container .form-group .form-control {
  height: 36px;
}
#registerNewMember .register-newMember .register-form .form-container .form-group select {
  border-radius: 20px;
  height: 36px;
  background-color: #284780;
  color: #299fc7;
  appearance: none;
}
#registerNewMember .register-newMember .register-form .form-container .form-group .date {
  position: relative;
}
#registerNewMember .register-newMember .register-form .form-container .form-group .date i {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.1rem;
  color: white;
}
#registerNewMember .register-newMember .register-form .form-container .form-group .date .title {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: white;
}
#registerNewMember .register-newMember .register-form .form-container .form-group .date select {
  text-align: center;
  width: 100%;
}
#registerNewMember .register-newMember .register-form .form-container .form-group .date:after {
  font-family: "Font Awesome 5 Free";
  color: white;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.5em;
  content: "\f073";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
#registerNewMember .register-newMember .register-form .form-container .form-group .star i {
  color: #e9ab2d;
  margin-left: 5px;
}
#registerNewMember .register-newMember .register-form .form-container .verify-selection-group {
  font-weight: 200;
}
#registerNewMember .register-newMember .register-form .form-container .verify-selection-group input[type=radio] {
  background: #284780;
}
#registerNewMember .register-newMember .register-form .form-container .verify-selection-group input[type=radio]:checked:after {
  background: #e9ab2d;
}
#registerNewMember .register-newMember .register-form .submit {
  padding: 10px 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
#registerNewMember .register-newMember .register-form .submit .btn {
  border-radius: 20px;
  padding: 5px 35px;
  margin-top: 15px;
}
#registerNewMember .register-newMember-image {
  text-align: center;
}
#registerNewMember .register-newMember-image .user-icon {
  width: 90%;
}

@media (max-width: 768px) {
  #registerNewMember .register-newMember-image {
    display: none;
  }
  .d-flex .col-1, .d-flex .col-2, .d-flex .col-3 {
    flex: 0 0 100%;
  }
  .arrow-icon {
    display: none;
  }
  footer .d-flex .col-1 {
    text-align: center;
    margin-bottom: 5px;
  }
  footer .e-namad {
    flex: 0 0 100%;
    text-align: center;
  }
  #registerNewMember .register-newMember .title {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 20px;
  }
  body.account-container header {
    margin: 0px 0 -20px;
  }
  body.account-container header .header-middle .logo img {
    width: 60px;
  }
  body.account-container .input-shape {
    margin-bottom: 20px;
  }
  body.account-container .custom-select, body.account-container .col-number {
    margin-bottom: 15px;
  }
}
/*ImagesUc*/
ul.images {
  margin: 0 0 20px 0;
  padding: 0;
}

li.image-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL*/
/****LightGallery*/
body.lg-on .lg-outer {
  direction: ltr !important;
}

/*LinkList*/
.link-list .link-wrapper {
  padding: 10px 20px;
  background-color: white;
  margin-bottom: 10px;
}

.link-list .link-wrapper:hover {
  background-color: #F0F0F0;
}

.link-list .link-wrapper img {
  vertical-align: middle;
  margin-left: 30px;
  height: 50px;
}

.link-list a.link:link, a.link:visited, a.link:active {
  text-decoration: none;
  font-weight: bold;
}

.loading-indicator {
  height: 80px;
  width: 80px;
  background: url("/images/loading.gif");
  background-repeat: no-repeat;
  background-position: center center;
}

.loading-indicator-overlay {
  background-color: #FFFFFF;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/*LoginBox*/
.login-box {
  display: inline-block;
  position: relative;
}

.login-box .title {
  line-height: 1.3em;
  float: left;
  text-align: center;
  border-radius: 0 3px 3px 0;
  font-size: 0.9em;
}

.login-box .login-form {
  width: 200px;
  padding: 15px;
}

.login-box .login-form .checkbox {
  margin-right: 10px;
  margin-bottom: 0;
}

.login-box .login-form .checkbox [type=checkbox] {
  margin: 10px 0 0 0;
  line-height: 1.5em;
}

.login-box .login-form label {
  line-height: 1.5em;
}

/*LoggedInBox*/
.loggedin-box {
  line-height: 2em;
  display: inline-block;
  position: relative;
  font-size: 0.9em;
}

.loggedin-box .title {
  line-height: 1.3em;
  float: left;
  text-align: center;
  border-radius: 0 3px 3px 0;
  font-size: 0.65em;
}

.loggedin-box .dropdown-menu {
  width: 200px;
  padding: 15px;
}

.loggedin-box .dropdown-menu li a {
  line-height: 1.5em;
  margin-bottom: 10px;
  text-align: center;
}

.loggedin-box .dropdown-menu .checkbox {
  margin-right: 10px;
}

.loggedin-box .dropdown-menu .checkbox [type=checkbox] {
  margin: 10px 0 0 0;
  line-height: 1.5em;
}

.loggedin-box .dropdown-menu label {
  line-height: 1.5em;
}

.loggedin-box i {
  line-height: 1.5em;
  margin-left: 5px;
}

/*NewsLetter*/
/*****Shared**********/
/********NewsLetter**********/
#newsletter {
  margin: 30px 0;
  position: relative;
  z-index: 1;
}
#newsletter .outer-bg {
  position: absolute;
  background-image: url("/Images/gray-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 400%;
  height: 100%;
  right: -150%;
  z-index: 1;
}
#newsletter .bg {
  background-color: #25a0c3;
  position: relative;
  background-image: url(/Images/newsletter-bg.png);
  background-repeat: no-repeat;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
  margin: 40px 0;
}
#newsletter .bg .title {
  color: white;
  font-weight: bold;
  font-size: 1.3em;
}
#newsletter .bg .dscp {
  color: white;
  font-weight: 300;
}
#newsletter .bg .form-inline {
  margin-top: 10px;
}
#newsletter .bg .form-inline input {
  height: 40px;
  margin-left: 10px;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  color: white;
  margin-bottom: 5px;
  font-size: 1em;
  padding: 0 20px;
}

/*Pager*/
.pagination .prev, .pagination .next {
  border-bottom: none;
}
.pagination .prev a, .pagination .next a {
  width: 12px;
  height: 19px;
  padding: 17px 10px;
}
.pagination .next a {
  background: url(/Images/left-arrow.svg) center center no-repeat;
}
.pagination .prev a {
  background: url(/Images/right-arrow.svg) center center no-repeat;
}
.pagination li {
  display: inline-block;
  border-bottom: 2px solid #ededed;
  margin: 0 8px;
}
.pagination li a {
  color: #444444;
  border: none;
  font-size: 1.285em;
  line-height: 1.2em;
  border-radius: 0;
  background: transparent;
  padding: 5px 12px;
}
.pagination li a:hover, .pagination li a:focus {
  background: transparent;
}
.pagination li.active {
  border-bottom: 2px solid #25a0c3;
}
.pagination li.active a {
  background: none;
  color: #25a0c3;
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
}
.pagination li.active a:hover {
  background: none;
  color: inherit;
}

/*PasswordRecovvery*/
.password-recovery .form .column.label {
  text-align: left;
  vertical-align: top;
  color: black;
}

/*Profile*/
@page {
  margin: 0;
}
body {
  margin: 0;
}

.sheet {
  margin: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  page-break-after: always;
}

/** Paper sizes **/
body.A3 .sheet {
  width: 297mm;
  height: 419mm;
}

body.A3.landscape .sheet {
  width: 420mm;
  height: 296mm;
}

body.A4 .sheet {
  width: 210mm;
  height: 296mm;
}

body.A4.landscape .sheet {
  width: 297mm;
  height: 209mm;
}

body.A5 .sheet {
  width: 148mm;
  height: 209mm;
}

body.A5.landscape .sheet {
  width: 210mm;
  height: 147mm;
}

body.letter .sheet {
  width: 216mm;
  height: 279mm;
}

body.letter.landscape .sheet {
  width: 280mm;
  height: 215mm;
}

body.legal .sheet {
  width: 216mm;
  height: 356mm;
}

body.legal.landscape .sheet {
  width: 357mm;
  height: 215mm;
}

/** Padding area **/
.sheet.padding-10mm {
  padding: 10mm;
}

.sheet.padding-15mm {
  padding: 15mm;
}

.sheet.padding-20mm {
  padding: 20mm;
}

.sheet.padding-25mm {
  padding: 25mm;
}

/** For screen preview **/
@media screen {
  body.print {
    background: #e0e0e0;
  }
  .sheet {
    background: white;
    box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3);
    margin: 5mm auto;
  }
}
/** Fix for Chrome issue #273306 **/
@media print {
  body.A3.landscape {
    width: 420mm;
  }
  body.A3, body.A4.landscape {
    width: 297mm;
  }
  body.A4, body.A5.landscape {
    width: 210mm;
  }
  body.A5 {
    width: 148mm;
  }
  body.letter, body.legal {
    width: 216mm;
  }
  body.letter.landscape {
    width: 280mm;
  }
  body.legal.landscape {
    width: 357mm;
  }
  .sheet {
    margin: 0 !important;
  }
}
/*Profile*/
body.profile .control-label {
  font-size: 0.85em;
  font-weight: 500;
  color: #acacac;
}

/*TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT*/
.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/*****Shared**********/
/********Gallery**********/
.tag.list h1 {
  position: relative;
  padding-right: 70px;
}
.tag.list h1:before {
  content: "";
  width: 55px;
  height: 55px;
  background: url(/Images/hashtag.png) no-repeat;
  position: absolute;
  right: 0;
  top: -9px;
}
.tag.list .items {
  margin-top: 35px;
}
.tag.list .items .item {
  padding: 24px;
  color: #134a86;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  display: block;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
}
.tag.list .items .item .title {
  text-align: right;
  float: right;
}
.tag.list .items .item .link {
  font-size: 1em;
  position: absolute;
  top: 24px;
  left: 35px;
  opacity: 0;
  transition: all 0.3s;
}
.tag.list .items .item .link:after {
  content: "";
  width: 10px;
  height: 18px;
  background: url("/images/into-arrow.png") no-repeat center center;
  position: absolute;
  left: -15px;
  top: 4px;
}
.tag.list .items .item:hover .link {
  opacity: 1;
}

/*UserPanel*/
[v-cloak] {
  display: none;
}

.page-header {
  border: none;
}

@keyframes blink {
  0% {
    color: inherit;
  }
  100% {
    color: #25a0c3;
  }
}
@keyframes blink-bg {
  0% {
    background-color: #25a0c3;
  }
  100% {
    background-color: inherit;
  }
}
.user-panel {
  padding: 0 !important;
  background: #f6f9fe;
  /*.table-responsive { max-height: 400px; }*/
}
.user-panel.new-members .btn {
  border-radius: 15px;
}
.user-panel.new-members .table-white-bordered {
  border: 1px solid white !important;
  margin: 15px 0;
}
.user-panel.new-members .table-white-bordered th {
  text-align: center;
}
.user-panel.new-members .alert-danger {
  background: white;
  color: black;
  border: black;
}
.user-panel.new-members input:not(input[type=radio]), .user-panel.new-members select {
  height: 37px;
}
.user-panel.new-members #personModal select {
  appearance: none;
}
.user-panel.new-members #personModal .value {
  position: relative;
}
.user-panel.new-members #personModal .value i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 1.1rem;
}
.user-panel.new-members #personModal .modal-content {
  background-color: #284780;
  border-radius: 25px;
}
.user-panel.new-members #personModal .d-flex .col-100 {
  margin-bottom: 15px;
}
.user-panel.new-members #personModal .col {
  flex: 0 0 100px;
}
.user-panel.new-members #personModal .label {
  font-size: 15px;
  font-weight: normal;
}
.user-panel.new-members #personModal .alert {
  color: black;
  margin-bottom: 20px;
  border-radius: 25px;
  padding: 0 20px;
  background: white;
}
.user-panel.new-members .vue-uploader .text-info {
  color: white;
}
.user-panel.settings #printBtn {
  display: none;
}
.user-panel .blink-animate {
  animation: blink 0.4s linear infinite;
}
.user-panel .blink-animate-bg {
  animation: blink-bg 0.4s linear infinite;
}
.user-panel .verification-code-inline {
  width: 150px;
  float: right;
  margin-left: 15px;
  height: 36px;
}
.user-panel .userpanel-body {
  position: relative;
}
.user-panel .userpanel-body #printBtn {
  position: absolute;
  left: 10px;
  top: 10px;
}
.user-panel .margin-bottom-10 {
  margin-bottom: 10px;
}
.user-panel .table-bordered {
  border-top: 1px solid #134a86 !important;
}
.user-panel .header-panel .table-bordered {
  border-top: none;
}
.user-panel .panel h2 {
  background: #25a0c3;
  color: white;
  margin: 0;
  padding: 15px;
  font-size: 1.2em;
}
.user-panel .panel .heading {
  background: #25a0c3;
  color: white;
  margin: 0;
  padding: 5px 15px;
  font-size: 1.2em;
}
.user-panel .panel .panel-heading {
  font-size: 1.28em;
  color: #444444;
  padding: 18px 28px;
}
.user-panel .panel .panel-heading + hr {
  border-top: 2px solid #ededed;
  margin: 5px 15px;
}
.user-panel .personal-info { /*border: 1px solid $secondary;*/ }
.user-panel .personal-info .table-bordered td, .user-panel .personal-info .table-bordered th {
  border-color: #134a86;
}
.user-panel .personal-info th {
  background-color: #cef4ff;
}
.user-panel .personal-info td.secondary {
  background: #fff28e;
}
.user-panel .warning {
  border: 1px solid #134a86;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0px 3px 10px #aaa;
}
.user-panel .table-style thead th {
  background-color: #25a0c3 !important;
  color: white !important;
}
.user-panel .page-content {
  clear: both;
}
.user-panel .page-content .btn-print {
  min-width: 20%;
}
.user-panel .page-content .factory-info {
  padding: 15px;
}
.user-panel .page-content .factory-info .input-group-addon {
  padding: 0 10px;
}
.user-panel .page-content .btn-left {
  margin-top: 10px;
}
.user-panel .page-content .personal-info {
  margin-bottom: 50px;
  border-radius: 0 !important;
  border: 1px solid #25a0c3 !important;
  padding: 30px;
}
.user-panel .page-content .personal-info table.mobile-salary {
  display: none;
}
.user-panel .page-content .personal-info table .bottom-border {
  border-bottom: 2px solid #134a86 !important;
}
.user-panel .page-content .personal-info table .cursor-pointer {
  cursor: pointer;
}
.user-panel .page-content .personal-info table td {
  vertical-align: middle;
}
.user-panel .page-content .personal-info .mobile {
  display: none;
}
.user-panel .page-content .personal-info ul {
  display: inline-block;
  white-space: normal;
  list-style: none;
}
.user-panel .page-content .personal-info ul.styled {
  list-style: circle;
}
.user-panel .page-content .personal-info .text-center img {
  width: 25%;
}
.user-panel .page-content .personal-info .text-center p {
  font-size: 14px;
  font-weight: bold;
}
.user-panel .page-content .personal-info .tables {
  border: 2px solid #25a0c3;
  border-radius: 15px;
  max-width: 80%;
  padding: 10px 30px;
  margin: 30px auto 30px;
}
.user-panel .page-content .personal-info .tables table {
  width: 100%;
}
.user-panel .page-content .personal-info .table-striped thead {
  background: #25a0c3;
}
.user-panel .page-content .dropdown {
  margin-bottom: 50px;
}
.user-panel .page-content .dropdown .dropdown-menu {
  width: 100%;
  text-align: center;
}
.user-panel .page-content .dropdown .btn {
  width: 100%;
}
.user-panel .nav-panel {
  margin: 0;
  padding: 0 0 0 20px;
}
.user-panel .nav-wrapper.panel {
  height: 98vh;
  margin-top: 1vh;
  text-align: center;
  border-radius: 10px 0 0 10px !important;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: -1px -1px 3px #e4e4e4;
}
.user-panel .nav-wrapper.panel h2 {
  background: linear-gradient(90deg, #c1c1c1, #ffffff);
  color: #134a86;
  font-weight: bold;
}
.user-panel .nav-wrapper.panel .nav {
  padding-right: 0px;
  position: relative;
  display: table;
  width: 100%;
}
.user-panel .nav-wrapper.panel li form {
  margin-bottom: 10px;
  text-align: left;
}
.user-panel .nav-wrapper.panel li form a {
  padding: 10px 15px;
  display: block;
  width: 100%;
}
.user-panel .nav-wrapper.panel li a {
  text-align: left;
  padding: 10px 0;
  color: #4a4646;
  border-bottom: 1px solid #e4e4e4;
}
.user-panel .nav-wrapper.panel li a span:first-child {
  padding-left: 70px;
}
.user-panel .nav-wrapper.panel li a .icon {
  position: absolute;
  left: 15px;
  top: 7px;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: white;
  border-radius: 50%;
  border: 1px solid #e4e4e4;
}
.user-panel .nav-wrapper.panel li a .icon i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ff5314;
  font-size: 1.4em;
}
.user-panel .nav-wrapper.panel li a .icon .exit {
  color: #ff3838;
}
.user-panel .nav-wrapper.panel li.active a {
  background-color: #d4f6ff;
  width: 100%;
  font-weight: bold;
  display: inline-block;
  text-align: left;
}
.user-panel .nav-wrapper.panel li.active a .icon {
  border: 1px solid #25a0c3;
}
.user-panel.my-account .notifications.panel .table tr:first-child {
  border-top: none;
}
.user-panel.my-account .notifications.panel .table tr:first-child > td {
  border-top: none;
}
.user-panel.my-account .notifications.panel .table tr > td.date {
  border-top: none;
}
.user-panel.my-invoices .invoices.panel .table-responsive {
  border: none;
}
.user-panel.my-invoices .invoices.panel .table {
  border: none;
}
.user-panel.my-invoices .invoices.panel .table th {
  font-size: 0.875em;
}
.user-panel.my-invoices .invoices.panel .table th.actions {
  border: none;
  background: white;
}
.user-panel.my-invoices .invoices.panel .table tr td {
  font-size: 1.142em;
}
.user-panel.my-invoices .invoices.panel .table tr td.text-col {
  font-size: 0.928em;
}
.user-panel.my-invoices .invoices.panel .table tr td.actions {
  font-size: 0.875em;
  border: none;
  background: white;
  padding: 0;
}
.user-panel.my-invoices .invoices.panel .table tr td.actions .action-buttons {
  width: 106px;
  float: none;
}
.user-panel.my-invoices .invoices.panel .table tr td.actions .action-buttons a {
  display: block;
  color: #888888;
  border-radius: 25px 0 0 25px;
  border: 2px dashed #cecece;
  border-right: none;
  margin-bottom: 5px;
  padding: 3px;
}
.user-panel.my-invoices .invoices.panel .table tr td.actions .action-buttons a:hover {
  color: #25a0c3;
  border: 2px solid #25a0c3;
  border-right: none;
}
.user-panel.my-addresses .addresses .address .title {
  font-weight: bold;
  font-size: 0.85em;
  color: #444;
  margin-bottom: 8px;
}
.user-panel.my-addresses .addresses .address form {
  margin-bottom: 24px;
}
.user-panel.my-addresses .addresses .address form .form-group .control-label {
  font-weight: normal;
  color: #acacac;
  font-size: 0.85em;
}
.user-panel.my-addresses .addresses .address form .form-group .form-control {
  font-size: 0.82em;
  padding: 4px 15px;
  height: 35px;
  margin-left: 20px;
  border: 1px solid #888888;
}
.user-panel.my-addresses .addresses .address form .form-group:last-child .form-control {
  margin-left: 0;
  width: 300px;
}
.user-panel.my-addresses .addresses .buttons div {
  margin: 20px 0;
}
.user-panel.my-addresses .addresses .buttons .dashed-button {
  background: #fff;
  border: dashed 1px #25a0c3;
  width: 168px;
  height: 30px;
  border-radius: 15px;
  color: #25a0c3;
}
.user-panel.my-addresses .addresses .buttons .save-btn {
  width: 220px;
  height: 40px;
  border-radius: 20.5px;
  box-shadow: 0 4px 5px 0 rgba(43, 107, 180, 0.45);
}
.user-panel .details-request, .user-panel .details-request-new {
  border: 1px dashed #ccc;
  padding: 20px 20px;
  margin: 30px 0;
  text-align: center;
}
.user-panel .details-request .title, .user-panel .details-request-new .title {
  text-align: center;
}
.user-panel .details-request .title .text-center, .user-panel .details-request-new .title .text-center {
  text-align: center !important;
}
.user-panel .details-request .title p, .user-panel .details-request-new .title p {
  text-align: left;
}
.user-panel .details-request .title h2, .user-panel .details-request-new .title h2 {
  font-weight: 500;
  border-bottom: 1px solid;
  display: inline-block;
}
.user-panel .details-request .r_header, .user-panel .details-request-new .r_header {
  border: 1px solid #dddddd;
  margin-bottom: 20px;
  padding: 5px 10px;
}
.user-panel .details-request .ayandehsaz, .user-panel .details-request-new .ayandehsaz {
  font-weight: bold;
}
.user-panel .details-request .area, .user-panel .details-request-new .area {
  border: 1px solid #ccc;
  padding: 5px 10px 10px;
  margin: 10px 0 0;
  background: #fcfcfc;
  text-align: right;
}
.user-panel .details-request .area .form-control, .user-panel .details-request-new .area .form-control {
  border-radius: 0;
}
.user-panel .details-request .center th, .user-panel .details-request-new .center th {
  text-align: center;
}
.user-panel .details-request .submit-box, .user-panel .details-request-new .submit-box {
  text-align: left;
  margin: 20px 0 0;
}
.user-panel .details-request .response .area:first-child, .user-panel .details-request-new .response .area:first-child {
  background: #eee;
}
.user-panel .details-request p, .user-panel .details-request-new p {
  text-align: justify;
}
.user-panel .tabs-panel .nav {
  background: #f2f2f2;
  margin-bottom: 50px;
  border: 1px solid #25a0c3;
}
.user-panel .tabs-panel .nav li.active a {
  background: #134a86;
  color: white;
}
.user-panel .tabs-panel .nav a {
  color: #134a86;
  font-weight: bold;
}
.user-panel .tabs-panel a:hover, .user-panel .tabs-panel a:focus {
  background: none;
}
.user-panel .tabs-panel .btn-dl:hover, .user-panel .tabs-panel .btn-dl:focus {
  background: #25a0c3;
}
.user-panel #new-request #request {
  width: 100%;
  height: 50px;
  border: 1px solid #25a0c3;
  font-size: 1.1em;
  outline: none;
  cursor: pointer;
  background: #f2f2f2;
}
.user-panel .old-request table th {
  text-align: center;
}
.user-panel .old-request table tr:hover {
  cursor: pointer;
}
.user-panel #dataTable thead tr th {
  text-align: center;
}
.user-panel #dataTable thead tr th i {
  color: #464646;
}
.user-panel #dataTable thead tr th span {
  cursor: pointer;
  display: block;
}
.user-panel #dataTable thead tr th span:hover {
  color: #134a86;
  font-weight: bold;
}
.user-panel #dataTable thead tr th span:hover i {
  color: #134a86;
}

.validation-summary-valid {
  display: none;
}

.validation-summary-errors {
  display: block;
  text-align: right;
}

#PensionSalary .text-center h2 {
  background: #efefef;
  margin: 0;
  font-size: 1.2em;
  color: black;
  padding: 60px 0;
  border: 1px solid #25a0c3;
}
#PensionSalary .panel-primary {
  margin: 30px 0;
}
#PensionSalary .panel-primary > .panel-heading {
  background-color: #25a0c3;
  color: white;
  padding: 10px 30px;
}

#PensionerStatement .text-center h2 {
  background: #efefef;
  margin: 0;
  font-size: 1em;
  color: black;
  padding: 60px 0;
  border: 1px solid #25a0c3;
}
#PensionerStatement .panel-primary {
  margin: 30px 0;
}
#PensionerStatement .panel-primary > .panel-heading {
  background-color: #25a0c3;
  color: white;
  padding: 10px 30px;
}
#PensionerStatement .show-pensioner-statement {
  padding: 0 20px 20px;
}
#PensionerStatement table th, #PensionerStatement td {
  text-align: center;
}

#healthInsurancePayments .loading {
  width: 100%;
  height: 300px;
  text-align: center;
  background: transparent;
  border: 1px solid #dddddd;
}
#healthInsurancePayments .loading img {
  margin-top: 100px;
}

#loginPage .loading, #employerLoginPage .loading {
  width: 100%;
  text-align: center;
  background: transparent;
  color: #00b8de;
}
#loginPage .loading img, #employerLoginPage .loading img {
  height: 50px;
}

/***Car Insurance*/
#carInsuranceHistory .modal-body {
  font-size: 1.2em;
  line-height: 2em;
  text-align: justify;
}

.car-insurance .plate {
  border: 1px solid black;
  border-radius: 5px;
  height: 40px;
}
.car-insurance .plate > * {
  display: inline-block;
  height: 38px;
  vertical-align: top;
}
.car-insurance .plate .iran {
  width: 14.5%;
  text-align: center;
  font-weight: bold;
  line-height: 38px;
}
.car-insurance .plate .part-1 {
  width: 14%;
}
.car-insurance .plate .vert {
  width: 1px;
  background: black;
  margin: 0 0.2%;
}
.car-insurance .plate .part-2 {
  width: 20%;
}
.car-insurance .plate .part-3 {
  width: 19%;
  font-weight: bold;
  font-size: 1.2em;
}
.car-insurance .plate .part-4 {
  width: 10%;
}
.car-insurance .plate .blue {
  width: 15.5%;
  background: blue;
  color: white;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 38px;
  font-size: 1.2em;
  height: 100%;
  border-right: 1px solid black;
}

.loading-background {
  background: black;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  opacity: 0.4;
}

.loading-blue {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1002;
}
.loading-blue img {
  width: 100px;
}

.table-text-center th, td {
  text-align: center;
}

.car-insurance .form-control, .health-payments .form-control {
  height: 40px !important;
}
.car-insurance label.indicated, .health-payments label.indicated {
  position: relative;
  padding-right: 15px;
  transition: all 0.3s;
}
.car-insurance label.indicated:before, .health-payments label.indicated:before {
  content: "\f060";
  font-family: "Font Awesome 5 Free";
  color: red;
  position: absolute;
  right: 0;
  top: 0;
}

#reservation {
  border-radius: 10px;
  margin: 50px auto;
  padding: 20px;
  overflow: hidden;
  /* table {

      th { text-align: center; }
      td {
          &.active { color: green !important; font-weight: bold; font-size: 20px; background: transparent; }
          &.disable { color: silver !important; pointer-events: none; }
          &.past-time { color: silver !important; pointer-events: none; }
          &:hover { background-color: $primary; color: white !important; cursor: pointer; }
          &.hovered { background-color: $secondary !important; pointer-events: none; }
      }
  }*/
  /*
  .col-blue { background: #efefef; padding: 50px 10px; border: 1px solid $primary; position: relative; -webkit-animation-name: Show; -webkit-animation-duration: .5s; -webkit-animation-fill-mode: forwards; animation-name: Show; animation-duration: .5s; animation-fill-mode: forwards;

      label { position: absolute; right: 10px; top: -20px; background: white; font-size: 1.2em; color: $primary; padding: 0 20px; border: 1px solid $primary; }
  }*/
  /* Safari 4.0 - 8.0 */
}
#reservation .owl-carousel {
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
}
#reservation .owl-carousel .owl-nav {
  position: absolute;
  right: 10px;
  left: 10px;
  bottom: 50%;
  transform: translateY(-50%);
}
#reservation .owl-carousel .owl-nav .owl-next {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #ddd;
  transition: 0.3s;
}
#reservation .owl-carousel .owl-nav .owl-next:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--bs-secondary);
  transition: all 0.3s ease;
  font-size: 1.5em;
  color: var(--bs-primary);
}
#reservation .owl-carousel .owl-nav .owl-next:hover {
  transform: scale(1.05);
}
#reservation .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #ddd;
  transition: 0.3s;
}
#reservation .owl-carousel .owl-nav .owl-prev:before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--bs-secondary);
  transition: all 0.3s ease;
  font-size: 1.5em;
  color: var(--bs-primary);
}
#reservation .owl-carousel .owl-nav .owl-prev:hover {
  transform: scale(1.05);
}
#reservation .calendaer-row {
  display: flex;
  flex-wrap: wrap;
}
#reservation .calendaer-row .calendar-col {
  flex: 1;
  border: 1px solid #c2c2c2;
  text-align: center;
  cursor: pointer;
  background: white;
}
#reservation .calendaer-row .calendar-col.active {
  color: green;
  font-weight: bold;
  font-size: 20px;
  background: transparent;
}
#reservation .calendaer-row .calendar-col.past-time {
  color: silver;
  pointer-events: none;
}
#reservation .calendaer-row .calendar-col.is-booked {
  background-color: #747474;
  color: white;
}
#reservation .calendaer-row .calendar-col.disable {
  color: silver;
  background-color: transparent;
  pointer-events: none;
}
#reservation .calendaer-row .calendar-col.selected-item {
  background-color: #d4f6ff;
}
#reservation .calendaer-row .calendar-col.hovered {
  background-color: #134a86;
  color: white;
}
#reservation .calendaer-row .calendar-col .tooltiptext {
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -60px;
  font-size: 1.4rem;
}
#reservation .calendaer-row .calendar-col .tooltiptext.tooltiptext-hover {
  display: none;
}
#reservation .calendaer-row .calendar-col .tooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
#reservation .calendaer-row .calendar-col:hover .tooltiptext-hover {
  display: block;
}
#reservation .calendar-header .calendar-col {
  font-weight: bold;
  cursor: none;
  pointer-events: none;
  background: white;
}
#reservation .calendar-body .calendar-col {
  flex: 1 0 14%;
  font-size: 1.8rem;
  position: relative;
}
#reservation .calendar-body .calendar-col .start-day {
  font-size: 1.6rem;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #ff5314;
  line-height: 1.3;
  border-radius: 5px;
  padding: 2px 7px;
  background: #ff5314;
  color: white;
}
#reservation .calendar-body .calendar-col .end-day {
  font-size: 1.6rem;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #ff5314;
  line-height: 1.3;
  border-radius: 5px;
  padding: 2px 7px;
  background: #ff5314;
  color: white;
}
#reservation h3 {
  line-height: 2;
}
#reservation .start-td {
  background: yellow !important;
}
#reservation .end-td {
  background: yellow !important;
}
#reservation .d-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#reservation .d-flex .flex-item {
  flex: 0 0 calc(50% - 5px);
  transition: 0.1s all;
  cursor: pointer;
  text-align: center;
  padding: 5px;
  background: white;
  box-shadow: 0 0 10px #d2d2d2;
  border: 1px solid #cfcfcf;
  /*&:hover { background: #d4f6ff; }*/
}
#reservation .d-flex .flex-item.active {
  color: green;
  font-weight: bold;
  font-size: 20px;
  background: transparent;
}
#reservation .d-flex .flex-item.past-time {
  color: silver;
  pointer-events: none;
}
#reservation .d-flex .flex-item.is-booked {
  background-color: #747474;
  color: white;
  pointer-events: none;
}
#reservation .d-flex .flex-item.disable {
  color: silver;
  background-color: transparent;
  pointer-events: none;
}
#reservation .d-flex .flex-item.selected-item {
  background-color: #134a86;
  color: white;
}
#reservation .d-flex .flex-item.selected-item .active {
  background: #ff5314;
  display: inline-block;
  border-radius: 5px;
  padding: 0px 5px;
  color: white;
}
#reservation .d-flex .flex-item b {
  direction: ltr;
  display: inline-block;
}
#reservation .d-flex .flex-item:hover {
  background-color: #d4f6ff;
  color: black;
  box-shadow: none;
}
#reservation .calender tbody tr:first-child {
  display: none;
}
#reservation .calender td {
  cursor: pointer; /*&:hover { background: $primary; }*/
}
#reservation .calender .is-not-currentMonth {
  background: white !important;
  color: #aaa;
  pointer-events: none;
  position: relative;
}
#reservation .calender .before-today {
  pointer-events: none;
  opacity: 0.6;
}
#reservation .calender .cant-reserved {
  pointer-events: none;
  opacity: 0.6;
}
#reservation .calender .date-now {
  outline: 2px solid #144b86;
  outline-offset: -2px;
}
#reservation .calender .is-reserved {
  background: #fb8597;
  position: relative;
}
#reservation .calender .is-not-reserved {
  background: #90ee90;
  position: relative;
}
#reservation .calender .tooltiptext {
  visibility: hidden;
  position: absolute;
  background: #333333;
  color: white;
  border-radius: 20px;
  left: 50%;
  width: 80%;
  top: -28px;
  transform: translate(-50%, 0px);
}
#reservation .calender .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
}
#reservation .calender .tooltiptext-bottom {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  background: #333333;
  color: white;
  border-radius: 20px;
  left: 50%;
  width: 80%;
  bottom: -28px;
  transform: translate(-50%, 0px);
}
#reservation .calender .tooltiptext-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333333 transparent;
}
#reservation .calender td:hover .tooltiptext {
  visibility: visible;
}
#reservation .calender td:hover .tooltiptext-bottom {
  visibility: visible;
}
#reservation .help {
  background: #e4faff;
  color: white;
  padding: 10px 0;
  border-radius: 10px;
  border: 1px solid #25a0c3;
  width: 80%;
  margin: 30px auto;
}
#reservation .activeRow {
  background: #25a0c3 !important;
  color: white;
}
#reservation .date {
  border: 1px solid gray;
  padding: 50px 10px;
  border-radius: 5px;
  position: relative; /*p { position: absolute; right: 40px; top: -30px; background: white; padding: 0 5px; font-weight: bold; font-size: 1.1em; }*/
}
#reservation .btn-sabt {
  border-radius: 5px;
  color: #fff;
  background-color: #134a86;
  border-color: #134a86;
  width: 200px;
}
#reservation .col-orange {
  background: #fcf3f2;
  padding: 50px 10px;
  border: 1px solid #f9afa9;
  border-radius: 10px;
  position: relative;
  -webkit-animation-name: Show;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-name: Show;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
#reservation .col-orange p {
  position: absolute;
  right: 25px;
  top: -35px;
  background: #25a0c3;
  font-size: 1.2em;
  color: white;
  padding: 0 20px;
  border: 1px solid #96a0c3;
  border-radius: 40px;
}
#reservation .highlighted > span {
  color: #E91E63 !important;
}
#reservation .highlighted .vpd-day-effect {
  background-color: #f9e1be !important;
  border: solid 1px #E91E63;
}
#reservation .highlighted.disabled {
  pointer-events: none;
}
#reservation .month-section {
  text-align: center;
}
#reservation .month-section ul {
  padding: 0;
}
#reservation .month-section ul li {
  display: inline-block;
}
#reservation .month-section ul li:first-child {
  float: right;
}
#reservation .month-section ul li:last-child {
  float: left;
}
#reservation .month-section ul .btn-secondary {
  color: #fff;
  background-color: #134a86;
  border-color: #134a86;
}
#reservation .month-section ul .btn-secondary:hover {
  color: #fff;
  background-color: #155ead;
  border-color: #155ead;
}
#reservation .cancel {
  margin: 0;
  min-width: 90px;
  text-align: center;
  pointer-events: none;
}
#reservation .dialog {
  z-index: 1002;
  -webkit-animation-name: ShowDialog;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-name: ShowDialog;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #f2f2f2;
  border: 1px solid #aaa;
  width: 380px;
  border-radius: 5px;
  box-shadow: 1px 5px 10px grey;
  /*.btn { position: fixed; left: 10px; bottom: 10px; }*/
}
#reservation .dialog .header {
  width: 100%;
  background: #25a0c3;
  text-align: left;
  padding-left: 15px;
  margin: 0;
}
#reservation .dialog .header p {
  font-size: 2em;
  margin: 0;
}
#reservation .dialog .header .btn-close {
  cursor: pointer;
}
#reservation .dialog .header .btn-close:before {
  display: none;
}
#reservation .dialog .body {
  padding: 20px 20px;
  text-align: center;
}
#reservation .dialog .body i {
  font-size: 9em;
  color: #e83e3a;
}
#reservation .dialog .body p {
  font-size: 1.1em;
  font-weight: bold;
}
#reservation .owl-carousel .owl-item img {
  width: 80%;
  margin: 0 auto;
}
@-webkit-keyframes Show {
  from {
    opacity: 0;
    top: -20px;
  }
  to {
    opacity: 1;
    top: 0px;
  }
}
@keyframes Show {
  from {
    opacity: 0;
    top: -20px;
  }
  to {
    opacity: 1;
    top: 0px;
  }
}
@-webkit-keyframes ShowDialog {
  from {
    opacity: 0;
    top: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@keyframes ShowDialog {
  from {
    opacity: 0;
    top: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}

.ayandehsaz-panel {
  background: white;
  padding: 10px 20px;
  box-shadow: 1px 1px 3px #e4e4e4;
  margin-bottom: 50px;
  border-radius: 10px;
}
.ayandehsaz-panel .form-group label {
  margin-bottom: 0 !important;
}
.ayandehsaz-panel .header {
  margin-bottom: 20px;
}
.ayandehsaz-panel .header p {
  color: #134a86;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.1em;
}
.ayandehsaz-panel .header p:before {
  content: "";
  width: 40px;
  height: 2px;
  background: #ff5314;
  display: inline-block;
  margin-right: -30px;
  vertical-align: middle;
}
.ayandehsaz-panel .body.top-header table th {
  text-align: left !important;
  border: none !important;
}
.ayandehsaz-panel .body.top-header table td {
  text-align: right !important;
  border: none !important;
  color: #25a0c3;
}
.ayandehsaz-panel .body.personal-info {
  border: none !important;
  padding: 0;
}
.ayandehsaz-panel .body.personal-info table {
  border: none !important;
  border-spacing: 5px;
  border-collapse: separate;
}
.ayandehsaz-panel .body.personal-info table thead .th-secondary {
  background: #134a86;
  color: white;
  text-align: center;
}
.ayandehsaz-panel .body.personal-info table th {
  background-color: #efefef;
  border: none !important;
  text-align: center;
}
.ayandehsaz-panel .body.personal-info table th.th-primary {
  background: #25a0c3;
  color: white;
}
.ayandehsaz-panel .body.personal-info table td {
  border: 1px solid #e8e8e8;
  height: 50px;
  text-align: center;
}
.ayandehsaz-panel .body.personal-info table td.grayed-out {
  background: #efefef;
  border: 3px solid white;
  height: 50px;
}
.ayandehsaz-panel .body.personal-info table td.border-left {
  border: none;
  background: #f6f9fe;
  border-left: 1px solid #25a0c3;
}
.ayandehsaz-panel .body.personal-info table .border-left {
  border: none;
  background: #f6f9fe;
  border-left: 1px solid #25a0c3;
  text-align: right;
  color: #6b6868;
}
.ayandehsaz-panel .body.personal-info table .background-light-blue {
  border: none;
  background: #f6f9fe;
  text-align: right;
  color: #6b6868;
}
.ayandehsaz-panel .body.personal-info table .border-dotted {
  border: none;
  border-bottom: 2px dotted #b3b3b3;
  width: 120px;
}
.ayandehsaz-panel .body.personal-info table .bottom-border {
  border-bottom: 2px solid #25a0c3 !important;
  text-align: center !important;
}
.ayandehsaz-panel .body.personal-info table .input-search {
  border-radius: 0;
  width: 100%;
  text-align: center;
}
.ayandehsaz-panel .body.border {
  border: 1px solid #25a0c3 !important;
}
.ayandehsaz-panel .search {
  padding: 20px 10px;
  background: #efefef;
  text-align: center;
  margin: 10px 0;
  border: 1px solid #25a0c3;
}
.ayandehsaz-panel .search .form-control {
  border-radius: 0;
  min-width: 200px;
}
.ayandehsaz-panel .not-fount {
  text-align: center;
  font-size: 1.4em;
}

.print-logo {
  display: none;
}

.show-only-print {
  display: none;
}

.show-only-print-cell {
  display: none;
}

.my-account .dialog {
  z-index: 1002;
  -webkit-animation-name: ShowDialog;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-name: ShowDialog;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #f2f2f2;
  border: 1px solid #aaa;
  width: 60%;
  height: 80%;
  box-shadow: 1px 5px 10px grey;
}
.my-account .dialog .header {
  width: 100%;
  background: #25a0c3;
  text-align: left;
  padding-left: 15px;
  margin: 0;
}
.my-account .dialog .header p {
  font-size: 2em;
  margin: 0;
}
.my-account .dialog .header .btn-close {
  cursor: pointer;
}
.my-account .dialog .body {
  padding: 20px 20px;
  text-align: center;
  overflow: auto;
  max-height: 75%;
}
.my-account .dialog .body i {
  font-size: 9em;
  color: #e83e3a;
}
.my-account .dialog .body p {
  font-size: 1em;
}
.my-account .dialog .body .desp {
  border: 1px solid #aaa;
  padding: 10px;
  text-align: right;
}
.my-account .dialog .body .desp .p {
  margin: 0;
}
.my-account .dialog .body .btn-primary {
  text-align: left;
}
.my-account .dialog .body .text-left {
  text-align: left;
}
.my-account .dialog .btn-danger {
  position: fixed;
  left: 10px;
  bottom: 10px;
}

.back-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: black;
  opacity: 0.6;
  z-index: 1001;
}

@-webkit-keyframes ShowDialog {
  from {
    opacity: 0;
    top: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@keyframes ShowDialog {
  from {
    opacity: 0;
    top: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@media (max-width: 1200px) {
  .ayandehsaz-panel .search .form-control {
    min-width: 80px;
  }
  .user-panel .page-content .personal-info .desktop-salary {
    display: none;
  }
  .user-panel .page-content .personal-info .mobile-salary {
    display: table !important;
  }
  .user-panel .page-content .personal-info .mobile-salary th {
    width: 10%;
    vertical-align: middle;
  }
  .user-panel .page-content .personal-info .mobile-salary tr.gray {
    background-color: #f7f7f7;
    color: black;
  }
  .user-panel .page-content .personal-info .mobile-salary .bg-year {
    background-color: #25a0c3;
    text-align: center;
    color: white;
  }
  .user-panel .page-content .personal-info .mobile-salary .bg-year th {
    text-align: center;
    font-size: 1.2em;
  }
}
.nav-is-open {
  overflow: hidden;
}

@media (max-width: 992px) {
  .user-panel .nav-panel {
    min-width: 300px;
    position: fixed;
    right: -100%;
    bottom: 0;
    top: 0;
    z-index: 100;
    transition: 1s all;
  }
  .user-panel .nav-panel.open {
    right: 0;
  }
  .user-panel .nav-wrapper.panel {
    height: 100vh;
    text-align: right;
    transition: 0.5s;
    width: 100% !important;
    right: 0;
  }
  .user-panel .nav-wrapper.panel.scroll-to-fixed-fixed {
    box-shadow: 0px 1px 5px #25a0c3;
  }
  .user-panel .nav-wrapper.panel.scroll-to-fixed-fixed .nav-wrapper.panel:before {
    display: none;
  }
  .user-panel .nav-wrapper.panel h2 {
    display: none;
  }
  .user-panel .nav-wrapper.panel ul {
    white-space: nowrap;
  }
  .user-panel .nav-wrapper.panel ul li form {
    text-align: right;
  }
  .user-panel .nav-wrapper.panel ul li form span:first-child {
    padding-right: 25px !important;
  }
  .user-panel .nav-wrapper.panel ul li a {
    text-align: right;
  }
  .user-panel .nav-wrapper.panel ul li a span:first-child {
    padding: initial;
    padding-right: 70px;
  }
  .user-panel .nav-wrapper.panel ul li a .icon {
    left: auto;
    right: 15px;
  }
  .user-panel .nav-wrapper.panel ul li.active a {
    padding: 10px;
    text-align: right;
  }
  .user-panel .nav-wrapper.panel ul li:last-child {
    padding: initial;
    padding-right: 30px;
  }
  .user-panel #reservation .info-box-container .info-box .info-box-body .material-input {
    flex: 1;
  }
}
@media (min-width: 768px) {
  .hide-xs {
    display: none;
  }
  .user-panel .modal .modal-dialog {
    width: 95%;
  }
  .visible-xs th {
    text-align: center;
    background: #eee;
  }
}
@media (min-width: 500px) {
  .input-text {
    width: 150px;
    display: inline-block;
    height: 28px;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .show-xs {
    display: none;
  }
  .reservation .ayandehsaz-panel {
    margin-top: 30px;
    padding: 10px 5px;
  }
  .reservation .container-fluid {
    padding: 0;
  }
  #reservation .info-box-container .info-box .info-box-body .material-input {
    flex: 0 0 100% !important;
  }
  #reservation .d-flex .flex-item {
    flex: 0 0 100%;
  }
  .breadcrumb-wrapper {
    display: none;
  }
  .my-account .dialog {
    width: 100%;
    height: 100%;
  }
  .user-panel .dropdown {
    position: fixed;
    bottom: 0;
    width: 50%;
    margin: 0 !important;
    z-index: 5;
  }
  .user-panel .dropdown.month {
    left: 0;
  }
  .user-panel .dropdown.years {
    right: 0;
  }
  .user-panel .dropdown.open > .dropdown-menu {
    bottom: 35px;
    top: auto;
  }
  .user-panel .personal-info .text-center img {
    width: 30% !important;
  }
  .user-panel .personal-info .desktop {
    display: none;
  }
  .user-panel .personal-info .mobile {
    display: table !important;
    width: 100%;
  }
  .user-panel .personal-info .mobile.table-bordered tbody th {
    background-color: #f8f8f8;
    text-align: center;
  }
  .user-panel .page-content .dropdown .btn {
    border-radius: 0;
    border-left: 1px solid;
    background-color: #1c4885;
    color: white;
  }
}
.background-primary {
  background: #25a0c3 !important;
  color: white;
}

@media (max-width: 425px) {
  .user-panel .mobile-salary td {
    text-align: center;
  }
  .user-panel .personal-info .text-center img {
    width: 40% !important;
  }
  .user-panel .personal-info .table-mobile {
    text-align: center;
  }
  .user-panel .personal-info .table-mobile th {
    display: block;
    background: #f8f8f8;
    text-align: center;
  }
  .user-panel .personal-info .table-mobile td {
    display: block;
  }
}
@media print {
  @page {
    size: A4;
    margin: 7% 5%;
  }
  .show-xs {
    display: table;
  }
  .hide-xs {
    display: none;
  }
  #printBtn {
    display: none;
  }
  .input-search, .back-to-all-request, .nav-tab, .show-details, button, .btn, .search, .mobile, #login-modal, .subject, .panel-primary, #request, .drop-down-list {
    display: none;
  }
  .userpanel-body {
    font-size: 1.3em;
  }
  .table-responsive {
    width: 100%;
    overflow: hidden;
  }
  table {
    width: 100%;
  }
  table td {
    text-wrap: normal;
  }
  .input-text {
    width: 150px;
    display: inline-block;
    height: 28px;
  }
  .warning {
    margin: 20px 0 0;
    border: 1px solid gray !important;
  }
  .user-panel .table-bordered, .user-panel .personal-info {
    border: none !important;
    border-radius: 0 !important;
  }
  .userpanel-header, userpanel-body {
    margin: 0 auto 0 !important;
    width: 100% !important;
  }
  .userpanel-content {
    width: 100vw;
    font-family: "B Nazanin";
    font-size: 1.4em;
  }
  #PensionSalary img {
    width: 20%;
  }
  p {
    font-size: 1em;
  }
  .ayandehsaz-panel:first-child {
    width: 100%;
    margin: 0 !important;
    padding: 10px;
  }
  .ayandehsaz-panel:first-child .header {
    display: none;
  }
  .ayandehsaz-panel:first-child table {
    border: 1px solid #e8e8e8;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
  }
  .ayandehsaz-panel:first-child table thead {
    border: none;
  }
  .pensioner-statement .header, .Pension-salary .header {
    display: none;
  }
  .ayandehsaz-panel {
    width: 100%;
    margin: -10px 0 !important;
    padding: 10px;
  }
  .ayandehsaz-panel .header p {
    font-weight: bold;
    font-size: 1em;
  }
  .ayandehsaz-panel .header p:before {
    width: 25px;
  }
  .ayandehsaz-panel table { /*border: 1px solid #e8e8e8;*/
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
  }
  .ayandehsaz-panel table thead {
    border: 1px solid #e8e8e8;
    width: 100%;
  }
  .ayandehsaz-panel table thead th, .ayandehsaz-panel table thead td {
    border: 1px solid #e8e8e8;
  }
  .ayandehsaz-panel table thead i {
    display: none;
  }
  .ayandehsaz-panel table th {
    border: 1px solid #e8e8e8 !important;
    font-size: 12px;
  }
  .ayandehsaz-panel table th.th-primary {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table td {
    border: 1px solid #e8e8e8 !important;
    font-size: 14px;
  }
  .ayandehsaz-panel table td.grayed-out {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table td.border-left {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table .border-left {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table .background-light-blue {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table .border-dotted {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table .bottom-border {
    border: 1px solid #e8e8e8 !important;
  }
  #statement-detail {
    width: 100vw;
    font-family: "B Nazanin";
    font-size: 1em;
    height: 100vh;
  }
  #statement-detail .modal {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  #statement-detail .modal-dialog {
    margin: 0;
  }
  #statement-detail .modal-header {
    padding: 0;
  }
  #statement-detail .modal-body {
    padding: 0;
  }
  #statement-detail .modal-title {
    font-family: "B Nazanin";
    font-size: 14px;
    padding: 0;
  }
  #statement-detail .ayandehsaz-panel {
    padding: 0;
  }
  #statement-detail .ayandehsaz-panel table {
    margin: 0;
    vertical-align: top;
  }
  #statement-detail .ayandehsaz-panel table th {
    font-size: 10px;
    padding: 0;
  }
  #statement-detail .ayandehsaz-panel table td {
    font-size: 10px;
    padding: 2px;
  }
  .period-profile .ayandehsaz-panel .header .body table {
    width: 100vw;
    margin: 0;
  }
  .ayandehsaz-panel .body.border {
    border: 1px solid #e8e8e8 !important;
  }
  .border-left {
    border: none !important;
  }
  .col-sm-9 {
    width: 75%;
    float: right;
  }
  .col-sm-3 {
    width: 25%;
    float: right;
  }
  .table-responsive {
    overflow: inherit;
  }
  a[href]:after {
    content: none !important;
  }
  .table-striped > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  .show-only-print-cell {
    display: table-cell;
  }
  .show-only-print {
    display: block;
  }
  .show-only-print table {
    width: 100%;
  }
  .hide-in-print {
    display: none;
  }
  .pensioner-statement .print-logo, .Pension-salary .print-logo {
    display: inline-block;
    margin-bottom: 10px;
  }
  .Pension-salary .userpanel-header {
    display: none;
  }
  .text-center {
    text-align: center;
  }
  .user-panel .page-content .personal-info .text-center img {
    width: 20px;
  }
  .ayandehsaz-panel .body.top-header table th {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.top-header table td {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.personal-info {
    font-size: 14px;
  }
  .ayandehsaz-panel .body.personal-info table thead .th-secondary {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table th {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.personal-info table th.th-primary {
    background: #25a0c3;
    color: white;
  }
  .ayandehsaz-panel .body.personal-info table td {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.personal-info table td.grayed-out {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.personal-info table td.border-left {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .border-left {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .background-light-blue {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .border-dotted {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .bottom-border {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .input-search {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.border {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .not-fount {
    text-align: center;
    font-size: 1.4em;
  }
}
[v-cloak] {
  display: none;
}

.page-header {
  border: none;
}

@keyframes blink {
  0% {
    color: inherit;
  }
  100% {
    color: #25a0c3;
  }
}
@keyframes blink-bg {
  0% {
    background-color: #25a0c3;
  }
  100% {
    background-color: inherit;
  }
}
.shoping-panel {
  padding: 0 !important;
  background: #f6f9fe;
  /*.table-responsive { max-height: 400px; }*/
}
.shoping-panel.inquiry .box-center, .shoping-panel.credit-purchase .box-center {
  margin: 0 auto;
  max-width: 400px;
}
.shoping-panel.inquiry label, .shoping-panel.credit-purchase label {
  display: block;
  text-align: right;
  margin: 0;
}
.shoping-panel.inquiry p.text-danger, .shoping-panel.credit-purchase p.text-danger {
  text-align: right;
  margin: 0;
}
.shoping-panel.inquiry .custom-input-group, .shoping-panel.credit-purchase .custom-input-group {
  display: flex;
}
.shoping-panel.inquiry .custom-input-group input, .shoping-panel.credit-purchase .custom-input-group input {
  height: auto;
}
.shoping-panel.inquiry .custom-input-group .btn, .shoping-panel.credit-purchase .custom-input-group .btn {
  line-height: 2;
}
.shoping-panel.settings #printBtn {
  display: none;
}
.shoping-panel .blink-animate {
  animation: blink 0.4s linear infinite;
}
.shoping-panel .blink-animate-bg {
  animation: blink-bg 0.4s linear infinite;
}
.shoping-panel .verification-code-inline {
  width: 150px;
  float: right;
  margin-left: 15px;
  height: 36px;
}
.shoping-panel .userpanel-body {
  position: relative;
}
.shoping-panel .userpanel-body #printBtn {
  position: absolute;
  left: 10px;
  top: 10px;
}
.shoping-panel .margin-bottom-10 {
  margin-bottom: 10px;
}
.shoping-panel .table-bordered {
  border-top: 1px solid #134a86 !important;
}
.shoping-panel .header-panel .table-bordered {
  border-top: none;
}
.shoping-panel .panel h2 {
  background: #25a0c3;
  color: white;
  margin: 0;
  padding: 15px;
  font-size: 1.2em;
}
.shoping-panel .panel .heading {
  background: #25a0c3;
  color: white;
  margin: 0;
  padding: 5px 15px;
  font-size: 1.2em;
}
.shoping-panel .panel .panel-heading {
  font-size: 1.28em;
  color: #444444;
  padding: 18px 28px;
}
.shoping-panel .panel .panel-heading + hr {
  border-top: 2px solid #ededed;
  margin: 5px 15px;
}
.shoping-panel .personal-info { /*border: 1px solid $secondary;*/ }
.shoping-panel .personal-info .table-bordered td, .shoping-panel .personal-info .table-bordered th {
  border-color: #134a86;
}
.shoping-panel .personal-info th {
  background-color: #cef4ff;
}
.shoping-panel .personal-info td.secondary {
  background: #fff28e;
}
.shoping-panel .warning {
  border: 1px solid #134a86;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0px 3px 10px #aaa;
}
.shoping-panel .table-style thead th {
  background-color: #25a0c3 !important;
  color: white !important;
}
.shoping-panel .page-content {
  clear: both;
}
.shoping-panel .page-content .btn-print {
  min-width: 20%;
}
.shoping-panel .page-content .factory-info {
  padding: 15px;
}
.shoping-panel .page-content .factory-info .input-group-addon {
  padding: 0 10px;
}
.shoping-panel .page-content .btn-left {
  margin-top: 10px;
}
.shoping-panel .page-content .personal-info {
  margin-bottom: 50px;
  border-radius: 0 !important;
  border: 1px solid #25a0c3 !important;
  padding: 30px;
}
.shoping-panel .page-content .personal-info table.mobile-salary {
  display: none;
}
.shoping-panel .page-content .personal-info table .bottom-border {
  border-bottom: 2px solid #134a86 !important;
}
.shoping-panel .page-content .personal-info table .cursor-pointer {
  cursor: pointer;
}
.shoping-panel .page-content .personal-info table td {
  vertical-align: middle;
}
.shoping-panel .page-content .personal-info .mobile {
  display: none;
}
.shoping-panel .page-content .personal-info ul {
  display: inline-block;
  white-space: normal;
  list-style: none;
}
.shoping-panel .page-content .personal-info ul.styled {
  list-style: circle;
}
.shoping-panel .page-content .personal-info .text-center img {
  width: 25%;
}
.shoping-panel .page-content .personal-info .text-center p {
  font-size: 14px;
  font-weight: bold;
}
.shoping-panel .page-content .personal-info .tables {
  border: 2px solid #25a0c3;
  border-radius: 15px;
  max-width: 80%;
  padding: 10px 30px;
  margin: 30px auto 30px;
}
.shoping-panel .page-content .personal-info .tables table {
  width: 100%;
}
.shoping-panel .page-content .personal-info .table-striped thead {
  background: #25a0c3;
}
.shoping-panel .page-content .dropdown {
  margin-bottom: 50px;
}
.shoping-panel .page-content .dropdown .dropdown-menu {
  width: 100%;
  text-align: center;
}
.shoping-panel .page-content .dropdown .btn {
  width: 100%;
}
.shoping-panel .nav-panel {
  margin: 0;
  padding: 0 0 0 20px;
}
.shoping-panel .nav-wrapper.panel {
  height: 98vh;
  margin-top: 1vh;
  text-align: center;
  border-radius: 10px 0 0 10px !important;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: -1px -1px 3px #e4e4e4;
}
.shoping-panel .nav-wrapper.panel h2 {
  background: linear-gradient(90deg, #c1c1c1, #ffffff);
  color: #134a86;
  font-weight: bold;
}
.shoping-panel .nav-wrapper.panel .nav {
  padding-right: 0px;
  position: relative;
  display: table;
  width: 100%;
}
.shoping-panel .nav-wrapper.panel li form {
  margin-bottom: 10px;
  text-align: left;
}
.shoping-panel .nav-wrapper.panel li form a {
  padding: 10px 15px;
  display: block;
  width: 100%;
}
.shoping-panel .nav-wrapper.panel li a {
  text-align: left;
  padding: 10px 0;
  color: #4a4646;
  border-bottom: 1px solid #e4e4e4;
}
.shoping-panel .nav-wrapper.panel li a span:first-child {
  padding-left: 70px;
}
.shoping-panel .nav-wrapper.panel li a .icon {
  position: absolute;
  left: 15px;
  top: 7px;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: white;
  border-radius: 50%;
  border: 1px solid #e4e4e4;
}
.shoping-panel .nav-wrapper.panel li a .icon i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ff5314;
  font-size: 1.4em;
}
.shoping-panel .nav-wrapper.panel li a .icon .exit {
  color: #ff3838;
}
.shoping-panel .nav-wrapper.panel li.active a {
  background-color: #d4f6ff;
  width: 100%;
  font-weight: bold;
  display: inline-block;
  text-align: left;
}
.shoping-panel .nav-wrapper.panel li.active a .icon {
  border: 1px solid #25a0c3;
}
.shoping-panel.my-account .notifications.panel .table tr:first-child {
  border-top: none;
}
.shoping-panel.my-account .notifications.panel .table tr:first-child > td {
  border-top: none;
}
.shoping-panel.my-account .notifications.panel .table tr > td.date {
  border-top: none;
}
.shoping-panel.my-invoices .invoices.panel .table-responsive {
  border: none;
}
.shoping-panel.my-invoices .invoices.panel .table {
  border: none;
}
.shoping-panel.my-invoices .invoices.panel .table th {
  font-size: 0.875em;
}
.shoping-panel.my-invoices .invoices.panel .table th.actions {
  border: none;
  background: white;
}
.shoping-panel.my-invoices .invoices.panel .table tr td {
  font-size: 1.142em;
}
.shoping-panel.my-invoices .invoices.panel .table tr td.text-col {
  font-size: 0.928em;
}
.shoping-panel.my-invoices .invoices.panel .table tr td.actions {
  font-size: 0.875em;
  border: none;
  background: white;
  padding: 0;
}
.shoping-panel.my-invoices .invoices.panel .table tr td.actions .action-buttons {
  width: 106px;
  float: none;
}
.shoping-panel.my-invoices .invoices.panel .table tr td.actions .action-buttons a {
  display: block;
  color: #888888;
  border-radius: 25px 0 0 25px;
  border: 2px dashed #cecece;
  border-right: none;
  margin-bottom: 5px;
  padding: 3px;
}
.shoping-panel.my-invoices .invoices.panel .table tr td.actions .action-buttons a:hover {
  color: #25a0c3;
  border: 2px solid #25a0c3;
  border-right: none;
}
.shoping-panel.my-addresses .addresses .address .title {
  font-weight: bold;
  font-size: 0.85em;
  color: #444;
  margin-bottom: 8px;
}
.shoping-panel.my-addresses .addresses .address form {
  margin-bottom: 24px;
}
.shoping-panel.my-addresses .addresses .address form .form-group .control-label {
  font-weight: normal;
  color: #acacac;
  font-size: 0.85em;
}
.shoping-panel.my-addresses .addresses .address form .form-group .form-control {
  font-size: 0.82em;
  padding: 4px 15px;
  height: 35px;
  margin-left: 20px;
  border: 1px solid #888888;
}
.shoping-panel.my-addresses .addresses .address form .form-group:last-child .form-control {
  margin-left: 0;
  width: 300px;
}
.shoping-panel.my-addresses .addresses .buttons div {
  margin: 20px 0;
}
.shoping-panel.my-addresses .addresses .buttons .dashed-button {
  background: #fff;
  border: dashed 1px #25a0c3;
  width: 168px;
  height: 30px;
  border-radius: 15px;
  color: #25a0c3;
}
.shoping-panel.my-addresses .addresses .buttons .save-btn {
  width: 220px;
  height: 40px;
  border-radius: 20.5px;
  box-shadow: 0 4px 5px 0 rgba(43, 107, 180, 0.45);
}
.shoping-panel .details-request, .shoping-panel .details-request-new {
  border: 1px dashed #ccc;
  padding: 20px 20px;
  margin: 30px 0;
  text-align: center;
}
.shoping-panel .details-request .title, .shoping-panel .details-request-new .title {
  text-align: center;
}
.shoping-panel .details-request .title .text-center, .shoping-panel .details-request-new .title .text-center {
  text-align: center !important;
}
.shoping-panel .details-request .title p, .shoping-panel .details-request-new .title p {
  text-align: left;
}
.shoping-panel .details-request .title h2, .shoping-panel .details-request-new .title h2 {
  font-weight: 500;
  border-bottom: 1px solid;
  display: inline-block;
}
.shoping-panel .details-request .r_header, .shoping-panel .details-request-new .r_header {
  border: 1px solid #dddddd;
  margin-bottom: 20px;
  padding: 5px 10px;
}
.shoping-panel .details-request .ayandehsaz, .shoping-panel .details-request-new .ayandehsaz {
  font-weight: bold;
}
.shoping-panel .details-request .area, .shoping-panel .details-request-new .area {
  border: 1px solid #ccc;
  padding: 5px 10px 10px;
  margin: 10px 0 0;
  background: #fcfcfc;
}
.shoping-panel .details-request .area .form-control, .shoping-panel .details-request-new .area .form-control {
  border-radius: 0;
}
.shoping-panel .details-request .center th, .shoping-panel .details-request-new .center th {
  text-align: center;
}
.shoping-panel .details-request .submit-box, .shoping-panel .details-request-new .submit-box {
  text-align: left;
  margin: 20px 0 0;
}
.shoping-panel .details-request .response .area:first-child, .shoping-panel .details-request-new .response .area:first-child {
  background: #eee;
}
.shoping-panel .details-request p, .shoping-panel .details-request-new p {
  text-align: justify;
}
.shoping-panel .tabs-panel .nav {
  background: #f2f2f2;
  margin-bottom: 50px;
  border: 1px solid #25a0c3;
}
.shoping-panel .tabs-panel .nav li.active a {
  background: #134a86;
  color: white;
}
.shoping-panel .tabs-panel .nav a {
  color: #134a86;
  font-weight: bold;
}
.shoping-panel .tabs-panel a:hover, .shoping-panel .tabs-panel a:focus {
  background: none;
}
.shoping-panel .tabs-panel .btn-dl:hover, .shoping-panel .tabs-panel .btn-dl:focus {
  background: #25a0c3;
}
.shoping-panel #new-request #request {
  width: 100%;
  height: 50px;
  border: 1px solid #25a0c3;
  font-size: 1.1em;
  outline: none;
  cursor: pointer;
  background: #f2f2f2;
}
.shoping-panel .old-request table th {
  text-align: center;
}
.shoping-panel .old-request table tr:hover {
  cursor: pointer;
}
.shoping-panel #dataTable thead tr th {
  text-align: center;
}
.shoping-panel #dataTable thead tr th i {
  color: #464646;
}
.shoping-panel #dataTable thead tr th span {
  cursor: pointer;
  display: block;
}
.shoping-panel #dataTable thead tr th span:hover {
  color: #134a86;
  font-weight: bold;
}
.shoping-panel #dataTable thead tr th span:hover i {
  color: #134a86;
}

.validation-summary-valid {
  display: none;
}

.validation-summary-errors {
  display: block;
  text-align: right;
}

#PensionSalary .text-center h2 {
  background: #efefef;
  margin: 0;
  font-size: 1.2em;
  color: black;
  padding: 60px 0;
  border: 1px solid #25a0c3;
}
#PensionSalary .panel-primary {
  margin: 30px 0;
}
#PensionSalary .panel-primary > .panel-heading {
  background-color: #25a0c3;
  color: white;
  padding: 10px 30px;
}

#PensionerStatement .text-center h2 {
  background: #efefef;
  margin: 0;
  font-size: 1em;
  color: black;
  padding: 60px 0;
  border: 1px solid #25a0c3;
}
#PensionerStatement .panel-primary {
  margin: 30px 0;
}
#PensionerStatement .panel-primary > .panel-heading {
  background-color: #25a0c3;
  color: white;
  padding: 10px 30px;
}
#PensionerStatement .show-pensioner-statement {
  padding: 0 20px 20px;
}
#PensionerStatement table th, #PensionerStatement td {
  text-align: center;
}

#healthInsurancePayments .loading {
  width: 100%;
  height: 300px;
  text-align: center;
  background: white;
  border: 1px solid #dddddd;
}
#healthInsurancePayments .loading img {
  margin-top: 100px;
}

#loginPage .loading, #employerLoginPage .loading {
  width: 100%;
  text-align: center;
  background: transparent;
  color: #00b8de;
}
#loginPage .loading img, #employerLoginPage .loading img {
  height: 50px;
}

/***Car Insurance*/
#carInsuranceHistory .modal-body {
  font-size: 1.2em;
  line-height: 2em;
  text-align: justify;
}

.car-insurance .plate {
  border: 1px solid black;
  border-radius: 5px;
  height: 40px;
}
.car-insurance .plate > * {
  display: inline-block;
  height: 38px;
  vertical-align: top;
}
.car-insurance .plate .iran {
  width: 14.5%;
  text-align: center;
  font-weight: bold;
  line-height: 38px;
}
.car-insurance .plate .part-1 {
  width: 14%;
}
.car-insurance .plate .vert {
  width: 1px;
  background: black;
  margin: 0 0.2%;
}
.car-insurance .plate .part-2 {
  width: 20%;
}
.car-insurance .plate .part-3 {
  width: 19%;
  font-weight: bold;
  font-size: 1.2em;
}
.car-insurance .plate .part-4 {
  width: 10%;
}
.car-insurance .plate .blue {
  width: 15.5%;
  background: blue;
  color: white;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 38px;
  font-size: 1.2em;
  height: 100%;
  border-right: 1px solid black;
}

.loading-background {
  background: black;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  opacity: 0.4;
}

.loading-blue {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1002;
}
.loading-blue img {
  width: 100px;
}

.table-text-center th, td {
  text-align: center;
}

.car-insurance .form-control, .health-payments .form-control {
  height: 40px !important;
}
.car-insurance label.indicated, .health-payments label.indicated {
  position: relative;
  padding-right: 15px;
  transition: all 0.3s;
}
.car-insurance label.indicated:before, .health-payments label.indicated:before {
  content: "\f060";
  font-family: "Font Awesome 5 Free";
  color: red;
  position: absolute;
  right: 0;
  top: 0;
}

#reservation {
  border-radius: 10px;
  margin: 50px auto;
  padding: 20px;
  overflow: hidden;
  /* table {

      th { text-align: center; }
      td {
          &.active { color: green !important; font-weight: bold; font-size: 20px; background: transparent; }
          &.disable { color: silver !important; pointer-events: none; }
          &.past-time { color: silver !important; pointer-events: none; }
          &:hover { background-color: $primary; color: white !important; cursor: pointer; }
          &.hovered { background-color: $secondary !important; pointer-events: none; }
      }
  }*/
  /* Safari 4.0 - 8.0 */
}
#reservation .info-box-container .info-box {
  border-bottom: 2px solid;
  border: 1px solid #3a3a3a;
  margin-bottom: 10px;
}
#reservation .info-box-container .info-box .info-box-header {
  background: #d4f6ff;
  position: relative;
}
#reservation .info-box-container .info-box .info-box-header .chair-title {
  padding: 0px 5px;
  font-weight: bold;
  display: inline-block;
}
#reservation .info-box-container .info-box .info-box-header .btn-container {
  position: absolute;
  left: 5px;
  top: 10px;
}
#reservation .info-box-container .info-box .info-box-body {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  background: white;
  padding: 10px;
}
#reservation .info-box-container .info-box .info-box-body .material-input {
  position: relative;
  margin: 15px 0;
  display: inline-block;
  flex: 0 0 calc(24% - 5px);
}
#reservation .info-box-container .info-box .info-box-body.disabled {
  cursor: no-drop;
}
#reservation .info-box-container .info-box .info-box-body.disabled label {
  background: #f1f1f1;
}
#reservation .info-box-container .info-box .info-box-body.disabled input {
  pointer-events: none;
  background: #f1f1f1;
}
#reservation .calendaer-row {
  display: flex;
  flex-wrap: wrap;
}
#reservation .calendaer-row .calendar-col {
  flex: 1;
  border: 1px solid #c2c2c2;
  text-align: center;
  cursor: pointer;
  background: white;
}
#reservation .calendaer-row .calendar-col.active {
  color: green;
  font-weight: bold;
  font-size: 20px;
  background: transparent;
}
#reservation .calendaer-row .calendar-col.past-time {
  color: silver;
  pointer-events: none;
}
#reservation .calendaer-row .calendar-col.is-booked {
  background-color: #747474;
  color: white;
}
#reservation .calendaer-row .calendar-col.disable {
  color: silver;
  background-color: transparent;
  pointer-events: none;
}
#reservation .calendaer-row .calendar-col.selected-item {
  background-color: #d4f6ff;
}
#reservation .calendaer-row .calendar-col.hovered {
  background-color: #134a86;
  color: white;
}
#reservation .calendaer-row .calendar-col .tooltiptext {
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -60px;
  font-size: 1.4rem;
}
#reservation .calendaer-row .calendar-col .tooltiptext.tooltiptext-hover {
  display: none;
}
#reservation .calendaer-row .calendar-col .tooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
#reservation .calendaer-row .calendar-col:hover .tooltiptext-hover {
  display: block;
}
#reservation .calendar-header .calendar-col {
  font-weight: bold;
  cursor: none;
  pointer-events: none;
  background: white;
}
#reservation .calendar-body .calendar-col {
  flex: 1 0 14%;
  font-size: 1.8rem;
  position: relative;
}
#reservation .calendar-body .calendar-col .start-day {
  font-size: 1.6rem;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #ff5314;
  line-height: 1.3;
  border-radius: 5px;
  padding: 2px 7px;
  background: #ff5314;
  color: white;
}
#reservation .calendar-body .calendar-col .end-day {
  font-size: 1.6rem;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #ff5314;
  line-height: 1.3;
  border-radius: 5px;
  padding: 2px 7px;
  background: #ff5314;
  color: white;
}
#reservation h3 {
  line-height: 2;
}
#reservation .start-td {
  background: yellow !important;
}
#reservation .end-td {
  background: yellow !important;
}
#reservation .calender tbody tr:first-child {
  display: none;
}
#reservation .calender td {
  cursor: pointer; /*&:hover { background: $primary; }*/
}
#reservation .calender .is-not-currentMonth {
  background: white !important;
  color: #aaa;
  pointer-events: none;
  position: relative;
}
#reservation .calender .before-today {
  pointer-events: none;
  opacity: 0.6;
}
#reservation .calender .cant-reserved {
  pointer-events: none;
  opacity: 0.6;
}
#reservation .calender .date-now {
  outline: 2px solid #144b86;
  outline-offset: -2px;
}
#reservation .calender .is-reserved {
  background: #fb8597;
  position: relative;
}
#reservation .calender .is-not-reserved {
  background: #90ee90;
  position: relative;
}
#reservation .calender .tooltiptext {
  visibility: hidden;
  position: absolute;
  background: #333333;
  color: white;
  border-radius: 20px;
  left: 50%;
  width: 80%;
  top: -28px;
  transform: translate(-50%, 0px);
}
#reservation .calender .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
}
#reservation .calender .tooltiptext-bottom {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  background: #333333;
  color: white;
  border-radius: 20px;
  left: 50%;
  width: 80%;
  bottom: -28px;
  transform: translate(-50%, 0px);
}
#reservation .calender .tooltiptext-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333333 transparent;
}
#reservation .calender td:hover .tooltiptext {
  visibility: visible;
}
#reservation .calender td:hover .tooltiptext-bottom {
  visibility: visible;
}
#reservation .help {
  background: #e4faff;
  color: white;
  padding: 10px 0;
  border-radius: 10px;
  border: 1px solid #25a0c3;
  width: 80%;
  margin: 30px auto;
}
#reservation .activeRow {
  background: #25a0c3 !important;
  color: white;
}
#reservation .date {
  border: 1px solid gray;
  padding: 50px 10px;
  border-radius: 5px;
  position: relative; /*p { position: absolute; right: 40px; top: -30px; background: white; padding: 0 5px; font-weight: bold; font-size: 1.1em; }*/
}
#reservation .btn-sabt {
  border-radius: 5px;
  color: #fff;
  background-color: #134a86;
  border-color: #134a86;
  width: 200px;
}
#reservation .col-blue {
  background: #efefef;
  padding: 50px 10px;
  border: 1px solid #25a0c3;
  position: relative;
  -webkit-animation-name: Show;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-name: Show;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
#reservation .col-blue .col-title {
  position: absolute;
  right: 10px;
  top: -20px;
  background: white;
  font-size: 1.2em;
  color: #25a0c3;
  padding: 0 20px;
  border: 1px solid #25a0c3;
}
#reservation .col-orange {
  background: #fcf3f2;
  padding: 50px 10px;
  border: 1px solid #f9afa9;
  border-radius: 10px;
  position: relative;
  -webkit-animation-name: Show;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-name: Show;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
#reservation .col-orange p {
  position: absolute;
  right: 25px;
  top: -35px;
  background: #25a0c3;
  font-size: 1.2em;
  color: white;
  padding: 0 20px;
  border: 1px solid #96a0c3;
  border-radius: 40px;
}
#reservation .highlighted > span {
  color: #E91E63 !important;
}
#reservation .highlighted .vpd-day-effect {
  background-color: #f9e1be !important;
  border: solid 1px #E91E63;
}
#reservation .highlighted.disabled {
  pointer-events: none;
}
#reservation .month-section {
  text-align: center;
}
#reservation .month-section ul {
  padding: 0;
}
#reservation .month-section ul li {
  display: inline-block;
}
#reservation .month-section ul li:first-child {
  float: right;
}
#reservation .month-section ul li:last-child {
  float: left;
}
#reservation .month-section ul .btn-secondary {
  color: #fff;
  background-color: #134a86;
  border-color: #134a86;
}
#reservation .month-section ul .btn-secondary:hover {
  color: #fff;
  background-color: #155ead;
  border-color: #155ead;
}
#reservation .cancel {
  margin: 0;
  min-width: 90px;
  text-align: center;
  pointer-events: none;
}
#reservation .dialog {
  z-index: 1002;
  -webkit-animation-name: ShowDialog;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-name: ShowDialog;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #f2f2f2;
  border: 1px solid #aaa;
  width: 380px;
  border-radius: 5px;
  box-shadow: 1px 5px 10px grey;
  /*.btn { position: fixed; left: 10px; bottom: 10px; }*/
}
#reservation .dialog .header {
  width: 100%;
  background: #25a0c3;
  text-align: left;
  padding-left: 15px;
  margin: 0;
}
#reservation .dialog .header p {
  font-size: 2em;
  margin: 0;
}
#reservation .dialog .header .btn-close {
  cursor: pointer;
}
#reservation .dialog .header .btn-close:before {
  display: none;
}
#reservation .dialog .body {
  padding: 20px 20px;
  text-align: center;
}
#reservation .dialog .body i {
  font-size: 9em;
  color: #e83e3a;
}
#reservation .dialog .body p {
  font-size: 1.1em;
  font-weight: bold;
}
#reservation .owl-carousel .owl-item img {
  width: 80%;
  margin: 0 auto;
}
@-webkit-keyframes Show {
  from {
    opacity: 0;
    top: -20px;
  }
  to {
    opacity: 1;
    top: 0px;
  }
}
@keyframes Show {
  from {
    opacity: 0;
    top: -20px;
  }
  to {
    opacity: 1;
    top: 0px;
  }
}
@-webkit-keyframes ShowDialog {
  from {
    opacity: 0;
    top: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@keyframes ShowDialog {
  from {
    opacity: 0;
    top: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}

.ayandehsaz-panel {
  background: white;
  padding: 10px 20px;
  box-shadow: 1px 1px 3px #e4e4e4;
  margin-bottom: 50px;
  border-radius: 10px;
}
.ayandehsaz-panel .form-group label {
  margin-bottom: 0 !important;
}
.ayandehsaz-panel .header {
  margin-bottom: 20px;
}
.ayandehsaz-panel .header p {
  color: #134a86;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.1em;
}
.ayandehsaz-panel .header p:before {
  content: "";
  width: 40px;
  height: 2px;
  background: #ff5314;
  display: inline-block;
  margin-right: -30px;
  vertical-align: middle;
}
.ayandehsaz-panel .body.top-header table th {
  text-align: left !important;
  border: none !important;
}
.ayandehsaz-panel .body.top-header table td {
  text-align: right !important;
  border: none !important;
  color: #25a0c3;
}
.ayandehsaz-panel .body.personal-info {
  border: none !important;
  padding: 0;
}
.ayandehsaz-panel .body.personal-info table {
  border: none !important;
  border-spacing: 5px;
  border-collapse: separate;
}
.ayandehsaz-panel .body.personal-info table thead .th-secondary {
  background: #134a86;
  color: white;
  text-align: center;
}
.ayandehsaz-panel .body.personal-info table th {
  background-color: #efefef;
  border: none !important;
  text-align: center;
}
.ayandehsaz-panel .body.personal-info table th.th-primary {
  background: #25a0c3;
  color: white;
}
.ayandehsaz-panel .body.personal-info table td {
  border: 1px solid #e8e8e8;
  height: 50px;
  text-align: center;
}
.ayandehsaz-panel .body.personal-info table td.grayed-out {
  background: #efefef;
  border: 3px solid white;
  height: 50px;
}
.ayandehsaz-panel .body.personal-info table td.border-left {
  border: none;
  background: #f6f9fe;
  border-left: 1px solid #25a0c3;
}
.ayandehsaz-panel .body.personal-info table .border-left {
  border: none;
  background: #f6f9fe;
  border-left: 1px solid #25a0c3;
  text-align: right;
  color: #6b6868;
}
.ayandehsaz-panel .body.personal-info table .background-light-blue {
  border: none;
  background: #f6f9fe;
  text-align: right;
  color: #6b6868;
}
.ayandehsaz-panel .body.personal-info table .border-dotted {
  border: none;
  border-bottom: 2px dotted #b3b3b3;
  width: 120px;
}
.ayandehsaz-panel .body.personal-info table .bottom-border {
  border-bottom: 2px solid #25a0c3 !important;
  text-align: center !important;
}
.ayandehsaz-panel .body.personal-info table .input-search {
  border-radius: 0;
  width: 100%;
  text-align: center;
}
.ayandehsaz-panel .body.border {
  border: 1px solid #25a0c3 !important;
}
.ayandehsaz-panel .search {
  padding: 20px 10px;
  background: #efefef;
  text-align: center;
  margin: 10px 0;
  border: 1px solid #25a0c3;
}
.ayandehsaz-panel .search .form-control {
  border-radius: 0;
  min-width: 200px;
}
.ayandehsaz-panel .not-fount {
  text-align: center;
  font-size: 1.4em;
}

.print-logo {
  display: none;
}

.show-only-print {
  display: none;
}

.show-only-print-cell {
  display: none;
}

.my-account .dialog {
  z-index: 1002;
  -webkit-animation-name: ShowDialog;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-name: ShowDialog;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #f2f2f2;
  border: 1px solid #aaa;
  width: 60%;
  height: 80%;
  box-shadow: 1px 5px 10px grey;
}
.my-account .dialog .header {
  width: 100%;
  background: #25a0c3;
  text-align: left;
  padding-left: 15px;
  margin: 0;
}
.my-account .dialog .header p {
  font-size: 2em;
  margin: 0;
}
.my-account .dialog .header .btn-close {
  cursor: pointer;
}
.my-account .dialog .body {
  padding: 20px 20px;
  text-align: center;
  overflow: auto;
  max-height: 75%;
}
.my-account .dialog .body i {
  font-size: 9em;
  color: #e83e3a;
}
.my-account .dialog .body p {
  font-size: 1em;
}
.my-account .dialog .body .desp {
  border: 1px solid #aaa;
  padding: 10px;
  text-align: right;
}
.my-account .dialog .body .desp .p {
  margin: 0;
}
.my-account .dialog .body .btn-primary {
  text-align: left;
}
.my-account .dialog .body .text-left {
  text-align: left;
}
.my-account .dialog .btn-danger {
  position: fixed;
  left: 10px;
  bottom: 10px;
}

.back-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: black;
  opacity: 0.6;
  z-index: 1001;
}

@-webkit-keyframes ShowDialog {
  from {
    opacity: 0;
    top: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@keyframes ShowDialog {
  from {
    opacity: 0;
    top: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@media (max-width: 1200px) {
  .ayandehsaz-panel .search .form-control {
    min-width: 80px;
  }
  .shoping-panel .page-content .personal-info .desktop-salary {
    display: none;
  }
  .shoping-panel .page-content .personal-info .mobile-salary {
    display: table !important;
  }
  .shoping-panel .page-content .personal-info .mobile-salary th {
    width: 10%;
    vertical-align: middle;
  }
  .shoping-panel .page-content .personal-info .mobile-salary tr.gray {
    background-color: #f7f7f7;
    color: black;
  }
  .shoping-panel .page-content .personal-info .mobile-salary .bg-year {
    background-color: #25a0c3;
    text-align: center;
    color: white;
  }
  .shoping-panel .page-content .personal-info .mobile-salary .bg-year th {
    text-align: center;
    font-size: 1.2em;
  }
}
.nav-is-open {
  overflow: hidden;
}

@media (max-width: 992px) {
  .shoping-panel .nav-panel {
    min-width: 300px;
    position: fixed;
    right: -100%;
    bottom: 0;
    top: 0;
    z-index: 100;
    transition: 1s all;
  }
  .shoping-panel .nav-panel.open {
    right: 0;
  }
  .shoping-panel .nav-wrapper.panel {
    height: 100vh;
    text-align: right;
    transition: 0.5s;
    width: 100% !important;
    right: 0;
  }
  .shoping-panel .nav-wrapper.panel.scroll-to-fixed-fixed {
    box-shadow: 0px 1px 5px #25a0c3;
  }
  .shoping-panel .nav-wrapper.panel.scroll-to-fixed-fixed .nav-wrapper.panel:before {
    display: none;
  }
  .shoping-panel .nav-wrapper.panel h2 {
    display: none;
  }
  .shoping-panel .nav-wrapper.panel ul {
    white-space: nowrap;
  }
  .shoping-panel .nav-wrapper.panel ul li form {
    text-align: right;
  }
  .shoping-panel .nav-wrapper.panel ul li form span:first-child {
    padding-right: 25px !important;
  }
  .shoping-panel .nav-wrapper.panel ul li a {
    text-align: right;
  }
  .shoping-panel .nav-wrapper.panel ul li a span:first-child {
    padding: initial;
    padding-right: 70px;
  }
  .shoping-panel .nav-wrapper.panel ul li a .icon {
    left: auto;
    right: 15px;
  }
  .shoping-panel .nav-wrapper.panel ul li.active a {
    padding: 10px;
    text-align: right;
  }
  .shoping-panel .nav-wrapper.panel ul li:last-child {
    padding: initial;
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .hide-xs {
    display: none;
  }
  .shoping-panel .modal .modal-dialog {
    width: 95%;
  }
  .visible-xs th {
    text-align: center;
    background: #eee;
  }
}
@media (min-width: 500px) {
  .input-text {
    width: 150px;
    display: inline-block;
    height: 28px;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .show-xs {
    display: none;
  }
  .ayandehsaz-panel {
    margin-top: 30px;
  }
  .breadcrumb-wrapper {
    display: none;
  }
  .my-account .dialog {
    width: 100%;
    height: 100%;
  }
  .shoping-panel .dropdown {
    position: fixed;
    bottom: 0;
    width: 50%;
    margin: 0 !important;
    z-index: 5;
  }
  .shoping-panel .dropdown.month {
    left: 0;
  }
  .shoping-panel .dropdown.years {
    right: 0;
  }
  .shoping-panel .dropdown.open > .dropdown-menu {
    bottom: 35px;
    top: auto;
  }
  .shoping-panel .personal-info .text-center img {
    width: 30% !important;
  }
  .shoping-panel .personal-info .desktop {
    display: none;
  }
  .shoping-panel .personal-info .mobile {
    display: table !important;
    width: 100%;
  }
  .shoping-panel .personal-info .mobile.table-bordered tbody th {
    background-color: #f8f8f8;
    text-align: center;
  }
  .shoping-panel .page-content .dropdown .btn {
    border-radius: 0;
    border-left: 1px solid;
    background-color: #1c4885;
    color: white;
  }
}
.background-primary {
  background: #25a0c3 !important;
  color: white;
}

@media (max-width: 425px) {
  .shoping-panel .mobile-salary td {
    text-align: center;
  }
  .shoping-panel .personal-info .text-center img {
    width: 40% !important;
  }
  .shoping-panel .personal-info .table-mobile {
    text-align: center;
  }
  .shoping-panel .personal-info .table-mobile th {
    display: block;
    background: #f8f8f8;
    text-align: center;
  }
  .shoping-panel .personal-info .table-mobile td {
    display: block;
  }
}
@media print {
  @page {
    size: A4;
    margin: 7% 5%;
  }
  .show-xs {
    display: table;
  }
  .hide-xs {
    display: none;
  }
  #printBtn {
    display: none;
  }
  .input-search, .back-to-all-request, .nav-tab, .show-details, button, .btn, .search, .mobile, #login-modal, .subject, .panel-primary, #request, .drop-down-list {
    display: none;
  }
  .userpanel-body {
    font-size: 1.3em;
  }
  .table-responsive {
    width: 100%;
    overflow: hidden;
  }
  table {
    width: 100%;
  }
  table td {
    text-wrap: normal;
  }
  .input-text {
    width: 150px;
    display: inline-block;
    height: 28px;
  }
  .warning {
    margin: 20px 0 0;
    border: 1px solid gray !important;
  }
  .shoping-panel .table-bordered, .shoping-panel .personal-info {
    border: none !important;
    border-radius: 0 !important;
  }
  .userpanel-header, userpanel-body {
    margin: 0 auto 0 !important;
    width: 100% !important;
  }
  .userpanel-content {
    width: 100vw;
    font-family: "B Nazanin";
    font-size: 1.4em;
  }
  #PensionSalary img {
    width: 20%;
  }
  p {
    font-size: 1em;
  }
  .ayandehsaz-panel:first-child {
    width: 100%;
    margin: 0 !important;
    padding: 10px;
  }
  .ayandehsaz-panel:first-child .header {
    display: none;
  }
  .ayandehsaz-panel:first-child table {
    border: 1px solid #e8e8e8;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
  }
  .ayandehsaz-panel:first-child table thead {
    border: none;
  }
  .pensioner-statement .header, .Pension-salary .header {
    display: none;
  }
  .ayandehsaz-panel {
    width: 100%;
    margin: -10px 0 !important;
    padding: 10px;
  }
  .ayandehsaz-panel .header p {
    font-weight: bold;
    font-size: 1em;
  }
  .ayandehsaz-panel .header p:before {
    width: 25px;
  }
  .ayandehsaz-panel table { /*border: 1px solid #e8e8e8;*/
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
  }
  .ayandehsaz-panel table thead {
    border: 1px solid #e8e8e8;
    width: 100%;
  }
  .ayandehsaz-panel table thead th, .ayandehsaz-panel table thead td {
    border: 1px solid #e8e8e8;
  }
  .ayandehsaz-panel table thead i {
    display: none;
  }
  .ayandehsaz-panel table th {
    border: 1px solid #e8e8e8 !important;
    font-size: 12px;
  }
  .ayandehsaz-panel table th.th-primary {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table td {
    border: 1px solid #e8e8e8 !important;
    font-size: 14px;
  }
  .ayandehsaz-panel table td.grayed-out {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table td.border-left {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table .border-left {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table .background-light-blue {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table .border-dotted {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel table .bottom-border {
    border: 1px solid #e8e8e8 !important;
  }
  #statement-detail {
    width: 100vw;
    font-family: "B Nazanin";
    font-size: 1em;
    height: 100vh;
  }
  #statement-detail .modal {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  #statement-detail .modal-dialog {
    margin: 0;
  }
  #statement-detail .modal-header {
    padding: 0;
  }
  #statement-detail .modal-body {
    padding: 0;
  }
  #statement-detail .modal-title {
    font-family: "B Nazanin";
    font-size: 14px;
    padding: 0;
  }
  #statement-detail .ayandehsaz-panel {
    padding: 0;
  }
  #statement-detail .ayandehsaz-panel table {
    margin: 0;
    vertical-align: top;
  }
  #statement-detail .ayandehsaz-panel table th {
    font-size: 10px;
    padding: 0;
  }
  #statement-detail .ayandehsaz-panel table td {
    font-size: 10px;
    padding: 2px;
  }
  .period-profile .ayandehsaz-panel .header .body table {
    width: 100vw;
    margin: 0;
  }
  .ayandehsaz-panel .body.border {
    border: 1px solid #e8e8e8 !important;
  }
  .border-left {
    border: none !important;
  }
  .col-sm-9 {
    width: 75%;
    float: right;
  }
  .col-sm-3 {
    width: 25%;
    float: right;
  }
  .table-responsive {
    overflow: inherit;
  }
  a[href]:after {
    content: none !important;
  }
  .table-striped > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  .show-only-print-cell {
    display: table-cell;
  }
  .show-only-print {
    display: block;
  }
  .show-only-print table {
    width: 100%;
  }
  .hide-in-print {
    display: none;
  }
  .pensioner-statement .print-logo, .Pension-salary .print-logo {
    display: inline-block;
    margin-bottom: 10px;
  }
  .Pension-salary .userpanel-header {
    display: none;
  }
  .text-center {
    text-align: center;
  }
  .shoping-panel .page-content .personal-info .text-center img {
    width: 20px;
  }
  .ayandehsaz-panel .body.top-header table th {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.top-header table td {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.personal-info {
    font-size: 14px;
  }
  .ayandehsaz-panel .body.personal-info table thead .th-secondary {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table th {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.personal-info table th.th-primary {
    background: #25a0c3;
    color: white;
  }
  .ayandehsaz-panel .body.personal-info table td {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.personal-info table td.grayed-out {
    border: 1px solid #e8e8e8 !important;
    padding: 0 5px;
    height: auto;
    vertical-align: middle;
  }
  .ayandehsaz-panel .body.personal-info table td.border-left {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .border-left {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .background-light-blue {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .border-dotted {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .bottom-border {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.personal-info table .input-search {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .body.border {
    border: 1px solid #e8e8e8 !important;
  }
  .ayandehsaz-panel .not-fount {
    text-align: center;
    font-size: 1.4em;
  }
}
@media print { /*@page { margin: 5%; }*/
  .show-xs {
    display: table;
  }
  .hide-xs {
    display: none;
  }
  #printBtn {
    display: none;
  }
  .back-to-all-request, .nav-tab, .show-details, button, .btn, .search, .table.mobile, #login-modal, .subject, #request {
    display: none;
  }
  .userpanel-body {
    padding: 15px;
    font-size: 0.7em;
  }
  .table-responsive {
    width: 100%;
    overflow: hidden;
  }
  table {
    width: 100%;
  }
  table td {
    text-wrap: normal;
  }
  .request-detail, .print-deducation-salary-form {
    width: 100%;
    margin: 0;
    text-align: justify;
  }
  .request-detail p, .print-deducation-salary-form p {
    line-height: 2.2;
  }
  .print-deducation-salary-form {
    display: block !important;
  }
  @page {
    margin: 50px;
  }
  .admin-section {
    display: table !important;
  }
}