/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .flex {display: flex;}
.inline-flex {display: inline-flex;}
.flex-column {flex-direction: column;-ms-flex-direction:column;}
.flex-row-reverse {-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.flex-column-reverse {-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.flex-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.justify-content-start, .justify-content-right {-ms-flex-pack: start;justify-content: flex-start;}
.justify-content-end, .justify-content-left {-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-center {-ms-flex-pack: center;justify-content: center;}
.justify-content-between {-ms-flex-pack: justify;justify-content: space-between;}
.align-items-start,.align-items-right {-ms-flex-align: start;align-items: flex-start;}
.align-items-end,.align-items-left {-ms-flex-align: end;align-items: flex-end;}
.align-items-center {-ms-flex-align: center;align-items: center;}
 @font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/IRANSansWeb.eot');
	src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSansWeb.ttf') format('truetype');
}
.main-nikandishan-questions {font-size: 14px;}
body.rtl .main-nikandishan-questions * {font-family: IRANSans !important;}
 p {
    text-align: justify;
    text-indent: 25px;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
}

.flex-container>div {
    background-color: #ffffff;
    margin: 5px;
    padding: 5px;
}
.chart {
  background: #f1f4f7;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
  padding: 10px 10px 10px 10px;
  margin: 10px 10px 10px 10px;
  border-radius: 10px;
  list-style: none;
  position: relative;
  display: inline-table;
  font-weight: normal;
  font-size: 14px;
}	
.optionsbox {
  background: #f1f4f7;
  box-shadow: 0px 0px 1px rgba(0,0,0,0.15);
  padding: 5px 5px 5px 5px;
  margin: 3px 3px 3px 3px;
  border-radius: 5px;
  list-style: none;
  position: relative;
  display: inline-table;
  font-weight: normal;
  font-size: 12px;
}
a.button {
    background-color: #aa96F3;
    min-width: 150px;
    border: none;
    border-radius: 7px;
    color: #fff;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    transition: 0.7s;
    margin-bottom: 10px;
    text-decoration: none;
}

a.button:hover {
    background-color: #5a55;
    color: #fff;
    border-radius: 15px;
}


.mybtn {
    background-color: #aa96F3;
    width: 200px;
    border: none;
    border-radius: 7px;
    color: #fff;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    transition: 0.7s;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
}

.mybtn:hover {
    background-color: #5a55;
    color: #fff;
    border-radius: 15px;
}
.nic-step,.question-footer .submit-form,.question-footer .previous {
    display: none;
}
.nic-step.nic-step-active {
    display: block;
}
.question-footer {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    align-items: center;
}
.nikandishan-question {
    padding-top: 40px;
}
.nikandishan-question .notice-answer {
    color: red;
    display: none;
}
.result-footer-btn a {margin: 10px;}
#result-table-test table tr.schema-table-head {background-color:#88D44B;color:#ffffff;}
#result-table-test table tr.schema-table-head th {vertical-align:middle;height:60px;}
#result-table-test table tr.schema-table-head th.schema-th-1,#result-table-test table tr.schema-table-head th.schema-th-2 {width: 20%;}
#result-table-test table tr.schema-table-head th.schema-th-3 {width: 40%;}
#result-table-test table tr.schema-table-head th.schema-th-4 {width: 10%;}
#result-table-test table tr.schema-td-head td:first-child {vertical-align:middle;}
#result-table-test table tr.schema-td-color-1 {background-color:#FFD44B;}
#result-table-test table tr.schema-td-color-2 {background-color:#FFA365;}
#result-table-test table tr.schema-td-color-3 {background-color:#FFA3A5;}
#result-table-test table tr.schema-td-color-4 {background-color:#C5E0B4;}
#result-table-test table tr.schema-td-color-5 {background-color:#9BE5FF;}
.schema-btn-loading{display:inline-block;}
.schema-btn-loading:after{content:" ";display:block;width:10px;height:10px;margin:0 8px;border-radius:50%;border:3px solid #fff;border-color:#fff transparent #fff transparent;animation:schema-dual-ring 1.2s linear infinite}
@keyframes schema-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#schema-questions-alert {display: none;position: fixed;top:0;right:0;background-color: rgba(0,0,0,0.4);z-index: 999999;width: 100%;height: 100%;}
#schema-questions-alert #schema-questions-alert-inside {position: absolute;top: 50%;right: 50%;transform: translate(50%,-50%);width: 300px;height: 140px;background-color: #fff;box-shadow: 0px 2px 28px 4px rgba(0,0,0,0.2);border-radius: 5px;text-align: center;overflow: hidden;}
#schema-questions-alert #schema-questions-alert-inside p {text-indent: 0;text-align: center;margin: 0;}
#schema-questions-alert #schema-questions-alert-inside .schema-questions-alert-text {padding: 15px 0;}
#schema-questions-alert .schema-questions-alert-close {display: inline-block;background-color: #c2c2c2;padding:4px 10px;border-radius: 2px;cursor: pointer;}
#schema-questions-alert .schema-questions-alert-title {background-color: #c2c2c2;padding: 5px 0;}
.animate__animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes fadeInRight {
    from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInRight {
    from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.animate__fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInLeft {
    from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
  @keyframes fadeInLeft {
    from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.animate__fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@media (max-width: 480px) {
  .mybtn {width: auto;}  
}