body {
  --taba-primary-color: hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l))!important;
  --bulma-body-family:'vazirmatn-roundot-vf',
                      'vazirmatn-roundot',
                      system-ui,
                      -apple-system,
                      BlinkMacSystemFont,
                      'Segoe UI',
                      'Roboto',
                      'Oxygen',
                      'Ubuntu',
                      'Cantarell',
                      'Open Sans',
                      'Helvetica Neue',
                      'Arial',
                      sans-serif,
                      'Apple Color Emoji',
                      'Segoe UI Emoji',
                      'Segoe UI Symbol';
  min-height: 100vh;
  /***********************************/
  --bulma-primary-h: 149.7deg;
  --bulma-primary-s: 40.24%;
  --bulma-primary-l: 49.22%;
  /***********************************/
  --bulma-danger-h: 346deg;
  --bulma-danger-s: 71%;
  --bulma-danger-l: 49%;
  /***********************************/
  --bulma-warning-h: 56deg;
  --bulma-warning-s: 61%;
  --bulma-warning-l: 60%;
  /***********************************/
  --bulma-link-h: 149.7deg;
  --bulma-link-s: 40.24%;
  --bulma-link-l: 49.22%;
  /***********************************/
  --bulma-table-cell-text-align: right;
}


[dir="rtl"] .menu-list .menu-item, 
[dir="rtl"] .menu-list a, 
[dir="rtl"] .menu-list button {
 text-align: right;
}

html.dashboard-panel {
  background-color: #eeeff0;
  padding-top: 3.5rem;
}
.main-header {
  background-color: #f8f8f8;
  color: #9dacbb;
  box-shadow: 0 1px 30px #d1d2da;
  border: none;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0.5rem;
  z-index: 999999;
}

.main-header * {
  align-items: center;
}

.main-header .field {
  flex: auto;
  margin-bottom: 0;
}

.main-header .dropdown {
  height: 33px;
}

.page-loading  {
  overflow: hidden;
}
.page-loading .page-loading-wrapper { display: block; }
.page-loading-wrapper {
  top: 0px;
  position: fixed;
  display: none;
  width: 100%;
  background: #fff;
  height: 160vh;
  text-align: center;
  z-index: 999999999;
}

.page-loading-wrapper .loader {
  width: 200px;
  height: 200px;
  margin: 30px auto;
}

.new-professor {
  display: flex;
  align-items: center;
}

.new-professor .typed-quote {
  margin-right: 30px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 0 #ddd;
  padding: 30px;
  flex-grow: 1;
}

.new-professor .quote-text {
  display: none;
}

.new-professor .quote {
  display: inline;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  white-space: pre-wrap;
}

.callout {
  position: relative;
  min-height: 50px;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.callout::before {
  content: "";
  width: 0;
  height: 0;
  border: 15px solid transparent;
  position: absolute;
}

.callout.right::before {
  right: -5px;
  border-left: 20px solid #fff;
}

/****************************************/
.pdf-viewer
{
  display: none;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

button#mbti-submit,
button#ei-submit
{
  color: white;
}
/*  */

.pdf-viewer iframe {
  width: 100%;  /* عرض به اندازه کل صفحه */
  height: 500px;  /* ارتفاع ثابت یا متناسب با موبایل */
  border: none;  /* حذف حاشیه */
}

@media (max-width: 768px) {
  .pdf-viewer iframe {
    width: 100%;  /* عرض کل صفحه برای موبایل */
    height: 300px;  /* ارتفاع کوتاه‌تر برای موبایل */
  }
}
@media (max-width: 480px) {
  .pdf-viewer iframe {
    height: 250px;  /* ارتفاع کوتاه‌تر برای نمایش موبایل‌های کوچک‌تر */
  }
}
.pdf-viewer {
  position: relative;
  padding-bottom: 56.25%; /* نسبت 16:9 */
  height: 0;
  overflow: hidden;
}

.pdf-viewer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/******************************************************/
@media (max-width: 992px) {
  .fixed-grid-avatar-list{
    display: none;
  }
  .callout.right::before {
    border: 15px solid transparent;
    border-bottom: 20px solid #fff;
    right: calc(50% - 15px);
    top: -30px;
  }
  .new-professor .typed-quote {
    margin-right: 0px;
  }
  .callout {
    margin-top: 30px;
  }
  .new-professor{
    flex-direction: column;
  }
}


.step-list .complete  {
  pointer-events: none;
  background-color: #30a566;

}

.step-list .wait,
.step-list .wait .title,
.step-list .wait .subtitle {
  pointer-events: none;
  background-color: #94d1b3;
  color: #808080;
}

.step-list .retry {
  background-color: #efde40;

}

.step-list .unstart {
  pointer-events: none;
  opacity: 50%;
}

#step-id {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.btn-step{
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  text-align: right;
}

.step-container >*:not(.active) #step-list-toggle{
  max-height: 0;
  overflow: hidden;
  transition: 2s ease;
}

.step-container .active #step-list-toggle{
  max-height: 390px;
  transition: 2s ease;
  overflow: hidden;
}

#step-list-toggle.chall_3{
  pointer-events: none;
}